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-flyter på nettstedet ditt enten ved å bygge inn med iframe-kode, eller ved å lenke direkte til flyt-URL-en.

1. Forutsetninger

  • Opprett og konfigurer flyten din i SMOC Studio.
  • Ha tilgang til nettstedet/CMS-et ditt, der du kan legge til egendefinert HTML.

2. Hent innbyggingskoden (gjeldende Studio-flyt)

  • Åpne flyten din i SMOC Studio.
  • Klikk Publiser (eller publiser på nytt etter oppdateringer).
  • Åpne nedtrekksmenyen Åpne flyt.
  • Klikk Kopier innbyggingskode.

(Hvis du vil ha en direkte URL i stedet, bruker du Åpne flyt -> Kopier lenke.)

3. Bygg inn på nettstedet ditt

  • Åpne nettstedredigereren din og gå til seksjonen der flyten skal vises.
  • Lim inn den kopierte iframe-koden i en egendefinert HTML-/kodeblokk.
  • Lagre og publiser endringene på nettstedet ditt.

4. Optimalisering av iframe-visning (anbefalt)

  • I Studio går du til Innstillinger -> Bygg inn.
  • Slå på iframe-modus når flyten brukes inne i en iframe.
  • Publiser flyten på nytt etter at du har endret denne innstillingen.

5. Valgfri URL-parameter

  • iframe_mode=true kan legges til flyt-URL-en for å skjule den vanlige toppteksten i innebygde kontekster.