Intégration d’EdCommerce sur des sites web externes

Last updated: October 16, 2026

Guide consolidé pour intégrer le contenu EdCommerce sur des sites web externes et des pages d’atterrissage, couvrant trois méthodes. (1) Intégrer des formulaires de prospects : copiez un iframe de formulaire de prospects EdCommerce depuis Settings > Ecommerce > Forms — soit par bureau via le menu à trois points, soit un formulaire unique pour tous les bureaux via le bouton supérieur « Copy Iframe for Lead Form » — puis collez le code HTML dans n’importe quel site web externe ou CMS tel que WordPress/Elementor, Shopify ou Wix ; personnalisez-le en modifiant l’URL de l’iframe pour ajouter un code de langue (EN, PT, ES, ES_MX, PT_BR, DE, IT, TR, FR, JA, KO) ou un code HEX afin de définir la couleur du bouton Soumettre. Seuls les formulaires de prospects peuvent être intégrés à l’extérieur — les formulaires de réservation sont réservés à EdCommerce — et les prospects soumis sont synchronisés avec Edvisor, automatiquement attribués au conseiller approprié selon vos règles commerciales, puis placés dans le pipeline et à l’étape appropriés. (2) Intégrer des widgets de programmes : créez un widget dans EdCommerce Settings > Widgets, personnalisez son apparence et collez l’extrait de code généré dans un bloc HTML, avec des instructions détaillées pour WordPress (Elementor et Visual Composer), Wix et Squarespace, ainsi que des cas d’utilisation. (3) Ajouter EdCommerce à WordPress : ajoutez un lien vers un site EdCommerce depuis un menu de navigation WordPress via Appearance > Menus en utilisant un lien personnalisé vers votre URL EdCommerce (disponible sous Settings > EdCommerce > EdCommerce Details), idéalement configuré pour s’ouvrir dans un nouvel onglet.

Avec EdCommerce, vous pouvez intégrer votre contenu à n’importe quel site web externe ou page d’atterrissage — qu’il s’agisse d’intégrer des formulaires de prospects, d’intégrer des widgets de programmes ou d’ajouter un lien vers votre site EdCommerce. Cet article couvre les trois possibilités.

Intégrer des formulaires EdCommerce

EdCommerce offre une fonctionnalité puissante qui vous permet de créer et de personnaliser différents formulaires de prospects et de réservation, afin de recueillir facilement les informations appropriées auprès de vos prospects et de vos réservations.

Nous allons vous montrer ici comment intégrer vos formulaires de prospects sur d’autres pages de votre site web, afin de recueillir des 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 attribués aux conseillers appropriés et ajoutés au pipeline et à l’étape correspondants.*

*Si vous n’avez pas encore configuré vos formulaires, reportez-vous à cet article pour apprendre à configurer et personnaliser les formulaires sur votre site EdCommerce.

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

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

  • Accédez à : Settings > Ecommerce > Forms.

Ensuite, cliquez sur l’icône à trois points à côté de chaque bureau et sélectionnez « Copy Iframe for Lead Form » si vous souhaitez intégrer un formulaire créé pour un bureau spécifique.

Vous pouvez également cliquer sur le bouton « Copy Iframe for Lead Form » 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 proposent généralement une méthode simple pour intégrer des éléments à l'aide d'extraits de code HTML.

Il s'agit généralement d'un widget ou d'un élément de votre boîte à outils que vous pouvez simplement faire glisser-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 prospects, ajoutez le code de la langue à la fin de l'URL dans le code HTML :

Exemple :

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

Vous trouverez ici 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 du bouton de votre formulaire

Vous pouvez également personnaliser la couleur du bouton « Soumettre » de vos formulaires de prospects intégrés afin qu'elle corresponde à 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 correspondant au code HEX #4EB2F4, votre URL ressemblera à ceci :

<iframe title="Lead Form"
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"
    width="500"
    height="900"
    frameborder="0"
    allowfullscreen="true">
</iframe>

Remplacez simplement #4EB2F4 par votre code couleur HEX personnalisé pour voir le résultat !

Lorsqu'un étudiant remplit l'un de ces formulaires, le prospect est attribué au conseiller approprié en fonction des règles commerciales établies dans vos paramètres EdCommerce. Ces prospects sont également synchronisés avec votre compte Edvisor et ajoutés au pipeline et à l'étape appropriés.

Intégrer des programmes EdCommerce

Avec EdCommerce, vous pouvez non seulement concevoir des pages d'accueil e-commerce élégantes et même créer des sites web complets, mais aussi intégrer facilement ses puissantes fonctionnalités à n'importe quel site web existant que vous utilisez.

Cela signifie que vous bénéficiez du meilleur des deux mondes : les fonctionnalités de votre site web actuel et les puissantes fonctionnalités d'EdCommerce.

Vous pouvez le faire en créant et en intégrant un widget. Voyons comment procéder.

Comment créer un widget EdCommerce

  1. Accédez à vos paramètres EdCommerce : Connectez-vous à votre compte EdCommerce et accédez à la section 'Paramètres'.
  2. Créez un widget : Dans le menu de gauche, sélectionnez 'Widgets', puis 'Créer un nouveau widget'.
  3. Renseignez les détails du widget : Remplissez le formulaire avec le nom de votre widget, la langue souhaitée, la devise et la nationalité de l'étudiant.
  4. Choisissez le contenu : Sélectionnez les programmes ou établissements d'enseignement à afficher dans votre widget. Cliquez simplement sur "Programmes" ou "Fournisseurs" et choisissez ceux que vous souhaitez afficher dans la liste à droite.
  5. Personnalisez l'apparence : Ajustez l'apparence du widget en modifiant le style de police, la couleur d'arrière-plan et l'ombre portée afin de l'adapter au design de votre site web. Vous pouvez également modifier les marges intérieures pour un meilleur ajustement en cliquant sur l'icône carrée à l'intérieur de l'aperçu du widget.
  6. Enregistrez votre widget : Une fois satisfait des paramètres, cliquez sur 'Enregistrer'.

