Comment intégrer les programmes Edcommerce sur votre propre site.

Last updated: July 27, 2026

Explique comment intégrer le contenu EdCommerce dans un site externe existant en créant un widget dans les Paramètres EdCommerce > Widgets, en personnalisant son apparence, et en collant le code généré dans un bloc HTML. Inclut des instructions étape par étape pour WordPress (Elementor et Visual Composer), Wix, et Squarespace, ainsi que des cas d'utilisation tels que les articles de blog, les pages d'événements, les pages de localisation, les pages de remerciement, et les campagnes promotionnelles.

Avec Edcommerce, non seulement vous pouvez concevoir des pages d'atterrissage e-commerce élégantes et même créer des sites web entiers, mais vous pouvez aussi intégrer de manière transparente ses fonctionnalités puissantes dans n'importe quel site existant que vous utilisez.

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

Vous pouvez faire cela en créant et en intégrant un widget. Voyons comment faire.

Comment créer un widget Edcommerce

  1. Accédez à vos Paramètres Edcommerce : Connectez-vous à votre compte Edcommerce et allez dans la section 'Paramètres'.
  2. Créer un Widget : Dans le menu à gauche, sélectionnez 'Widgets', puis 'Créer un nouveau widget'.
  3. Remplissez les détails du Widget : Complétez le formulaire avec le nom de votre widget, la langue préférée, la devise, et la nationalité de l'étudiant.
  4. Choisissez le contenu : Sélectionnez quels programmes ou fournisseurs d'éducation 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 de fond, et l'ombre de la boîte pour correspondre au design de votre site. Vous pouvez également modifier la marge intérieure 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 obtiendrez un extrait de code.

Ce code doit être ajouté à votre site web, continuez à lire pour apprendre comment.

Comment ajouter un widget Edcommerce à votre site

Il suffit d'ouvrir la page de votre site où vous souhaitez placer ce widget et d'insérer une boîte HTML avec le code.

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

Voici quelques exemples :

WordPress (avec Elementor) :

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

WordPress (avec Visual Composer) :

  • Modifiez la page où vous souhaitez inclure 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 d'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' (+) sur le côté gauche de l'éditeur et sélectionnez 'Plus'.
  • Choisissez 'iframe HTML' dans le menu déroulant.
  • Cliquez sur 'Entrer le code', puis collez le code d'extrait Edcommerce dans la boîte de paramètres HTML.
  • Cliquez sur 'Appliquer' pour enregistrer et voir le widget sur votre page.

Squarespace :

  • Allez à la page où vous souhaitez ajouter le widget.
  • Cliquez sur '+Ajouter un bloc' et sélectionnez 'Code' dans le menu.
  • Collez votre code d'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

Avec cette fonctionnalité, vous pouvez transformer votre site web en une plateforme plus engageante et informative. L'intégration de ces widgets sur votre site peut améliorer le contenu, augmenter l'engagement des utilisateurs et accroître les conversions.

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

Améliorations des articles de blog :

Si vous écrivez un article de blog sur l'étude 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 promouvant des salons de l'éducation ou des webinaires, intégrez le widget pour présenter les programmes ou institutions participant à l'événement. Cela donne aux visiteurs un aperçu de ce à quoi s'attendre et peut encourager les inscriptions ou les demandes d'informations supplémentaires.

Pages spécifiques à une localisation :

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

Pages de remerciement pour l'inscription à la newsletter :

Après qu'un visiteur s'abonne à votre newsletter, il est dirigé vers une page de remerciement. Ici, vous pouvez intégrer le widget pour l'engager immédiatement avec des programmes populaires ou en vedette.

Lors de campagnes promotionnelles :

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