Comment intégrer des formulaires externes sur n'importe quelle page Edcommerce

Last updated: July 27, 2026

Explique comment intégrer un formulaire tiers (par exemple un construit dans votre CRM) dans une page de destination EdCommerce en utilisant le bloc de page 'Code HTML'. Les trois étapes sont : créer ou modifier une page sous 'Pages' et faire glisser un bloc de code HTML, ouvrir l'éditeur du bloc et coller votre code de formulaire, puis prévisualiser et publier. L'intégration doit être un code IFRAME — si votre CRM ne produit qu'un script, convertissez-le avec un outil tel que Iframe Generator avant de le coller. Les cas d'utilisation typiques incluent des formulaires CRM personnalisés, des affichages de produits dynamiques avec un formulaire de contact, et une page "Contactez-nous" réutilisant votre formulaire de contact existant sur votre site web.

Alors 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 dans vos pages de destination EdCommerce, en vous offrant 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 pour capturer des informations spécifiques du client à partir de vos pages eCommerce.
  2. Affichages de produits dynamiques : Présentez des recommandations de produits générées dynamiquement ou du contenu personnalisé basé sur les préférences du client. Améliorez la collecte de leads en intégrant votre formulaire de lead sur des pages avec ce contenu.
  3. Formulaire de contact : Créez une page "Contactez-nous" sur EdCommerce en utilisant le même formulaire de contact que vous utilisez sur 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, naviguez vers 'Pages' > 'Créer une nouvelle page'

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

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

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

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

Maintenant, vous devez insérer le code HTML de votre formulaire dans l'éditeur.

Vous pouvez trouver ce code dans votre système CRM, là où votre formulaire a été créé à l'origine. Copiez simplement le code HTML de 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 être sous forme de script. Pour intégrer ces scripts sur votre page, vous devrez convertir le script en iframe. Vous pouvez utiliser des outils en ligne comme Iframe Generator pour cette conversion.

Voici ce qu'il faut faire :

  • Allez sur Iframe Generator ou un outil similaire.
  • Copiez votre script CRM dans la boîte.
  • 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 : Aperçu et publication de votre page

Aperçu de 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 eCommerce.