How can I integrate SMOC flows into my website?

How can I integrate SMOC flows into my website?

Category: Frontend-oppaat

Voit integroida SMOC-virrat sivustollesi joko upottamalla iframe-koodilla tai linkittämällä suoraan virran URL-osoitteeseen.

1. Edellytykset

  • Luo ja määritä virtasi SMOC Studiossa.
  • Varmista, että sinulla on pääsy verkkosivustoosi/CMS:ään, jossa voit lisätä mukautettua HTML:ää.

2. Hae upotuskoodi (nykyinen Studio-virta)

  • Avaa virtasi SMOC Studiossa.
  • Valitse Julkaise (tai julkaise uudelleen päivitysten jälkeen).
  • Avaa pudotusvalikko Avaa kulku.
  • Valitse Kopioi upotuskoodi.

(Jos haluat suoran URL-osoitteen sen sijaan, käytä Avaa virta -> Kopioi linkki.)

3. Upota verkkosivustollesi

  • Avaa verkkosivustosi muokkain ja siirry osioon, jossa virran pitäisi näkyä.
  • Liitä kopioitu iframe-koodi mukautettuun HTML-/koodilohkoon.
  • Tallenna ja julkaise verkkosivusi muutokset.

4. Iframe-näytön optimointi (suositeltu)

  • Siirry Studiossa kohtaan Asetukset -> Upota.
  • Ota iframe-tila käyttöön, kun virtaa käytetään iframen sisällä.
  • Julkaise virta uudelleen tämän asetuksen muuttamisen jälkeen.

5. Valinnainen URL-parametri

  • iframe_mode=true voidaan lisätä virran URL:ään, jotta tavallinen ylätunniste piilotetaan upotetuissa yhteyksissä.