Zum Hauptinhalt gehen

Formulare in Landingpages

Dieser Artikel enthält folgende Themen (mit einem Klick darauf springst du an die entsprechende Stelle):

Formulare erstellen

Ziehe den Block “Form” an die gewünschte Stelle in deiner Landingpage und klicke dann auf “Change Form”.

Solltest du eine Quentn-Vorlage benutzen, klicke in das vorhandene Formular und auf der rechten Seite auf “Change Form”, um es anzupassen.

Formular_anpassen.png

Es öffnet sich nun ein Pop-Up Fenster. Hake auf der linken Seite an, welche Felder das Formular beinhalten soll und welche bei der Eintragung erforderlich sein sollen. 

Rechts siehst du die Einstellungen. Unter “Position des Feldnamens” kannst du bestimmen, ob die Bezeichnung des Feldes oberhalb (“außerhalb”) oder innerhalb (Platzhalter) des Feldes stehen soll.

27_Felder_definieren.png

Achtung: Bei den Landingpage-Formularen können keine eigenen Kontaktfelder ausgewählt werden.

Versteckte Felder (für Multi Device Tracking)

Du kannst in deinem Formular auch versteckte Felder integrieren, z. B. um das Multi-Device-Tracking zu ermöglichen.

  • Klicke auf “Einstellungen für versteckte Felder”
  • Unter “Feld” wähle ein eigenes Text-Feld aus.
  • Unter URL-Parameter gib genau diesen ein (z. B. affid)

Mehr Informationen zum Multi Device Tracking findest du in diesem Blogbeitrag.

Formulare vorausfüllen

Sofern du bekannte Besucher - also Kontakte, die sich schon in deinem Quentn-System befinden und den Double Opt-In in der Vergangenheit vollzogen haben- via E-Mail oder Newsletter auf dein Landingpage-Formular schickst, kannst du das Formular bereits automatisch vorausfüllen, sodass der Kontakt ggf. nur Informationen ergänzen muss.

Um ein Formular vorauszufüllen, benötigst du zuerst den Link zu der Seite, auf der sich das Formular befindet. Diesen Link fügst du in deine Kampagnen-E-Mail ein. 

Nun musst du den Link um die URL-Parameter erweitern.

Füge am Ende der URL ein Fragezeichen ein und bestimme, welche Felder welche Informationen beinhalten sollen. Nimm dir dafür die Platzhalter zur Hilfe, um die exakten Bezeichnungen zu übernehmen. Um mehrere Felder zu bestimmen, setze ein “&” zwischen die Parameter. Nutze keine Leerzeichen!

Beispielsweise fragen wir in unserem Formular den Vornamen, Nachnamen und die E-Mail ab. Diese Daten sollen auch in Quentn angelegt werden. Die URL zum Formular mit den voreingestellten Daten sieht dann also so aus:

https://meinetestseite.de/?first_name={{contact.first_name}}&family_name={{contact.family_name}}&mail={{contact.mail}}

Achtung: Die Platzhalter richten sich danach, welchen Editor du in den E-Mails eingerichtet hast! Wenn du den alten Editor nutzt, musst du in dem Link das alte Format der Platzhalter nutzen. Unser Beispiel sähe dann so aus: 

https://meinetestseite.de/?first_name=[contact:first_name]&family_name=[contact:family_name]&mail=[contact:mail]

Wenn man den Link verschickt, wird das Formular bei bekannten Besuchern vorausgefüllt.

Es wird auch gleich ein Cookie gesetzt, sodass das Formular auch vorausgefüllt ist, wenn der Besucher auf einem anderen Wege wieder auf die Seite kommt.

Mehrstufige Formulare erstellen

Mit dem Landingpage-Builder kannst du auch mehrstufige Formulare erstellen.

  • Benutze dafür zwei Landingpage-Elemente.
  • Konfiguriere zuerst das zweite Element und kopiere die Page-URL.
  • Im ersten Element klicke auf den Reiter “Dankeschönseite”und gib die Page-URL der zweiten Seite ein. 
  • Hänge an diese URL die GET-Parameter für die E-Mail-Adresse an (?mail={{contact.mail}}).

Hinweis: Quentn-Formular kann auch genutzt werden

Sollte dir das Landingpage-Formular nicht zusagen, weil du. z. B. eigene Kontaktfelder abfragen möchtest, kannst du natürlich auch ein Quentn-Formular nutzen. Dieses kannst du mit dem Code-Snippet (JavaScript) über einen HTML-Block in die Landingpage einfügen. 

Bitte beachte, dass die E-Mail-Bestätigung bzw. alle folgenden Elemente dann mit dem Formular verbunden werden müssen und die Landingpage alleine da steht.

Verwandte Beiträge