Flows einbetten
So bindest du fluss.ai Flows auf deiner Website ein - Web Component, WordPress oder Wix.
Zuletzt aktualisiert: 2026-02-04
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:
- Flow im Editor öffnen
- Oben rechts auf Vorschau klicken
- Die verschiedenen Einbindungsmöglichkeiten werden angezeigt (Web Component, iFrame, direkter Link)
- Code kopieren und auf deiner Website einfügen
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
Warum Web Component statt iFrame? Bessere Performance (kein separater Browser-Kontext), keine Datenschutz-Probleme mit Third-Party-Cookies und automatische Höhenanpassung.
WordPress Plugin
fluss.ai bietet ein WordPress-Plugin für einfache Integration:
Installation
- Plugin im WordPress Admin unter "Plugins" → "Installieren" suchen
- "fluss.ai" Plugin installieren und aktivieren
- Flow per Shortcode oder Block einbinden
Verwendung per Shortcode
[fluss_x id="IHR-FLOW-ID"]
Verwendung per Gutenberg-Block
- Block "fluss.ai Flow" hinzufügen
- Flow-ID eingeben
- Fertig!
Wix.com Integration
Für Wix-Websites wird der Flow per Web Component eingebettet:
- Im Wix Editor: "Add" → "Embed Code" → "Embed HTML"
- Web Component Code einfügen (siehe oben)
Direkte URL
Du kannst auch einfach die Landing Page URL verwenden:
https://fluss.ai/l/immobilienbewertung/abc123
Mit Custom Domain (Pro):
https://bewertung.ihre-domain.de