How can I integrate SMOC flows into my website?

Sie können SMOC-Abläufe in Ihre Website einbinden, entweder durch Einbettung mit iframe-Code oder durch einen direkten Link auf die Ablauf-URL.

1. Voraussetzungen

• Erstellen und konfigurieren Sie Ihren Ablauf in SMOC Studio.
• Haben Sie Zugriff auf Ihre Website/Ihr CMS, wo Sie benutzerdefiniertes HTML hinzufügen können.

2. Holen Sie sich den Einbettungscode (aktueller Studio-Ablauf)

• Öffnen Sie Ihren Ablauf in SMOC Studio.
• Klicken Sie auf Veröffentlichen (oder veröffentlichen Sie erneut nach Aktualisierungen).
• Öffnen Sie das Dropdown-Menü Flow öffnen.
• Klicken Sie auf Einbettungscode kopieren.

(Wenn Sie stattdessen eine direkte URL wollen, verwenden Sie Ablauf öffnen -> Link kopieren.)

3. Betten Sie auf Ihrer Website ein

• Öffnen Sie Ihren Website-Editor und gehen Sie zu dem Abschnitt, in dem der Ablauf erscheinen soll.
• Fügen Sie den kopierten iframe-Code in einen benutzerdefinierten HTML-/Codeblock ein.
• Speichern und veröffentlichen Sie Ihre Website-Änderungen.

4. Optimierung der iframe-Anzeige (empfohlen)

• Gehen Sie in Studio zu Einstellungen -> Einbetten.
• Aktivieren Sie den iframe-Modus, wenn der Ablauf in einem iframe verwendet wird.
• Veröffentlichen Sie den Ablauf erneut, nachdem Sie diese Einstellung geändert haben.

5. Optionaler URL-Parameter

• iframe_mode=true kann an die Ablauf-URL angehängt werden, um die reguläre Kopfzeile in eingebetteten Kontexten auszublenden.