Alles was du brauchst, um in wenigen Minuten deinen ersten Flow live zu haben.

In 4 Schritten live

1
Vorlage aus der Bibliothek laden

Klicke auf der Startseite oben rechts auf „Vorlagen-Bibliothek". Such dir einen passenden Flow aus – z. B. „Sicherheits-Konfigurator" – und klicke auf „Importieren". Du bekommst sofort eine eigene, bearbeitbare Kopie.

+ Vorlage importieren
2
Inhalte im Editor anpassen

Im Tab „Editor" siehst du alle Schritte und Fragen. Klicke auf eine Frage, um den Text zu ändern. Optionen kannst du umbenennen, löschen oder neu hinzufügen. Die Reihenfolge lässt sich per Drag & Drop verschieben.

💡 Weniger ist mehr — 3–5 Schritte mit je 1–2 Fragen führen zu den besten Abschlussraten.
Editor Einstellungen Logik Link 1 + Frage Einfach Einfach
3
Farbe & Name anpassen, dann live schalten

Wechsle zum Tab „Einstellungen" und wähle deine Unternehmensfarbe sowie einen passenden Namen. Oben rechts findest du jederzeit zwei Speichern-Buttons:

  • „Als Entwurf speichern" – speichert alle Änderungen, der Flow bleibt intern.
  • „Speichern & aktivieren" – speichert und schaltet den Flow sofort öffentlich.
⚠️ Solange der Flow auf „Entwurf" steht, ist er öffentlich nicht erreichbar. Erst nach „Speichern & aktivieren" können Besucher deiner Website ihn aufrufen.
Editor Einstellungen NAME Sicherheits-Konfigurator PRIMÄRFARBE #ff822e STATUS Aktiv
4
iframe-Code auf deiner Website einbinden

Gehe zum Tab „Link". Kopiere den angezeigten iframe-Code und füge ihn in den HTML-Quellcode deiner Website ein – z. B. in eine Seite deines CMS (WordPress, Jimdo, Wix etc.).

<iframe
  src="https://flowmeup.de/embed.html?flow=DEINE-ID"
  width="100%"
  height="650"
  frameborder="0">
</iframe>

Den genauen Code mit deiner Flow-ID findest du immer unter Flow → Link.

Sicherheits-Konfigurator Weiter → admin.flowmeup.de Link <iframe src="..." width="100%" </iframe> Code kopieren

Leads ansehen & verwalten

Jede abgeschlossene Anfrage wird als Lead gespeichert. Öffne einen Flow und wechsle zum Tab „Leads". Dort siehst du Name, E-Mail, Telefon und alle Antworten aus dem Flow.

Über den Button „⬇ Excel" kannst du alle Leads als .xlsx-Datei herunterladen. Unter „Export-Einstellungen" richtest du den automatischen E-Mail-Versand ein (wöchentlich, monatlich oder nach X Leads).

Damit Leads per E-Mail weitergeleitet werden, richte im Tab „Lead-Routing" eine Ziel-Adresse ein. Du kannst auch abhängig von Antworten unterschiedliche Adressen hinterlegen.

📬 Tipp: Richte immer mindestens eine Fallback-E-Mail im Lead-Routing ein, damit keine Anfrage verloren geht.
Editor Leads (3) 👤 Details 👤 Details 👤 Details

Eigenen Flow mit KI erstellen

💬
Beschreiben Klicke auf „Flow importieren" und beschreibe deinen Flow in einem Satz.
📋
Prompt kopieren Kopiere den fertigen Prompt mit einem Klick.
🤖
KI ausführen Füge den Prompt in ChatGPT, Claude oder eine andere KI ein und lass die JSON-Datei generieren.
📂
Importieren Lade die .json-Datei im gleichen Dialog hoch – der Flow ist sofort bearbeitbar.

Preiskalkulation im Flow

Jeder Auswahl-Option kannst du einen Preis in € hinterlegen. flowmeup summiert alle ausgewählten Preise automatisch auf und zeigt dem Besucher einen geschätzten Gesamtpreis – live während der Ausfüllung und nochmals auf der Bestätigungsseite.

So richtest du Preise ein
  1. Öffne einen Flow und wechsle zum Tab „Editor".
  2. Klicke auf eine Frage vom Typ Einfachauswahl oder Mehrfachauswahl.
  3. Bei jeder Option findest du rechts ein Preisfeld (€ …). Gib dort den Betrag ein.
  4. Speichere den Flow – der Preis ist sofort aktiv.
