Wie kann ich eine Modalbox hinzufügen und ein Formular integrieren?

⚙️ Die Pop-up/Modal Box ist eine weitere Möglichkeit, Leads oder anders gesagt, Daten von potenziellen Kunden zu sammeln. Wenn dein Lead auf deinen CTA-Button klickt, öffnet sich das Pop-up-Fenster mit dem Formular.

Bei der Integration eines Formulars in eine modale Box wird ein Pop-up-Opt-in als Alternative zu einem traditionellen Formular erstellt. Natürlich kannst du auch ein klassisches Formular verwenden, das direkt auf der Landing Page zu sehen ist. Die Anleitung dazu findest du in diesem Artikel .

📌 Hinweis: Onepage bietet keine automatische Funktion zur Anzeige des Modals auf der Seite. Das Modal wird nur angezeigt, wenn die eingerichtete Button angeklickt wurde.

Abgesehen von Lead-Formularen kannst du eine modale Box verwenden, um wichtige Ankündigungen anzuzeigen oder schnellen Zugang zu zusätzlichen Informationen zu bieten, ohne die aktuelle Seite zu verlassen. Es kann auch verwendet werden, um Bilder, Videos oder Call-to-Action-Buttons zu zeigen, um das Engagement zu steigern.

⏩ Wie man ein modales Formular in Onepage erstellt

Folge diesen Schritten, wenn du ein modales Formular in deine Landing Page integrieren möchtest.

Schritt 1: Modal hinzufügen

Füge einen neuen Abschnitt aus der Kategorie „Modal“ hinzu. Insgesamt gibt es 3 Vorlagen, die du nach deinen Bedürfnissen bearbeiten kannst.

Schritt 2: Design anpassen

Neben den Standardeinstellungen für den Abschnitt kannst du auch die Breite des Modals anpassen, den "Schließen" Button bearbeiten und bei Bedarf eine Overlay-Farbe hinzufügen.

Schritt 3: Formular bearbeiten/Elemente hinzufügen

Bearbeite das Formular innerhalb des Modalbox-Formulars, füge neue Felder hinzu oder ändere die Einstellungen des Formulars. Die Bearbeitung eines modalen Formulars funktioniert genauso wie die Bearbeitung eines klassischen Formulars. Für weitere Informationen lese bitte diesen Artikel.

Bei Bedarf kannst du einige zusätzliche Elemente hinzufügen. Zum Beispiel: Wir löschen den Text und fügen stattdessen ein Logo hinzu.

Schritt 4: Das Modal mit einem CTA-Button verknüpfen

Klicke auf einen beliebigen CTA-Button.
Achte darauf, dass du die "onepage.io" URL zuerst entfernst.
Wähle die Option „ Modal öffnen“.
Verknüpfe die modale Box.

Schritt 5: Veröffentlichen/Updaten

Bitte veröffentliche oder update deine Seite.

🎉 Geschafft! Die Modalbox kann nun auf der Live-Seite aufgerufen werden! 🎉

Häufig gestellte Fragen und Lösungen

Wie kann ich das Modal auf eine andere Unterseite kopieren?

Die modalen Abschnitte sind ein wenig komplizierter. Es ist erforderlich, vor dem Einfügen des Modals einen konventionellen Abschnitt und ein Modal aus der Vorlage zur neuen Unterseite hinzuzufügen. Siehe diese Videoanleitung:

Ist es möglich, das Modal als globalen Abschnitt einzurichten?

Dies ist derzeit nicht möglich.

Kann das Modal von einem globalen Abschnitt aus verlinkt werden?

Der Link funktioniert nur von einer Seite aus, auf der Sie das Modal eingerichtet haben, nicht aber für andere Unterseiten. Es wird empfohlen, nicht-globale Abschnitte zu verwenden, die auf das Modal verlinken.

Wie kann ich das Modal so einrichten, dass es automatisch angezeigt wird, wenn meine Website besucht wird?

Onepage bietet keine automatische Funktion zur Anzeige des Modals auf der Seite. Das Modal wird nur angezeigt, wenn die eingerichtete Button angeklickt wurde.