Comment intégrer des formulaires externes sur n’importe quelle page EdCommerce

Last updated: October 9, 2026

Bien qu'EdCommerce propose des formulaires intelligents qui se synchronisent parfaitement avec votre plateforme Edvisor, il peut arriver que vous préfériez utiliser vos propres formulaires externes.

Dans ce guide, nous vous expliquerons les étapes simples pour intégrer n'importe quel formulaire externe à vos pages d'atterrissage EdCommerce, afin de vous offrir le meilleur des deux mondes.

Cas d'utilisation :

  1. Formulaires personnalisés : Intégrez des formulaires personnalisés générés par votre CRM afin de recueillir des informations spécifiques sur les clients depuis vos pages eCommerce.
  2. Affichage dynamique des produits : Présentez des recommandations de produits générées dynamiquement ou du contenu personnalisé en fonction des préférences des clients. Améliorez la collecte de prospects en intégrant votre formulaire de prospection sur les pages contenant ce contenu.
  3. Formulaire de contact : Créez une page « contactez-nous » sur EdCommerce en utilisant le même formulaire de contact que celui de votre site web. Exemple.

Commençons !

Étape 1 : Créer un bloc de code HTML

Tout d'abord, vous devrez créer ou modifier une page EdCommerce :

  • Dans votre compte EdCommerce, accédez à « Pages » > « Créer une nouvelle page »

Ces pages sont créées à l'aide de blocs personnalisés de différents types. Pour créer une page avec un formulaire externe intégré, vous devez sélectionner l'option « Code HTML ».

Ensuite, faites simplement glisser cette option dans l'éditeur de page.

Étape 2 : Copier et coller le code HTML de votre formulaire

Cliquez sur le bloc HTML nouvellement ajouté pour ouvrir l'éditeur.

Vous devez maintenant insérer le code HTML de votre formulaire dans l'éditeur.

Vous trouverez ce code dans votre système CRM, où votre formulaire a été créé à l'origine. Copiez simplement le code HTML depuis votre CRM, puis collez-le dans l'éditeur ici, dans EdCommerce.

N'oubliez pas d'enregistrer vos modifications après avoir collé le code.

Pour que cela fonctionne, il doit s'agir d'un code IFRAME.

Exemple :

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

Dans certains cas, le code HTML généré par votre CRM peut se présenter sous forme de script. Pour intégrer ces scripts à votre page, vous devrez convertir le script en iframe. Vous pouvez utiliser des outils en ligne tels que Iframe Generator pour effectuer cette conversion.

Voici ce qu'il faut faire :

  • Accédez à Iframe Generator ou à un outil similaire.
  • Copiez le script de votre CRM dans la zone prévue à cet effet.
  • Modifiez les paramètres, comme la taille de l'iframe, si nécessaire.
  • Cliquez pour obtenir le code iframe.
  • Copiez et collez ce code dans votre bloc HTML EdCommerce.

Étape 3 : Prévisualiser et publier votre page

Prévisualisez la page pour vous assurer que le formulaire intégré s'affiche correctement.

Si tout apparaît comme prévu, publiez la page pour appliquer les modifications à votre site e-commerce.