Aufpreis & Rabatt
  • Positiver Wert (z. B. 50) → wird zum Gesamtpreis addiert (+50,00 €)
  • Negativer Wert (z. B. -10) → wird vom Gesamtpreis abgezogen (−10,00 €)
  • Optionen ohne Preisangabe werden bei der Berechnung ignoriert.
💡 Tipp: Nutze negative Preise für Rabatte – z. B. „Bestandskunde" = −50 € oder „Frühbucherrabatt" = −20 €. Der Gesamtpreis wird immer korrekt berechnet.
Wo wird der Preis angezeigt?
  • Direkt auf den Auswahl-Karten als kleines Badge (+X,XX € oder −X,XX €)
  • Als laufendes Total oberhalb der Fragen, sobald mindestens eine bepreiste Option gewählt wurde
  • Auf der Bestätigungsseite als Gesamtpreis
  • In der Lead-E-Mail, die du nach einer Anfrage erhältst
Preisanzeige anpassen (Flow → Einstellungen)
  • Preisbezeichnung – eigener Text statt „Geschätzter Preis", z. B. „Ab-Preis" oder „Richtpreis"
  • Preis-Badge auf Options-Karten ein/ausblenden
  • Preis-Ticker während des Ausfüllens ein/ausblenden
  • Gesamtpreis auf der Abschlussseite ein/ausblenden
  • Preis in E-Mails ein/ausblenden (gilt für Lead-Mail & Kundenbestätigung)
Abschlussseite anpassen

Unter Flow → Einstellungen kannst du Titel und Text der Dankesseite individuell gestalten:

  • Abschluss-Titel – Standard: „Vielen Dank!" – z. B. „Ihre Anfrage ist eingegangen"
  • Abschluss-Text – z. B. „Wir melden uns innerhalb von 24 Stunden."
⚠️ Der angezeigte Preis ist immer eine unverbindliche Schätzung. Für ein verbindliches Angebot nimmst du wie gewohnt Kontakt mit dem Interessenten auf.
Geschätzter Preis 150,00 € SCHRITT 2 VON 3 Welche Leistung benötigst du? Basis-Paket +100,00 € Rabatt-Code −50,00 € Geschätzter Gesamtpreis 150,00 €

Häufige Fragen

Preise werden nur angezeigt, wenn mindestens einer Option ein Betrag hinterlegt wurde und diese Option vom Besucher ausgewählt wurde. Prüfe im Tab „Editor", ob im Preisfeld der jeweiligen Option ein Wert eingetragen ist. Das Feld bleibt leer, wenn der Preis nicht gespeichert wurde – stelle sicher, dass du danach auf „Speichern" geklickt hast.

Preise funktionieren nur bei Fragen vom Typ Einfachauswahl oder Mehrfachauswahl, nicht bei Text- oder Zahlenfeldern.

Ja. Gib einfach einen negativen Betrag ein, z. B. -20 für −20,00 €. flowmeup erkennt das automatisch und zieht den Betrag vom Gesamtpreis ab. Auf der Option-Karte erscheint das Badge in Rot (−20,00 €), auf dem Preis-Ticker und der Ergebnisseite wird der Gesamtbetrag entsprechend reduziert.

Gehe zu Flow → Einstellungen, wähle die gewünschte Farbe und klicke auf „Speichern". Lade die Seite dann einmal hart neu (Cmd+Shift+R / Strg+Shift+R).

Der Status-Badge oben links neben dem Flow-Namen zeigt den aktuellen Zustand. Klicke oben rechts auf „Speichern & aktivieren" – erst dann ist der Flow öffentlich erreichbar. Bei „Entwurf" oder „Inaktiv" wird er nicht angezeigt.

Öffne die gewünschte Seite im Gutenberg-Editor. Füge einen neuen Block vom Typ „Benutzerdefiniertes HTML" ein (über das „+"-Symbol suchen). Kopiere den iframe-Code aus Flow → Link und füge ihn in diesen Block ein. Speichern / Aktualisieren.

Bei älteren Themes mit dem klassischen Editor: wechsle in der Textbox oben rechts auf den Reiter „Text" (nicht „Visuell") und füge den Code an der gewünschten Stelle ein.

Ziehe das Widget „HTML" aus der Elementor-Seitenleiste auf deine Seite. Füge den iframe-Code aus Flow → Link in das HTML-Feld ein und klicke auf „Aktualisieren".

Klicke im Wix-Editor auf „+"„Mehr"„HTML-iframe". Ein leerer iframe-Block erscheint auf der Seite. Klicke darauf → „Code eingeben" und füge den kompletten iframe-Code aus Flow → Link ein. Größe nach Bedarf anpassen.

