So fügen Sie Ihrem systeme.io-Blog ein Formular oder ein Pop-Up hinzu

Dieser Artikel zeigt Ihnen, wie Sie ein Inline-Formular oder ein Popup-Formular auf Ihrem systeme.io-Blog einrichten.

Schritt 1: Ein Inline-Formular erstellen:

Zuerst müssen Sie ein Kontaktformular in Ihrem Verkaufsfunnel erstellen.

Gehen Sie dazu zu Ihrem Verkaufsfunnel, klicken Sie auf Funnelschritt erstellen (1), um einen neuen Schritt zu erstellen, und wählen Sie anschließend Inline Form (2) aus.

Wählen Sie die gewünschte Vorlage aus, indem Sie auf das grüne Häkchen klicken (3).

Gehen Sie zum Formularseiten-Editor, indem Sie auf Seite bearbeiten (4) klicken, um Ihr Formular anzupassen.

Ein Kontaktformular muss mindestens ein Form input enthalten, Sie können jedoch beliebig viele Formularfelder hinzufügen.

Wählen Sie das Element Form input aus. Klicken Sie anschließend auf das Symbol Settings (Zahnrad), um das Feld zu konfigurieren. Wählen Sie im Dropdown-Menü den gewünschten Input type aus, den Sie erfassen möchten.

Sie müssen außerdem die Button-Aktion konfigurieren. Wählen Sie den Button aus und legen Sie fest, was passieren soll, nachdem der Nutzer das Formular abgesendet hat.

Vergessen Sie nicht, auf Speichern (oben rechts) zu klicken, bevor Sie den Editor verlassen, sonst gehen Ihre Änderungen am Inline-Formular verloren.

Schritt 2: Ein Popup-Formular erstellen

Gehen Sie zu Ihrem Sales Funnel, klicken Sie auf Schritt hinzufügen (5), um einen neuen Schritt zu erstellen, und wählen Sie anschließend Popup-Formular (6) aus.

Wählen Sie die gewünschte Vorlage aus, indem Sie auf das grüne Häkchen (7) klicken.

Gehen Sie zum Formularseiten-Editor, indem Sie auf  Seite bearbeiten (8) klicken, um Ihr Pop-Up-Formular anzupassen.

Ein Kontaktformular muss mindestens ein Formularfeld enthalten, Sie können jedoch beliebig viele Formularfelder hinzufügen.

Wählen Sie das Element Formularfeld aus. Klicken Sie anschließend auf das Symbol Einstellungen (Zahnrad), um das Feld zu konfigurieren. Wählen Sie im Dropdown-Menü den gewünschten Eingabetyp aus, den Sie erfassen möchten.

Es ist außerdem erforderlich, den Button so zu konfigurieren, dass die gewünschte Aktion mit den erfassten Daten ausgeführt wird.

Sie können festlegen, wann das Kontaktformular auf Ihrer Blog-Seite angezeigt werden soll. Diese Zeit kann im Editor angepasst werden (die anzugebende Zeit erfolgt in Sekunden).

Vergessen Sie nicht, vor dem Verlassen des Editors oder Ihres „Popup-Formulars“ auf Speichern (oben rechts) zu klicken.

Schritt 3: Das Inline-Formular in Ihrem Blog einrichten

Um das Kontaktformular zu Ihrem Blog hinzuzufügen, müssen Sie das entsprechende Skript kopieren und auf Ihrer Blog-Seite einfügen.

Kehren Sie zunächst zur Schritt-Konfiguration (Einstellung) Ihres Inline-Formulars zurück und klicken Sie anschließend auf Skript.

Es wird ein Popup-Fenster angezeigt, das einen Link zu Ihrer Inline-Formular-Seite enthält. Klicken Sie auf Link in die Zwischenablage kopieren.

Anschließend müssen Sie zum Editor der Blog-Seite gehen, auf der Sie das Inline-Formular hinzufügen möchten.

Ziehen Sie anschließend ein Raw-HTML-Element auf Ihre Blog-Seite und platzieren Sie es dort.

Anschließend gehen Sie zu den Einstellungen für Ihr HTML-Element.

Klicken Sie auf Code bearbeiten und fügen Sie das Skript des zuvor kopierten Links von Ihrer Inline-Formular-Seite ein.

Stellen Sie sicher, dass Sie auf Speichern klicken, um den HTML-Code zu sichern, anschließend auf Änderungen speichern im Editor und speichern, bevor Sie die Blog-Seite verlassen.

Wenn wir die Blog-Seite danach in der Vorschau anzeigen, wird das Formular wie unten dargestellt angezeigt:


Schritt 4: Das Popup-Formular in Ihrem Blog einrichten

Beim Einrichten eines Kontaktformulars als Popup gibt es zwei Möglichkeiten, es auf Ihrer Blog-Seite anzuzeigen:

  • Automatisch: Das Popup erscheint nach einer bestimmten Zeitverzögerung.
  • Bei Klick: Das Popup erscheint, wenn ein Nutzer auf einen bestimmten Link oder Text klickt.

Hinweis: Für die erste Option ist das Vorgehen dasselbe wie beim Hinzufügen eines Inline-Formulars auf einem Blog, daher erklären wir hier die zweite Methode im Detail.

Um das Popup-Formular nach einem Klick auf einen Text anzuzeigen, müssen Sie zunächst zur Einstellung Ihres Popup-Formulars zurückkehren und anschließend auf Einen Link erstellen klicken.

Es wird ein Popup-Fenster angezeigt, in dem Sie auf einen Link klicken können, der das Popup über einen Text öffnet:

  1. Wählen Sie den Inhalt des Textes aus, der anklickbar sein soll.
  2. Klicken Sie anschließend auf Link in die Zwischenablage kopieren.

Öffnen Sie den Editor der Blog-Seite, auf der Sie den Link hinzufügen möchten.

Anschließend müssen Sie ein Raw-HTML-Element auf Ihrer Blog-Seite einfügen.

Abschließend müssen Sie zu den Einstellungen Ihres HTML-Elements gehen.

Klicken Sie auf Code bearbeiten und fügen Sie das Skript des Links ein, der die Popup-Formular-Seite öffnet, und klicken Sie anschließend auf Speichern.

Stellen Sie sicher, dass Sie im Editor auf Änderungen speichern klicken, um Ihre Seite zu sichern, bevor Sie die Blog-Seite verlassen.

Wenn wir die Blog-Seite danach in der Vorschau anzeigen, wird das Popup-Formular angezeigt, sobald wir auf den Text Hier klicken, um das Popup zu öffnen klicken, wie unten dargestellt: