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.