Klicke im Jimdo-Editor auf eine freie Inhaltsspalte → „Inhalt hinzufügen"„Widget / HTML". Füge dort den iframe-Code aus Flow → Link ein und speichere.

Füge auf der gewünschten Seite einen „Code"-Block ein (über das „+"-Symbol → Kategorie „Mehr" → „Code"). Wähle als Anzeigetyp „HTML", füge den iframe-Code ein und speichere. Hinweis: Squarespace erlaubt iframes nur in bezahlten Plänen.

Ziehe ein „Embed"-Element (HTML-Embed) aus dem Webflow-Panel auf deine Seite. Füge den iframe-Code aus Flow → Link in das Code-Feld ein und klicke auf „Save & Close". Danach Seite neu publizieren.

Wechsle in den Bearbeitungsmodus deiner Seite. Füge ein „HTML"- oder „Eingebetteter Code"-Element hinzu (je nach Plattform unter „Inhalte" oder „Widgets"). Füge den iframe-Code ein und speichere. Falls kein HTML-Element verfügbar ist, wende dich an den Support deines Anbieters – manche günstigen Tarife sperren Custom-HTML.

Kopiere den iframe-Code aus Flow → Link und füge ihn an der gewünschten Stelle in dein HTML ein:

<iframe
  src="https://flowmeup.de/embed.html?flow=DEINE-FLOW-ID"
  width="100%"
  height="650"
  frameborder="0"
  style="border:none;">
</iframe>

Für responsive Höhe empfehlen wir height="650" als Richtwert. Bei sehr kurzen oder sehr langen Flows nach Bedarf anpassen.

Ja. Jeder Flow hat eine eigene URL (UUID). Du kannst beliebig viele iframes auf einer Seite oder auf unterschiedlichen Seiten einbetten – sie funktionieren vollständig unabhängig voneinander.

Entwurf – Der Flow ist gespeichert, aber nicht öffentlich erreichbar. Ideal während der Bearbeitung.

Aktiv – Der Flow ist öffentlich eingebettet und nimmt Anfragen entgegen.

Inaktiv – Der Flow ist temporär deaktiviert, bleibt aber gespeichert. Besucher sehen ihn nicht.

Archiviert – Dauerhaft deaktiviert. Für Flows die nicht mehr genutzt werden, aber erhalten bleiben sollen.

💡 Den Status schnell wechseln: oben rechts im Flow einfach auf „Speichern & aktivieren" oder „Als Entwurf speichern" klicken. Für Inaktiv/Archiviert: Tab „Einstellungen" → Status-Dropdown.

Leads werden immer in der Datenbank gespeichert und sind unter Flow → Leads abrufbar. Der E-Mail-Versand ist optional – er setzt eine konfigurierte SMTP-Verbindung und Lead-Routing-Regeln voraus.

Nutze den Tab „Logik". Dort legst du Bedingungen an, z. B.: „Wenn Frage X = Antwort Y → überspringe Schritt 3". So führst du verschiedene Nutzertypen durch unterschiedliche Pfade.

Gehe zu Einstellungen → Konto und gib dort ein neues Passwort ein. Alternativ kannst du auf der Login-Seite auf „Passwort vergessen?" klicken und dir einen Reset-Link per Mail senden lassen.

Begriffe kurz erklärt

FlowEin vollständiger geführter Fragebogen – bestehend aus mehreren Schritten und Fragen.
Step / SchrittEin Abschnitt innerhalb des Flows mit eigenem Titel, Beschreibung und Fragen.
LeadEine abgeschlossene Nutzeranfrage mit Kontaktdaten und allen Antworten.
StatusGibt an ob ein Flow öffentlich erreichbar ist: Entwurf → intern, Aktiv → öffentlich, Inaktiv / Archiviert → deaktiviert.
SlugFrühere URL-Kennung eines Flows. Heute wird intern die eindeutige ID genutzt.
Lead-RoutingRegeln, die bestimmen an welche E-Mail-Adresse neue Leads weitergeleitet werden.
LogikBedingte Weiterleitung: Antworten steuern welche Schritte als nächstes erscheinen.
PrimärfarbeDie Hauptfarbe des Flows – Buttons, Balken und Akzente übernehmen diese Farbe.
Template / VorlageEin systemweit vorgefertigter Flow als Startpunkt – kann nicht gelöscht werden.
Noch Fragen? Schreib uns: hallo@auerconcept.de