Comment intégrer vos formulaires Edcommerce sur n'importe quelle page d'atterrissage ou site web externe.

Last updated: July 27, 2026

Explique comment copier un iframe de formulaire de prospect EdCommerce depuis Paramètres > Ecommerce > Formulaires — soit par bureau via le menu à 3 points ou un seul formulaire pour tous les bureaux via le bouton 'Copier l'iframe pour le formulaire de prospect' en haut — et coller le HTML dans n'importe quel site externe ou CMS comme WordPress/Elementor, Shopify ou Wix. Documente également deux personnalisations effectuées en modifiant l'URL de l'iframe : ajouter un code de langue (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) et ajouter un code HEX pour définir la couleur du bouton Soumettre. Seuls les formulaires de prospect peuvent être intégrés en externe — les formulaires de réservation sont uniquement pour Edcommerce — et les prospects soumis se synchronisent avec Edvisor, sont automatiquement assignés au bon conseiller selon vos règles commerciales, et apparaissent dans le pipeline et l'étape corrects.

Edcommerce offre une fonctionnalité puissante qui vous permet de créer et de personnaliser différents formulaires de prospect et de réservation, rendant simple la collecte des bonnes informations auprès de vos prospects et réservations.

Dans cet article, nous vous montrerons comment intégrer vos formulaires de prospect sur d'autres pages de votre site web, permettant la collecte de prospects non seulement depuis votre boutique en ligne, mais depuis n'importe quelle page web.

\Ces prospects seront ensuite synchronisés avec votre compte Edvisor, automatiquement assignés aux bons conseillers, et ajoutés au pipeline et à l'étape appropriés.*

*Si vous n'avez pas encore configuré vos formulaires, reportez-vous à cet article pour apprendre comment configurer et personnaliser les formulaires dans votre site Edcommerce.

**Veuillez noter que seuls les formulaires de prospect peuvent être intégrés à votre site web. Les formulaires de réservation sont exclusivement pour Edcommerce.

Comment intégrer vos formulaires Edcommerce sur n'importe quelle page d'atterrissage ou site web

  • Accédez à : Paramètres > Ecommerce > Formulaires.

Ensuite, cliquez sur l'icône à 3 points à côté de chaque bureau, et sélectionnez 'Copier l'iframe pour le formulaire de prospect' si vous souhaitez intégrer un formulaire créé pour un bureau spécifique.

Ou simplement cliquez sur le 'Copier l'iframe pour le formulaire de prospect' bouton dans le menu supérieur pour intégrer un formulaire unique (pour tous vos bureaux).

Vous obtiendrez un code HTML à copier et coller dans votre site web.

Si vous utilisez un CMS comme WordPress (avec un constructeur de site comme Elementor ou Visual Composer), Shopify, ou Wix, ils offrent généralement une méthode simple pour intégrer des éléments avec des extraits de code HTML.

C'est généralement un widget ou un élément dans votre boîte à outils que vous pouvez simplement faire glisser et déposer.

Par exemple, si vous utilisez un constructeur de site comme Elementor, vous pouvez l'ajouter via son widget HTML.

Comment personnaliser la langue de votre formulaire

Si vous souhaitez définir la langue du formulaire de contact, ajoutez le code de langue à la fin de l'URL dans le code HTML :

Exemple :

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/fr"

Ici, vous pouvez voir les codes de langue pour les différentes langues disponibles :

  • EN = Anglais
  • PT = Portugais
  • ES = Espagnol
  • ES_MX = Espagnol latino-américain
  • PT_BR = Portugais brésilien
  • DE = Allemand
  • IT = Italien
  • TR = Turc
  • FR = Français
  • JA = Japonais
  • KO = Coréen

Comment personnaliser la couleur de votre bouton de formulaire

Vous pouvez également personnaliser la couleur du bouton 'Soumettre' sur vos formulaires de contact intégrés pour correspondre à votre marque. C'est simple :

  1. Trouvez le code HEX de la couleur de votre marque (Exemple #4EB2F4).
  2. Ajoutez ce code HEX à l'URL du formulaire que vous souhaitez intégrer.

Par exemple, si vous souhaitez utiliser la couleur avec le code HEX #4EB2F4, votre URL ressemblera à ceci :

<iframe title="Formulaire de contact">
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/fr/4EB2F4/9447"&br>    width="500"&br>    height="900"&br>    frameborder="0"&br>    allowfullscreen="true">
</iframe>

Remplacez simplement #4EB2F4 par votre code HEX personnalisé pour voir la magie opérer !

Une fois qu'un étudiant remplit l'un de ces formulaires, le contact sera attribué au bon conseiller en fonction des règles commerciales établies dans vos paramètres EdCommerce. Ces contacts sont également synchronisés avec votre compte Edvisor, et ajoutés au bon pipeline et à la bonne étape.