Après avoir enregistré votre widget, vous recevrez un extrait de code.

Ce code doit être ajouté à votre site web. Continuez à lire pour découvrir comment faire.

Comment ajouter un widget EdCommerce à votre site

Ouvrez simplement la page de votre site web où vous souhaitez placer ce widget et insérez une boîte HTML contenant le code.

Selon le CMS de votre site web (comme WordPress ou Wix), la méthode pour ajouter ce code peut varier. En général, tous les éditeurs de sites web vous permettent de faire glisser-déposer une boîte HTML.

Voici quelques exemples :

WordPress (avec Elementor) :

  • Ouvrez avec Elementor la page que vous souhaitez modifier.
  • Faites glisser le widget 'HTML' du panneau de gauche vers l'endroit de votre page où vous souhaitez placer le widget.
  • Collez le code extrait EdCommerce dans la boîte de code HTML.
  • Cliquez sur 'Mettre à jour' pour enregistrer vos modifications.

WordPress (avec Visual Composer) :

  • Modifiez la page sur laquelle vous souhaitez intégrer le widget.
  • Cliquez sur le bouton '+' pour ajouter un nouvel élément.
  • Choisissez 'HTML brut' ou 'HTML personnalisé' parmi les éléments de contenu.
  • Collez votre code extrait EdCommerce dans la zone de texte.
  • Enregistrez vos modifications en cliquant sur 'Mettre à jour' sur la page.

Wix :

  • Accédez à la page que vous souhaitez modifier dans l'éditeur Wix.
  • Cliquez sur 'Ajouter' (+) à gauche de l'éditeur et sélectionnez 'Plus'.
  • Choisissez 'iframe HTML' dans le menu déroulant.
  • Cliquez sur 'Saisir le code', puis collez le code extrait EdCommerce dans la boîte Paramètres HTML.
  • Cliquez sur 'Appliquer' pour enregistrer et voir le widget sur votre page.

Squarespace :

  • Accédez à la page sur laquelle vous souhaitez ajouter le widget.
  • Cliquez sur '+Ajouter un bloc' et sélectionnez 'Code' dans le menu.
  • Collez votre code extrait EdCommerce dans le bloc de code et cliquez sur 'Appliquer'.

Si vous ne trouvez pas de module HTML dans votre éditeur, essayez de le faire en modifiant le code d'un module 'texte enrichi'.

Cas d'utilisation

Grâce à cette fonctionnalité, vous pouvez transformer votre site web en une plateforme plus attrayante et informative. L'intégration de ces widgets sur votre site peut enrichir le contenu, stimuler l'engagement des utilisateurs et augmenter les conversions.

Voici quelques exemples de façons dont les widgets EdCommerce peuvent être utilisés de manière créative sur votre site :

Amélioration des articles de blog :

Si vous rédigez un article de blog sur les études dans un lieu spécifique, comme Sydney, intégrez le widget à la fin de l'article. Mettez en avant vos 3 meilleurs programmes ou promotions spéciales à Sydney pour encourager les lecteurs à explorer ces options. Cela peut augmenter considérablement les conversions en reliant directement le contenu aux programmes pertinents.

Pages d'événements :

Pour les pages web faisant la promotion de salons de l'éducation ou de webinaires, intégrez le widget pour présenter les programmes ou établissements participant à l'événement. Cela donne aux visiteurs un aperçu de ce qui les attend et peut les encourager à s'inscrire ou à demander davantage d'informations.

Pages spécifiques à une destination :

Si votre site web comporte des pages dédiées à des destinations d'études ou à des pays spécifiques, intégrez le widget sur ces pages pour afficher les programmes disponibles dans ces lieux. C'est un excellent moyen de proposer des options pertinentes aux utilisateurs déjà intéressés par ces destinations.

Pages de remerciement après l'inscription à la newsletter :

Après qu'un visiteur s'est inscrit à votre newsletter, il est dirigé vers une page de remerciement. Vous pouvez y intégrer le widget pour l'intéresser immédiatement à des programmes populaires ou mis en avant.

Pendant les campagnes promotionnelles :

Si vous menez des campagnes promotionnelles pour certains cours ou certaines destinations, intégrez le widget à vos pages de destination de campagne. Personnalisez le widget pour mettre en avant les programmes liés à la campagne afin d'offrir une expérience utilisateur cohérente.

Ajouter EdCommerce à WordPress

Veuillez noter que les instructions suivantes sont spécialement conçues pour les utilisateurs qui utilisent WordPress comme créateur de site web. Si vous utilisez une autre plateforme ou un autre créateur de site web, ces étapes peuvent ne pas s'appliquer.

Étape 1

Accédez à votre panneau d'administration WordPress, allez dans la section "Apparence", puis cliquez sur "Menus".

Étape 2

Dans la section "Menus", accédez à "Liens personnalisés", saisissez l'URL de votre plateforme EdCommerce ainsi que le texte du CTA que vous souhaitez afficher dans le menu de votre site web.

Cliquez ensuite sur "Ajouter au menu" pour inclure ce nouvel élément dans votre menu principal.

Pour trouver l'URL de votre EdCommerce, accédez à la section des paramètres de votre plateforme, cliquez sur "EdCommerce", puis sur "Détails d'EdCommerce".

Astuce de pro ! Pour éviter que les étudiants n'abandonnent votre page, veillez à personnaliser votre menu afin que le lien s'ouvre dans un nouvel onglet.