Intégrer votre carte
sur WordPress ou Wix
Le code de votre carte tient en trois lignes. Toutes les solutions de création de site savent accueillir un bloc HTML : voici où le trouver, plateforme par plateforme.
Étape 1 : récupérer votre code
Dans votre espace, rubrique « Ma carte », descendez jusqu'au bloc « Votre carte sur votre site ». Choisissez le format, carte, badge ou bouton flottant, puis l'habillage. L'aperçu change à chaque clic.
Appuyez sur « Copier le code ». Le presse-papiers contient une balise div qui porte l'identifiant de votre carte et une balise script. Rien d'autre à configurer : pas de clé, pas de compte à créer chez un tiers.
WordPress : le bloc HTML personnalisé
Dans l'éditeur de blocs, ajoutez un bloc « HTML personnalisé » à l'endroit voulu de la page, collez le code, mettez à jour. Avec Elementor, faites glisser le widget « HTML » ; avec Divi, utilisez le module « Code ».
Pour un bouton flottant présent sur tout le site, collez le code dans un widget HTML du pied de page, ou dans la zone d'insertion de scripts de votre thème si elle existe. Un seul exemplaire suffit.
Wix, Squarespace, Webflow
Sur Wix, passez par « Ajouter », puis « Intégrer du code » et « HTML personnalisé » ; collez le code et agrandissez le cadre pour laisser respirer la carte. Sur Squarespace, ajoutez un « Bloc Code ». Sur Webflow, glissez un élément « Embed ».
Ces plateformes affichent parfois le code dans un cadre isolé. L'encart y fonctionne normalement ; prévoyez simplement une hauteur suffisante, environ 560 pixels pour la carte complète.
Vérifier que tout fonctionne
Ouvrez la page publiée sur votre téléphone. Appuyez sur « Ajouter à mes contacts » : la fiche doit s'ouvrir avec votre photo. Testez « Recevoir ma carte » avec votre propre adresse e-mail.
De retour dans votre espace, la liste « Votre carte est affichée sur » indique le nom de votre site dès les premières visites. C'est le signe que l'installation est bonne.
Si l'encart n'apparaît pas
Le plus souvent, l'éditeur a transformé le code en texte : vérifiez que vous l'avez collé dans un bloc HTML et non dans un paragraphe. Certaines extensions de cache regroupent les scripts ; videz le cache après l'ajout.
Si le texte du lien apparaît mais pas la carte, le script n'a pas été chargé : la balise script a sans doute été retirée par l'éditeur. Collez à nouveau le code entier, les deux balises ensemble.
Questions fréquentes
Oui. Collez le code de chaque personne ; la balise script n'est utile qu'une fois par page, les autres sont ignorées sans gêne.
Oui, sur n'importe quelle page HTML : collez les deux balises à l'endroit où la carte doit apparaître.
Sur le même sujet
Votre carte, toujours à jour
Créez-la en 2 minutes, ou en 10 secondes avec la photo de votre carte actuelle. Aperçu sans engagement, puis 9,99 € HT par an, jamais désactivée.
Créer ma carte connectée