FlinkformProjektanfrage-Formular in 3 Schritten
Ein langes Anfrageformular schreckt ab, ein zu kurzes liefert Anfragen ohne Substanz. Drei kurze Schritte holen beides: erst das Vorhaben, dann die Details, zum Schluss die Kontaktdaten.
Zuletzt aktualisiert:
Die Felder
- Schritt 1: Was hast du vor? (Neue Website, Relaunch, Onlineshop, Etwas anderes) · Budget
- Schritt 2: Erzähl uns von deinem Projekt (Pflicht) · Aktuelle Website
- Schritt 3: Name (Pflicht) · Firma · E-Mail (Pflicht) · Telefon · Einwilligung
In 5 Minuten gebaut
Den Block „Flinkform-Formular“ einfügen.
Die Vorlage „Projektanfrage (3 Schritte)“ wählen.
Budget-Spannen und Projektarten an dein Angebot anpassen.
Seite veröffentlichen. Die Fortschrittsanzeige ist schon dabei.
Tipp
Leite nach dem Absenden auf eine Danke-Seite weiter: Flinkform hängt Parameter an, mit denen du die Anfrage in deinem Analyse-Tool als Conversion zählst.
Block-Markup zum Kopieren
Im Block-Editor oben rechts über das Drei-Punkte-Menü in den Code-Editor wechseln, Markup einfügen, zurück in den visuellen Editor und speichern. Fertig ist das Formular, mit Flinkform ab Version 1.15.0.
<!-- wp:flinkform/form {"title":"Projektanfrage","submitLabel":"Anfrage senden"} -->
<!-- wp:flinkform/field-radio {"fieldName":"project_type","label":"Was hast du vor?","required":true,"display":"buttons","options":[{"label":"Neue Website","value":"new-website"},{"label":"Relaunch","value":"relaunch"},{"label":"Onlineshop","value":"shop"},{"label":"Etwas anderes","value":"other"}]} /-->
<!-- wp:flinkform/field-select {"fieldName":"budget","label":"Budget","options":[{"label":"Noch unklar","value":"unsure"},{"label":"Bis 5.000 €","value":"up-to-5000"},{"label":"5.000 bis 15.000 €","value":"5000-15000"},{"label":"Mehr als 15.000 €","value":"over-15000"}]} /-->
<!-- wp:flinkform/page-break {"label":"Details"} /-->
<!-- wp:flinkform/field-textarea {"fieldName":"description","label":"Erzähl uns von deinem Projekt","required":true} /-->
<!-- wp:flinkform/field-url {"fieldName":"website","label":"Deine aktuelle Website (falls vorhanden)"} /-->
<!-- wp:flinkform/page-break {"label":"Kontakt"} /-->
<!-- wp:flinkform/field-text {"fieldName":"name","label":"Name","required":true,"autocomplete":"name"} /-->
<!-- wp:flinkform/field-text {"fieldName":"company","label":"Firma","autocomplete":"organization"} /-->
<!-- wp:flinkform/field-email {"fieldName":"email","label":"E-Mail","required":true} /-->
<!-- wp:flinkform/field-phone {"fieldName":"phone","label":"Telefon"} /-->
<!-- wp:flinkform/field-consent {"fieldName":"consent"} /-->
<!-- /wp:flinkform/form -->