Hoe voeg je een formulier of popup toe aan je systeme.io‑blog

In dit artikel leer je hoe je een inline formulier of een popupformulier instelt op je systeme.io‑blog.

Stap 1: Maak een inline formulier aan

Als eerste maak je een contactformulier aan vanuit je verkoopfunnel.
Ga hiervoor naar je Verkoopfunnel, klik op Stap toevoegen (1) om een nieuwe stap te maken, en kies vervolgens Invulformulier (2).

Kies het sjabloon naar keuze door op het sjabloon zelf te klikken (3).

Ga naar de pagina‑editor van het formulier door op Pagina bewerken (4) te klikken om je formulier aan te passen.

Een contactformulier moet minimaal één Formulierinvoer-element bevatten, maar je kunt zoveel velden toevoegen als je wilt. 
Selecteer het Formulierinvoer‑element. Klik daarna op het Instellingen‑icoon (het tandwiel) om het veld te configureren. Kies vervolgens in de dropdown welk Invoertype je wilt verzamelen.

Je moet ook de actie van de knop instellen. Selecteer de knop en kies wat er moet gebeuren nadat de gebruiker het formulier verstuurt.

Vergeet niet op Wijzigingen opslaan te klikken voordat je de editor of je inline formulier verlaat.

Stap 2: Maak een popupformulier aan

Ga naar je Verkoopfunnel, klik op Stap toevoegen (5) om een nieuwe stap te maken en kies vervolgens Popup Formulier (6).

Kies het sjabloon naar keuze door op het sjabloon zelf te klikken (7).

Ga naar de pagina‑editor van het formulier door op Pagina bewerken (8) te klikken om je popupformulier aan te passen.

Een contactformulier moet minimaal één Formulierinvoer-element bevatten, maar je kunt zoveel velden toevoegen als je wilt. 
Selecteer het Formulierinvoer‑element. Klik daarna op het Instellingen‑icoon (het tandwiel) om het veld te configureren. Kies vervolgens in de dropdown welk Invoertype je wilt verzamelen.

Je moet ook de actie van de knop instellen. Selecteer de knop en kies wat er moet gebeuren nadat de gebruiker het formulier verstuurt.

Je kunt instellen na hoeveel seconden het contactformulier op je blogpagina verschijnt. Deze tijd kun je aanpassen in de editor (de tijd wordt in seconden ingevoerd).

Vergeet niet op Opslaan te klikken voordat je de editor of je popupformulier verlaat.

Stap 3: Stel het inline formulier in op je blog

Om het contactformulier aan je blog toe te voegen, moet je het script kopiëren en op je blogpagina plakken.
De eerste stap is om terug te gaan naar de Stapconfiguratie van je inline formulier. Klik daar op Script om de code te openen.

Er verschijnt een pop‑up met een link naar de pagina van je inline formulier. Klik op Link naar klembord kopiëren.

Ga vervolgens naar de editor van de blogpagina door in het menu op Bewerken te klikken, of klik direct op de naam van de pagina waarop je het inline formulier wilt toevoegen.

Sleep vervolgens een Onbewerkte HTML-element naar je blogpagina.

Ga ten slotte naar de instellingen van het Onbewerkte HTML-element.

Klik op Wijzig code en plak het script van de link die je hebt opgehaald van de pagina van je inline formulier.

Zorg ervoor dat je op Opslaan klikt om de HTML‑code op te slaan, klik vervolgens op Wijzigingen opslaan in de editor en sla opnieuw op voordat je de blogpagina verlaat.

Als we daarna een voorbeeld van de blogpagina bekijken, zien we dat het formulier wordt weergegeven zoals hieronder getoond.

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

Wanneer je een contactformulier als popup instelt, zijn er twee manieren waarop het op je blogpagina kan worden weergegeven:

  • Automatisch: de popup verschijnt na een ingestelde tijdsvertraging.
  • Bij klik: de popup verschijnt wanneer een gebruiker op een specifieke link of tekst klikt.

Opmerking: voor de eerste optie volg je dezelfde methode als bij het toevoegen van een inline formulier aan je blog. Daarom leggen we hieronder alleen de tweede methode in detail uit.

Om de popup te tonen wanneer iemand op een tekst klikt, ga je eerst terug naar de Stapconfiguratie van je popupformulier. Klik daar op Een link aanmaken.

Er verschijnt een pop‑up waarin je een link kunt genereren die het popupformulier opent via een tekst:
  • Kies eerst welke tekst klikbaar moet worden.
  • Klik daarna op Link naar het klembord kopiëren.

Open de editor van de blogpagina waarop je de link wilt toevoegen. 

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

Ga ten slotte naar de instellingen van het Onbewerkte HTML-element. 

Klik op Wijzig code en plak het script van de link die de popupformulier‑pagina opent. Klik daarna op Opslaan.

Zorg ervoor dat je in de editor op Wijzigingen opslaan klikt om je pagina op te slaan voordat je de blogpagina verlaat.
Als we daarna een voorbeeld van de blogpagina bekijken, zien we dat het popupformulier wordt weergegeven wanneer we op de tekst Klik hier om de popup te openen klikken, zoals hieronder getoond:

Gerelateerde artikelen: