How can I integrate SMOC flows into my website?

How can I integrate SMOC flows into my website?

Category: Frontend-guider

Du kan integrere SMOC-flows på dit website enten ved at indlejre med iframe-kode eller ved at linke direkte til flow-URL’en.

1. Forudsætninger

  • Opret og konfigurer dit flow i SMOC Studio.
  • Hav adgang til dit website/CMS, hvor du kan tilføje brugerdefineret HTML.

2. Hent indlejringskoden (aktuelt Studio-flow)

  • Åbn dit flow i SMOC Studio.
  • Klik på Udgiv (eller udgiv igen efter opdateringer).
  • Åbn rullemenuen Åbn flow.
  • Klik på Kopiér indlejringskode.

(Hvis du i stedet vil have en direkte URL, skal du bruge Åbn flow -> Kopiér link.)

3. Indlejr på dit website

  • Åbn din websiteredigerer, og gå til den sektion, hvor flowet skal vises.
  • Indsæt den kopierede iframe-kode i en brugerdefineret HTML-/kodeblok.
  • Gem og udgiv dine websiteændringer.

4. Optimering af iframe-visning (anbefales)

  • I Studio går du til Indstillinger -> Indlejr.
  • Slå iframe-tilstand til, når flowet bruges inde i en iframe.
  • Udgiv flowet igen, efter at du har ændret denne indstilling.

5. Valgfri URL-parameter

  • iframe_mode=true kan føjes til flow-URL’en for at skjule den almindelige header i indlejrede kontekster.