Driftrock Website Modal Formular Anleitung

So erstellen Sie ein Driftrock-Website-Modal-Formular, um mehr Leads zu generieren

Driftrock Website Modal Formular Anleitung


Gehen Sie zur Lead Capture-Bibliothek und klicken Sie auf , um ein modales Lead-Formular für die Driftrock-Website einzurichten.




Klicken Sie auf den Link "Folgen Sie diesen Anweisungen", um den Code anzuzeigen, den Sie auf Ihrer Website installieren müssen.


Kopieren Sie das abgebildete Skript und fügen Sie es in die Fußzeile Ihrer Website ein. Fügen Sie an der Stelle, an der "YOUR_API_KEY" steht, den von Ihnen gewählten Driftrock-API-Schlüssel ein. Wenn Sie noch keinen API-Schlüssel haben, folgen Sie den Anweisungen, um einen einzurichten.

Rufen Sie die Einrichtungsseite auf, um Ihr modales Formular einzurichten.






Regeln anzeigen

Eine Seite hinzufügen

Geben Sie im Abschnitt Anzeigeregeln an, auf welchen Seiten Ihr modales Formular angezeigt werden soll. Klicken Sie auf , um eine Seite hinzuzufügen.




Kopieren Sie die URL, unter der das modale Formular erscheinen soll, und fügen Sie sie in das URL-Feld ein, oder verwenden Sie einen Platzhalter, um das modale Formular auf mehreren Seiten anzuzeigen. 


Zum Beispiel:

  • Wenn Sie www.driftrock.com/* eingeben, wird das modale Formular auf allen Seiten der Driftrock-Website angezeigt.
  • Wenn Sie www.driftrock.com/industries/* eingeben, wird das modale Formular auf allen unseren Branchenseiten angezeigt.
  • Durch Eingabe von www.driftrock.com/*/lead-capture wird das modale Formular auf jeder Seite mit "lead-capture" am Ende der URL-Erweiterung angezeigt



Auslöser

Wählen Sie aus, wann Ihr modales Formular auf Ihrer Seite bzw. Ihren Seiten ausgelöst werden soll.


Bei Klick - lösen Sie Ihr modales Formular aus, wenn ein Element angeklickt wird

Um Ihr modales Formular beim Anklicken auszulösen, erstellen Sie zunächst ein HTML-Element mit einer eindeutigen ID oder Klasse (der CSS-Selektor, den Sie zum Auslösen des modalen Formulars verwenden werden), z. B. eine Schaltfläche, einen Text oder ein div. 


Hier ist ein Beispiel für ein Schaltflächenelement:

<a id="modal-button-trigger1" href="#" class="modal-trigger-button">Click here!</a>


Tipp: Wir empfehlen die Verwendung von Klassen, da Sie dann mehrere modale Formulare auf einer Seite haben können.


Kopieren Sie Ihre Klasse oder ID und fügen Sie sie in das Feld ein. 

  • Eine ID sollte wie folgt aussehen - #Ihre-id
  • Eine Klasse sollte wie folgt aussehen - .your-class-name



Stil und Inhalt

Legen Sie in diesem Abschnitt optional die Farben fest, die Ihr modales Formular haben soll, indem Sie HTML-Farbcodes verwenden, und geben Sie Ihrem modalen Formular einen Text, um Ihr Angebot zu erklären.



Felder & Zustimmung

Fügen Sie in diesem Abschnitt alle Fragen ein, die Sie in Ihrem Formular stellen möchten, sowie alle benutzerdefinierten Zustimmungstexte/Kontrollkästchen, die Sie dem Kunden anzeigen möchten. 


Tipp: Wir empfehlen, den Einwilligungstext so kurz wie möglich zu halten, um die Abbruchquote zu verringern.


Modalformular Aktivierung

Wenn Sie bereit sind, kehren Sie zur Einrichtungsseite zurück, um Ihr modales Formular zu aktivieren.

Website Modalformular Leads Sync

Verbinden Sie auf der Seite Reiseziele Ihr CRM, E-Mail-System oder andere Integrationen, um Ihre Leads in Echtzeit zu synchronisieren.

Website-Modal-Formular erstellen - keine Kreditkarte erforderlich!

Wenn Sie weitere Fragen haben, klicken Sie einfach auf die Sprechblase oder kontaktieren Sie uns.