Nutze das Ereigniselement "Formular gesendet".

Dieses Formular ist die Verbindung zwischen deiner Website und Quentn (sofern du keine Quentn-Landingpage nutzt).

Du kannst das Formular komfortabel auf deiner Webseite einbinden, selbst wenn du mit Landingpagebuildern wie OptimizePress & Co. arbeitest.

Info: Responsives Design

Die Formulare sind im Responsiven Design angelegt und passen sich auch kleineren Displays, wie dem eines Smartphones, automatisch an.

Schritt für Schritt - so erstellst du dein Formular:

• Ziehe per Drag & Drop die gewünschten Kontaktfelder wie Anrede, Vorname, Nachname in das Formular. Natürlich kannst du auch eigene Kontaktfelder anlegen. 
• Um Felder auch nebeneinander positionieren zu können, ziehe das Strukturelement Horizontal Container in das Formular. Es können nur 2 Felder nebeneinander stehen!
• Passe die Headline an, indem du darauf klickst. Rechts kannst du deine Überschrift eintragen und konfigurieren.
• Auf der rechten Seite kannst du die Formularelemente nach Bedarf anpassen (Text, Farbe, Größe, Ausrichtung, etc.)

Tipp: Wenige erforderliche Felder nutzen

Je weniger persönliche Daten du von einem potentiellen Kunden erfragst, desto größer ist die Chance, dass er dein Formular ausfüllt. Wenn ein Kontaktfeld unbedingt ausgefüllt werden muss (z. B. E-Mail), setze unter Feldeinstellungen ein Häkchen bei "erforderlich".

Die Formulareinstellungen

Hier wird eingestellt, wohin der User geleitet wird, wenn er das Formular abgeschickt hat:

• auf eine Bestätigungsnachricht, die vom System generiert wird (dann musst du nur noch einen entsprechenden Text eintragen)
• auf eine Web-Adresse, die du selbst entwirfst und online stellst.

Im unteren Abschnitt der Einstellungen kannst du bestimmen, wie du mit Usern verfährst, von denen du bereits die bestätigte E-Mail-Adresse besitzt. Lässt du das Häkchen auf "Standard" wird den Kontakten die gleiche Bestätigungsnachricht angezeigt, wie den unbekannten. Das könnte mitunter zu Verwirrungen führen, da den Kontakten gesagt wird, dass sie gleich eine Bestätigungs-E-Mail erhalten werden. Da Kontakte aber den Double Opt-In nicht zweimal durchlaufen (können), wird die E-Mail nicht kommen.

Daher empfehlen wir, die Kontakte, die schon Daten hinterlegt haben, auf eine eigene URL leiten.

Formular auf Webseite einbinden

Um dein erstelltes Formular auf deiner Webseite einzubinden, klicke in deinem Formular auf Code-Snippet. Es stehen dir drei Varianten zur Verfügung, um das erstellte Formular in deine Website einzufügen. Die einfachste und damit von uns empfohlene Variante ist über Javascript. Weiterhin stehen dir HTML und Raw HTML zur Verfügung.

Schritt für Schritt:

• Klicke auf den grünen Button Kopieren - Nun befindet sich der Code aus dem grauen Kasten im Zwischenspeicher deines Computers.
• Wechsel zu deiner Webseite, auf der das neue Formular erscheinen soll. Füge den Code an der entsprechenden Stelle ein: Entweder über das Kontextmenü der rechten Maustaste oder einfach mit der Tastenfunktion [STRG] + [V] (Windows)

Die unterschiedlichen Embed-Codes

Javascript:

Bei dieser empfohlenen Variante wird das Formular in einem iframe angezeigt. Sämtliche Style-Informationen werden aus dem Form-Builder übernommen, sodass dein Formular genau so aussieht, wie du es zuvor gestaltet hast. Solltest du dein Formular noch einmal bearbeiten, musst du den Code nicht noch einmal kopieren und auf der Webseite einbinden, da es im iFrame läuft und die Felder direkt von unserem Server holt.

HTML:

Hier wird das Formular als Teil der eigenen Webseite angezeigt. Die Eingaben werden beim Absenden jedoch an Quentn gesendet. Die Style-Informationen aus dem Form-Builder werden als Teil des HTML übernommen. Auch hier wirst du dein Formular gemäß deiner Gestaltung vorfinden. Bearbeitest du dein Formular jedoch zu einem späteren Zeitpunkt, musst du den Code noch einmal auf deiner Webseite einfügen.

Raw HTML:

Diese Variante ist für gewisse Drittanbieter gedacht, z. B. Leadpages oder OptimizePress. Sämtliche Style-Informationen aus dem Form-Builder werden hier nicht übernommen. Die hier enthaltenen Informationen dienen ausschließlich dazu, die Formulareingaben an die richtige Adresse, also deine Quentn-Kampagnen, zu senden.