Comment connecter des outils externes grâce à l'élément "code embed"

Chez Webador, notre priorité absolue est de maintenir la création et la gestion de votre site internet aussi simples, rapides et intuitives que possible, en particulier pour les petites entreprises et les indépendants. C'est pourquoi nous nous concentrons sur des fonctionnalités intégrées épurées et prêtes à l'emploi.

Cependant, au fur et à mesure que votre activité grandit, vous pourriez avoir besoin d'outils marketing plus spécifiques ou avancés pour votre e-commerce (comme une newsletter automatisée, un bouton de discussion en direct ou un espace communautaire).

Bonne nouvelle : vous n'avez pas besoin de changer de plateforme ! Grâce à notre élément Intégrer HTML, vous pouvez connecter très facilement presque n'importe quel service externe en quelques instants.

Le guide pas-à-pas : Comment ajouter un code externe ?

Pour connecter un outil tiers sur votre site Webador, la méthode est toujours strictement la même et elle ne demande strictement aucune connaissance en codage ou en développement web :

  1. Créez un compte sur la plateforme externe de votre choix (Mailchimp, Brevo, Elfsight, Disqus, etc.).

  2. Configurez votre outil (votre formulaire, votre bouton de chat, votre flux de photos) directement sur leur interface.

  3. Une fois la configuration terminée, la plateforme vous fournira un petit bloc de texte technique appelé "Code d'intégration" (Embed code), "Widget" ou "Script". Copiez-le dans votre presse-papiers.

  4. Rendez-vous dans votre Éditeur Webador, ouvrez l'onglet Éléments dans la barre latérale gauche, puis glissez-déposez l'élément code embed à l'endroit exact où vous souhaitez voir apparaître l'outil sur votre page.

  5. Cliquez sur l'élément que vous venez de placer, choisissez l'option Modifier le code embed, collez votre script, puis cliquez sur Enregistrer.

💡 Note importante : Pour des raisons de sécurité et pour ne pas ralentir votre espace de travail dans l'Éditeur, la plupart des codes d'intégration et des widgets dynamiques ne s'activent visuellement que sur votre site en ligne. N'ayez pas d'inquiétude si vous voyez un encadré gris ou vide dans l'éditeur : cliquez simplement sur Publier ou actualisez votre site en ligne pour vérifier le résultat réel !

3 exemples concrets et indispensables pour booster votre activité

Voici comment utiliser ce bloc HTML pour ajouter les fonctionnalités marketing les plus demandées par notre communauté :

1. Ajouter une Newsletter ou un formulaire d'inscription (Brevo ou Mailchimp)

L'e-mailing est le levier le plus puissant pour fidéliser vos clients, envoyer des codes promos et annoncer vos nouveautés. Comme Webador ne gère pas nativement l'envoi de campagnes d'e-mails en masse, l'utilisation d'un outil professionnel gratuit comme Brevo ou Mailchimp est la solution idéale.

  • Comment faire ? Connectez-vous sur Brevo ou Mailchimp, créez un formulaire d'inscription à votre newsletter et personnalisez les couleurs pour qu'elles correspondent à votre charte graphique. Copiez le code HTML généré à la fin. Dans Webador, placez l'élément code embed et collez le code. Vos visiteurs pourront s'inscrire et leurs coordonnées seront automatiquement synchronisées avec vos listes de diffusion.

    Si vous souhaitez intégrer un code embed sur une seule page, choisissez l'élément code embed. 
    Ajoutez des extraits HTML personnalisés dans le head ou le corps de toutes les pages de votre site internet en vous rendant dans Paramètres > Avancé > Ajouter un code HTML personnalisé. 
     

2. Ajouter un bouton WhatsApp ou des avis clients Google (Smartarget ou Elfsight)

Afficher des preuves sociales (comme vos avis Google 5 étoiles) ou permettre à vos clients de vous contacter instantanément sur leur mobile via un bouton WhatsApp flottant augmente considérablement la confiance et le taux de conversion de votre boutique en ligne.

  • Comment faire ? Des plateformes spécialisées et très accessibles comme Smartarget ou Elfsight vous permettent de configurer ces widgets visuels en 2 minutes sans toucher au code. Une fois votre badge d'avis Google ou votre bouton WhatsApp configuré sur leur site, copiez le script de partage fourni. Collez-le dans l'élément Intégrer HTML de Webador.

  • Astuce de placement : Si vous utilisez un bouton flottant (comme WhatsApp), placez le bloc HTML tout en bas de votre page d'accueil. Le bouton se positionnera automatiquement dans un coin de l'écran de vos visiteurs.

3. Créer un espace de commentaires interactif pour votre Blog (Disqus)

Webador inclut un outil de commentaires natif qui fonctionne très bien pour recevoir des messages simples de vos lecteurs. Cependant, si vous souhaitez transformer votre blog en un véritable espace communautaire avec des fonctionnalités de réseau social (réponses imbriquées de type "fil de discussion" entre utilisateurs, système de vote pour mettre en avant les meilleurs commentaires, ou modération avancée des spams), Disqus est la référence absolue.

  • Comment faire ? Créez un compte gratuit sur Disqus, ajoutez l'URL de votre site internet et sélectionnez l'option "Universal Code" pour obtenir votre script général. Dans votre Éditeur Webador, ouvrez l'article de blog de votre choix, faites glisser l'élément Intégrer HTML tout en bas de la page (juste en dessous de votre texte de conclusion), et collez votre code. Vos lecteurs disposeront immédiatement d'un espace de discussion ultra-moderne où ils pourront même se connecter en un clic avec leur compte Google ou Facebook pour participer.

Vous rencontrez un problème avec un outil externe ?

Étant donné que ces outils tiers et leurs scripts personnalisés ne sont pas développés, hébergés ni mis à jour par Webador, nos équipes de support technique ne peuvent pas garantir leur compatibilité totale au fil du temps, ni intervenir directement dans leur fonctionnement.

Si un widget externe ne s'affiche pas du tout, s'affiche mal sur mobile ou perturbe la mise en page générale de votre site, nous vous invitons à :

  • Vérifier que vous avez copié l'intégralité du code fourni par la plateforme externe (il ne doit pas manquer un caractère ou une balise).

  • Consulter directement le centre d'aide ou le service client du fournisseur de l'outil (Mailchimp, Elfsight, Disqus, etc.), qui saura vous guider pour ajuster les paramètres du widget.

Associé à

Cet article vous a-t-il été utile ?