Een formulier of pop-up toevoegen aan je systeme.io blog

Op deze pagina kun je zien hoe je een invulformulier of een pop-up toevoegt aan je systeme.io blog.

Stap 1: Maak een invulformulier 

Eerst moet je vanuit je verkoop funnel een contactformulier aanmaken.
Ga hiervoor naar je "Verkoop Funnel", klik op "Stap toevoegen" om een nieuwe stap aan te maken (nummer 1 op de afbeelding), kies vervolgens "Invulformulier" (nummer 2 op de afbeelding).

Kies een sjabloon naar keuze door te klikken op "Selecteer" (nummer 3 op de afbeelding).

Ga naar de pagina-editor van het formulier door te klikken op "Pagina bewerken" om zo je formulier aan te passen (nummer 4 op de afbeelding).

Een contactformulier moet minstens één  "Formulierinvoer" hebben, maar je kunt zoveel formuliervelden toevoegen als je wilt. 
Selecteer het item "Formulierinvoer" en stel vervolgens met het  tandwiel het betreffende veld in door een "Invoertype" te selecteren dat je wilt verzamelen, door een item uit de vervolgkeuzelijst te selecteren.

Stel van tevoren de knop in die de actie vastlegt die moet worden uitgevoerd met het verzamelde item.

Vergeet niet om op "Wijzigingen opslaan" te klikken voordat je de editor of het "Invulformulier" verlaat.

Stap 2: Maak een pop-up formulier

Ga naar je  "Verkoop Funnel", klik op "Stap toevoegen" om een nieuwe stap aan te maken (nummer 5 op de afbeelding), kies dan "pop-up formulier" (nummer 6 op de afbeelding).

Kies een sjabloon naar keuze door te klikken op  "Selecteer" (nummer 7 op de afbeelding).

Ga naar de pagina-editor van het formulier door te klikken op "Pagina bewerken" om je pop-up formulier aan te passen (nummer 8 op de afbeelding).

Een contactformulier moet minstens één  "Formulierinvoer" hebben, maar je kunt zoveel formuliervelden toevoegen als je wilt. 
Selecteer het item  "Formulierinvoer" en stel vervolgens met  het tandwiel het betreffende veld in door een  "Invoertype" te selecteren dat je wilt verzamelen door  een item uit de vervolgkeuzelijst te selecteren.

Het zal ook nodig zijn om vooraf de knop te bepalen die de met het verzamelde item uit te voeren actie vastlegt.

Je kunt een tijd kiezen waarop het contactformulier op je blogpagina moet verschijnen, deze tijd kun je aanpassen met de editor. 
De aan te geven tijd is in seconden. 

Vergeet niet om op "Wijzigingen opslaan" te klikken voordat je de editor van je "Pop-up formulier" verlaat.

Stap 3: Het Invulformulier op je blog instellen

Om het contactformulier op je blog in te stellen, moet je het "Script" ervan ophalen en op je blogpagina plakken. 
De eerste stap is terugkeren naar je "Stap configuratie" van je "Invulformulier", vervolgens klik je op "Script".

Er verschijnt een pop-up met de code van je "Script" gekoppeld aan je "Invulformulier" pagina, klik op "Script naar het klembord kopiëren ". 

Je gaat dan naar de editor van de blogpagina, waarop je het Invulformulier wilt toevoegen.

Vervolgens moet je een HTML-element op je blogpagina instellen.

Tenslotte moet je naar de instellingen van je HTML-element gaan. 

Klik op "Code bewerken" en plak daarin de "Script"-code die je van je Invulformulier-pagina hebt gehaald. 

Zorg ervoor dat je op "Opslaan" klikt om de HTML-code op te slaan, en klik op "Wijzigingen opslaan" in de editor en sla op voordat je je blogpagina verlaat.
Als we de blogpagina daarna bekijken, zien we dat het formulier wordt weergegeven zoals hieronder:

Stap 4: Het pop-up formulier op je blog instellen:

Bij het instellen van een contactformulier als pop-up, zijn er twee mogelijke manieren om het op je blogpagina weer te geven:
  • Als een Pop-up die wordt weergegeven volgens de tijdsinstelling van zijn verschijning.
  • Als een tekst die aanklikbaar is en ingesteld wordt om de pop-up te openen.
Voor de eerste optie is de methode hetzelfde als wanneer je een invulformulier toevoegt op een blog, dus we zullen de tweede methode in detail uitleggen.
Om het "Pop-up formulier" te tonen na een klik op een tekst, moet je eerst teruggaan naar de stapconfiguratie van je "Pop-up formulier", vervolgens klik je op "Een link aanmaken".

Er verschijnt een pop-up waarmee je kunt klikken op een link die de pop-up opent van een tekst:
  • Kies de inhoud van de tekst die klikbaar wordt.
  • Klik op "Script naar het klembord kopiëren".

Ga naar de editor van de blogpagina waarop je je pop-up wilt plaatsen. 

Vervolgens moet je een HTML-element op je blogpagina plaatsen.

En tenslotte moet je naar de instellingen van je HTML-element gaan. 

Klik op "Code bewerken" en plak daarin het "Script" van de links die een pop-up formulierpagina openen.

Zorg ervoor dat je op "Opslaan" klikt om de HTML-code op te slaan, en klik op "Wijzigingen opslaan" in de editor om je pagina op te slaan voordat je je blogpagina verlaat.
Als we de blogpagina daarna bekijken, kun je zien dat het popup-formulier wordt weergegeven als we klikken op de tekst "Klik hier om het pop-upformulier te openen", zoals hieronder te zien is:

Nuttige artikelen: