How can I integrate SMOC flows into my website?

How can I integrate SMOC flows into my website?

Category: Guides frontend

Vous pouvez intégrer des parcours SMOC à votre site soit en les intégrant avec un code iframe, soit en renvoyant directement vers l’URL du parcours.

1. Prérequis

  • Créez et configurez votre parcours dans SMOC Studio.
  • Ayez accès à votre site web/CMS, où vous pouvez ajouter du HTML personnalisé.

2. Obtenez le code d’intégration (parcours Studio actuel)

  • Ouvrez votre parcours dans SMOC Studio.
  • Cliquez sur Publier (ou republiez après des mises à jour).
  • Ouvrez le menu déroulant Ouvrir le flux.
  • Cliquez sur Copier le code d’intégration.

(Si vous voulez une URL directe à la place, utilisez Ouvrir le parcours -> Copier le lien.)

3. Intégrez sur votre site web

  • Ouvrez l’éditeur de votre site web et allez à la section où le parcours doit apparaître.
  • Collez le code iframe copié dans un bloc HTML/code personnalisé.
  • Enregistrez et publiez les modifications de votre site web.

4. Optimisation de l’affichage de l’iframe (recommandé)

  • Dans Studio, allez dans Paramètres -> Intégrer.
  • Activez le mode iframe lorsque le parcours est utilisé dans une iframe.
  • Republiez le parcours après avoir modifié ce paramètre.

5. Paramètre d’URL facultatif

  • iframe_mode=true peut être ajouté à l’URL du parcours pour masquer l’en-tête habituel dans les contextes intégrés.