Flows einbetten

Flows können auf verschiedene Arten in deine Website eingebettet werden. Die empfohlene Methode ist die Web Component.

Einbettungscode finden

So findest du den Einbettungscode für deinen Flow:

1. Flow im Editor öffnen
2. Oben rechts auf Einbauen & Vorschau klicken (oder in der Flow-Übersicht auf Vorschau)
3. Deine Website-Art wählen: WordPress, Wix.com oder HTML
4. Code kopieren und auf deiner Website einfügen

Einen Link, der nur das Formular allein öffnet, gibt es nicht. Wie du deinen Flow trotzdem per Link teilst, steht unter Per Link teilen.

Web Component (Empfohlen)

Die Web Component ist die beste Methode zur Einbettung:

<fluss-x id="IHR-FLOW-ID"></fluss-x>
<script src="https://fluss.ai/embed/flow.es.js"></script>

Vorteile der Web Component:

• Automatische Höhenanpassung
• Responsive auf allen Geräten
• Nahtlose Integration ins Design
• Keine iFrame-Probleme
• Keine Third-Party-Cookie-Probleme

Traffic-Quelle (source)

Die Seiten-URL (einschließlich aller UTM-Parameter) wird automatisch erfasst und als Traffic-Quelle mit dem Lead gespeichert. Es ist kein zusätzlicher Code nötig.

Wenn du die automatische Quelle überschreiben möchtest, verwende das source-Attribut:

<fluss-x id="DEINE-FLOW-ID" source="eigene-quelle"></fluss-x>

WordPress Plugin

fluss.ai bietet ein WordPress-Plugin für einfache Integration:

Installation

1. Plugin im WordPress Admin unter "Plugins" → "Installieren" suchen
2. "fluss.ai" Plugin installieren und aktivieren
3. Flow per Shortcode oder Block einbinden

Verwendung per Shortcode

[fluss_x id="IHR-FLOW-ID"]

Verwendung per Gutenberg-Block

1. Block "fluss.ai Flow" hinzufügen
2. Flow-ID eingeben
3. Fertig!

Wix.com Integration

Für Wix-Websites wird der Flow per Web Component eingebettet:

1. Im Wix Editor: "Add" → "Embed Code" → "Embed HTML"
2. Web Component Code einfügen (siehe oben)

Per Link teilen

Der Flow läuft immer eingebettet in einer Seite. Zum Teilen per Link (E-Mail, WhatsApp, Social Media) hast du zwei Möglichkeiten:

• Die Seite deiner Website, auf der der Flow eingebaut ist. Deren Adresse kannst du direkt weitergeben.
• Eine Landingpage bei fluss.ai. Unter Landingpages eine neue Seite anlegen - dein zuletzt erstellter Flow ist dort schon eingebaut. Nach dem Veröffentlichen bekommst du einen Link wie diesen:

https://fluss.ai/l/immobilienbewertung/abc123

Mit Custom Domain (Pro):

https://bewertung.ihre-domain.de