Comment intégrer le code à votre site

Avec Elementor, Divi ou l'éditeur de blocs natif, l'intégration se fait via un bloc HTML personnalisé.

1. Copiez votre code d'intégration depuis votre espace partenaire, section Blocs et pages.
2. Ouvrez la page cible : modifiez une page existante ou créez-en une nouvelle depuis Pages > Ajouter.
3. Ajoutez un bloc « HTML personnalisé » à l'endroit souhaité.
4. Collez le code, prévisualisez le rendu puis publiez la page.

<!-- Code fourni depuis votre Studio de marque -->
<div data-widget="[nom-de-marque]" data-id="XXXXX"></div>

Elementor propose un widget dédié au code HTML, à glisser directement dans votre mise en page.

1. Copiez votre code d'intégration depuis votre espace partenaire, section Blocs et pages.
2. Ouvrez votre page avec « Modifier avec Elementor ».
3. Recherchez le widget « HTML » et déposez-le à l'endroit voulu.
4. Collez le code et mettez à jour la page.

<!-- Code fourni depuis votre Studio de marque -->
<div data-widget="[nom-de-marque]" data-id="XXXXX"></div>

Wix permet d'ajouter du code personnalisé via l'élément « Intégrer du HTML ».

1. Copiez votre code d'intégration depuis votre espace partenaire, section Blocs et pages.
2. Sur la page cible : Ajouter > Intégrer > HTML personnalisé.
3. Collez le code fourni dans le panneau qui s'ouvre.
4. Ajustez la taille si nécessaire, puis publiez votre site.

<!-- Code fourni depuis votre Studio de marque -->
<div data-widget="[nom-de-marque]" data-id="XXXXX"></div>

Wix Studio propose le même élément d'intégration HTML que Wix, avec plus de contrôle sur la mise en page.

1. Copiez votre code d'intégration depuis votre espace partenaire, section Blocs et pages.
2. Ajoutez un élément « Intégration HTML » depuis le panneau Ajouter, sur la page souhaitée.
3. Ouvrez les paramètres de l'élément et collez le code fourni.
4. Vérifiez l'aperçu puis publiez votre site.

<!-- Code fourni depuis votre Studio de marque -->
<div data-widget="[nom-de-marque]" data-id="XXXXX"></div>

Squarespace permet d'insérer un bloc de code sur n'importe quelle page.

1. Copiez votre code d'intégration depuis votre espace partenaire, section Blocs et pages.
2. Cliquez sur Modifier sur la page cible.
3. Cliquez sur le « + » à l'endroit voulu et choisissez le bloc Code.
4. Collez le code fourni, puis enregistrez et publiez.

<!-- Code fourni depuis votre Studio de marque -->
<div data-widget="[nom-de-marque]" data-id="XXXXX"></div>

Sur Shopify, l'intégration se fait via une section personnalisée dans l'éditeur de thème.

1. Copiez votre code d'intégration depuis votre espace partenaire, section Blocs et pages.
2. Boutique en ligne > Thèmes > Personnaliser.
3. Sur la page cible, ajoutez une section « Liquid personnalisé ».
4. Collez le code fourni dans le champ prévu, puis enregistrez.

<!-- Code fourni depuis votre Studio de marque -->
<div data-widget="[nom-de-marque]" data-id="XXXXX"></div>

Webflow propose un élément « Embed » pour insérer du code HTML personnalisé.

1. Copiez votre code d'intégration depuis votre espace partenaire, section Blocs et pages.
2. Ouvrez le Designer Webflow sur la page cible.
3. Glissez l'élément Embed à l'endroit souhaité.
4. Collez le code fourni, fermez l'éditeur puis publiez le site.

<!-- Code fourni depuis votre Studio de marque -->
<div data-widget="[nom-de-marque]" data-id="XXXXX"></div>