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

In diesem Artikel erfahren Sie wie Sie ein Kontaktformular oder ein Pop-Up in Ihrem Blog einrichten.

Sie benötigen:

1. Ein Inline-Formular erstellen: 

Zuerst erstellen Sie ein Kontaktformular in Ihrem Sales Funnel.
Gehen Sie dazu zu Ihrem  " Sales Funnel“ , klicken Sie auf " Schritt hinzufügen“, (Nummer 1 im Bild), und wählen Sie dann " Inline-Formular“ (Nummer 2 im Bild).   

Wählen Sie die gewünschte Vorlage aus, indem Sie auf  "wählen“ klicken (Nummer 3 im Bild).

Rufen Sie den Formularseiten-Editor auf, indem Sie auf  "Seite bearbeiten“ klicken, um Ihr Formular anzupassen (Nummer 4 im Bild).

Ein Kontaktformular muss mindestens einen   "Formulareintrag“ haben. Sie können beliebig viele Formularfelder einfügen.   
Wählen Sie  " Formulareingabe“ und richten Sie dann mit dem Scrollrad das betreffende Feld ein, indem Sie einen " Eingabetyp“ auswählen, den Sie erfassen möchten, indem Sie ein Objekt von der Dropdown-Liste auswählen.

Sie müssen in der  Schaltfläche festlegen, welche nächste Aktion durchzuführen ist. 

Vergessen Sie bitte nicht, auf  "Änderungen speichern“ zu klicken, bevor Sie den Editor oder Ihr "Inline Formular“ verlassen.  

2. Ein Pop-Up-Formular erstellen:

Gehen Sie zu Ihrem  "Sales Funnel“, klicken Sie auf "Schritt hinzufügen“ (Nummer 5 im Bild), und wählen Sie dann "Pop-Up-Formular“ (Nummer 6 im Bild).  

Wählen Sie die gewünschte Vorlage aus, indem Sie auf  "wählen“ klicken (Nummer 7 im Bild).

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

Ein Kontaktformular muss mindestens einen  "Formulareintrag“ haben. Sie können beliebig viele Formularfelder einfügen.   

Wählen Sie  "Formulareingabe“ und richten Sie dann mit dem Scrollrad das zu erfassende Feld ein, indem Sie einen "Eingabetyp“ aus der Dropdown-Liste auswählen.

Sie müssen die  Schaltfläche festlegen welche nächste Aktion durchzuführen ist. 

Sie können den Zeitpunkt festlegen, an dem das Kontaktformular auf Ihrer Blogseite erscheinen soll. 
Die anzugebende Zeit wird in Sekunden angegeben. 

Vergessen Sie bitte nicht, auf   "Änderungen speichern“ zu klicken, bevor Sie den Editor oder Ihr "Pop-Up-Formular“ verlassen.

3. Einrichtung des Inline-Formulars in Ihrem Blog:

Um das Kontaktformular in Ihrem Blog einzurichten, müssen Sie das  " Skript“ abrufen und in Ihre Blog-Seite einfügen.       
Zuerst müssen Sie zu Ihrer  " Schrittkonfiguration“ Ihres " Inline Formulars“  zurückkehren und dann auf  " Skript“ klicken.

Es wird ein Pop-Up mit dem Code Ihres "Skript“ angezeigt, das mit Ihrer "Inline Formular“ Seite verknüpft ist. Klicken Sie auf "Skript in die Zwischenablage kopieren". 

Gehen Sie dann zum Editor der Blog-Seite, auf der Sie das Inline-Formular einfügen möchten.

Dann richten Sie ein HTML-Element auf Ihrer Blog-Seite ein.

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

Klicken Sie auf  "Code bearbeiten“ und fügen Sie den "Skript“-Code ein, den Sie von Ihrer "Inline Formular“ Seite bezogen haben.  

Klicken Sie bitte auf "Speichern", um den HTML-Code zu speichern, und klicken Sie im Editor auf  "Änderungen speichern“, um Ihre Seite zu speichern, bevor Sie Ihre Blog-Seite verlassen.

Wenn wir die Blog-Seite anschließend in der Vorschau anzeigen, wird das Formular angezeigt:

4. Einrichtung des Pop-Up-Formulars in Ihrem Blog:

Wenn Sie ein Kontaktformular als Pop-Up einrichten, gibt es zwei Möglichkeiten, es auf Ihrer Blog-Seite anzuzeigen:

  • Als Pop-Up, das entsprechend der Zeit Einstellungen für die Darstellung angezeigt wird
  • Als anklickbarem Text, der zum Öffnen des Pop-Ups konfiguriert wird

Für die erste Option ist die Methode identisch mit dem Hinzufügen eines Inline-Formulars in einem Blog. Wir werden daher die zweite Methode im Detail erklären, um das Pop-Up auf einen Text zu setzen, der das Öffnen des Pop-Up-Formulars ermöglicht.

Um das  "Pop-Up-Formular“ nach dem Anklicken eines Textes anzuzeigen, kehren Sie zunächst zur Schrittkonfiguration oder zu Ihrem "Pop-Up-Formular“  zurück und klicken dann auf "Einen Link erstellen“.

Ein Pop-Up erscheint, in dem Sie auf einen Link klicken können, der das Pop-Up aus einem Text öffnet:

  1. Sie wählen den Inhalt des Textes, der anklickbar sein soll
  2. Dann klicken Sie auf "Skript in die Zwischenablage kopieren"

Dazu müssen Sie zum Editor der Blog-Seite gehen, auf der Sie Ihren Beitrag im Blog veröffentlichen möchten. 

Dann müssen Sie ein HTML-Element auf Ihrer Blog-Seite einrichten.

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

Klicken Sie auf  "Code bearbeiten“ und fügen Sie das "Skript" der Links, die eine Pop-Up-Formularseite öffnen, ein. 

Klicken Sie bitte auf  "Speichern“, um den HTML-Code zu speichern, und klicken Sie im Editor auf "Änderungen speichern“, um Ihre Seite zu speichern, bevor Sie Ihre Blog-Seite verlassen.

Wenn wir die Blog-Seite anschließend in der Vorschau anzeigen, wird das Pop-Up-Formular angezeigt, wenn man auf den Text   "Klicken Sie hier, um das Popup-Formular zu öffnen" klickt:

Weitere Artikel: