Een uitschuifbaar contactformulier toevoegen in WordPress

Een uitschuifbaar contactformulier toevoegen in WordPress

Een goede manier om nieuwe leads te krijgen via je WordPress website is door een opvallend contactformulier te bouwen. Het probleem is dat veel bezoekers je website verlaten zonder je contactpagina te bezoeken. Het toevoegen van een uitschuifbaar contactformulier zorgt dat je bezoeker meteen naar het formulier wordt geleid zonder dat hij daarvoor een andere pagina hoeft te bezoeken. In dit artikel laten we zien hoe je een uitschuifbaar contactformulier aan je website toevoegt. We maken daarbij gebruik van de WPForms en OptinMonster plugins.

Een uitschuifbaar contactformulier toevoegen in WordPress

Stap 1: Maak een contactformulier

Installeer en activeer de WPForms plugin.

Daarna ga je naar WPForms > Add New om de builder interface te lanceren. Geef je contactformulier een naam en selecteer het ‘Select contact form’ template.

uitschuifbaar contactformulier

WPForms zal een simpel contactformuliertje laden. Je kunt op elk veld klikken om het te bewerken, of nieuwe velden uit de linkerkolom toevoegen.

uitschuifbaar contactformulier

Sla de wijzigingen op. Klik vervolgens op de embed knop om de embed code van je formulier te kopiëren. Deze heb je bij de volgende stap nodig.

Stap 2: Maak een Slide Out Optin in OptinMonster

Nu zullen we een campagne aanmaken, waarbij het contactformulier dat je net hebt gemaakt zal worden getoond.

Installeer en activeer de OptinMonster plugin als je dat nog niet had gedaan.

Deze plugin fungeert als verbinding tussen je website en je OptinMonster account.

Klik op het OptinMonster menu in de WordPress admin balk en voer je API key in (deze informatie kun je van je account op de OptinMonster website afhalen).

uitschuifbaar contactformulier

Na het invoeren van je API key klik je op de ‘Create new optin’ kop rechtsboven in het venster.

uitschuifbaar contactformulier

Je wordt nu naar de OptinMonster website geleid.

OptinMonster biedt verschillende typen dynamische campagnes, maar voor dit tutorial maken we gebruik van de ‘Slide in’ campagne. Daarmee kun je zo’n uitschuifbaar contactformulier maken.

uitschuifbaar contactformulier

Vervolgens selecteer je het template. OptinMonster biedt verschillende kant-en-klare templates, maar in dit geval selecteren we ‘Canvas.’

uitschuifbaar contactformulier

Je wordt nu gevraagd om je campagne een naam te geven.

Daarna wordt de builder interface geladen.

uitschuifbaar contactformulier

Aan de rechterkant zie je een live preview van je campagne. Omdat we voor het canvas template hebben gekozen, is deze nog helemaal blanco.

Aan de linkerkant staan meerdere tabs. Onder ‘General Optin Settings’ voer je de URL van je website in. Bij het ‘Optin’ tabblad selecteer je de kleuren, hoogte en breedte van je optin.

uitschuifbaar contactformulier

Daarna scroll je omlaag naar de ‘Canvas custom HTML’ sectie. Hier voer je de WPForms shortcode in die je eerder hebt gekopieerd.

uitschuifbaar contactformulier

Je formulier is nog niet meteen zichtbaar, omdat de shortcode alleen werkt op je eigen WordPress site. Klik op de ‘Save’ knop om je instellingen op te slaan, en vervolgens op ‘Publish.’

uitschuifbaar contactformulier

Op het volgende scherm wijzig je de optin status naar ‘published.’ Dit maakt de optin beschikbaar op je WordPress site.

uitschuifbaar contactformulier

Stap 3: Het contactformulier weergeven op je website

Je hebt nu zowel het contactformulier als de slide in campagne aangemaakt, dus nu is het alleen nog een kwestie van het uitschuifbare contactformulier op je website weergeven. Ga naar de OptinMonster pagina in je WordPress Dashboard; hier zie je je slide in campagne staan.

uitschuifbaar contactformulier

Klik op de ‘Edit output settings’ link om te bepalen hoe je je formulier wilt weergeven. Op het volgende scherm moet je het vakje naast ‘Enable optin on site?’ aanvinken. Je kunt ook aangeven wie de optin moet kunnen zien, en een specifieke plek aangeven om de optin te tonen.

uitschuifbaar contactformulier

Sla de wijzigingen op.

Bezoek je website om je uitschuifbare contactformulier in actie te zien. Zorg wel dat je uitgelogd bent of gebruik maakt van de incognito modus, zodat je precies ziet wat je bezoekers zien.

uitschuifbaar contactformulier

De campagne is standaard zo ingesteld om 5 seconden nadat de pagina volledig is geladen te verschijnen. Maar dat kun je natuurlijk ook aanpassen. Zo kun je bijvoorbeeld het uitschuifbare contactformulier laten zien als een gebruiker halverwege de pagina naar beneden is gescrold, of wanneer hij op het punt staat de pagina te verlaten.

uitschuifbaar contactformulier

Bekijk ook ons overzicht van de beste exit intent popup plugins voor WordPress!

Wil jij meer leren over Wordpress?

In de kennisbank vertellen we je alles over de belangrijkste onderwerpen

  • Snel en gemakkelijk contact met een WordPress expert
  • Ontvang als eerste nieuwtjes & leuke acties
  • Overleg met andere WordPress fans

Je WordPress vraag of probleem razendsnel opgelost met de hulp van een echte WordPress developer!

Join de grootste WordPress community van Nederland & stel je vraag via ons WordPress ticketsysteem.

Medaille-buddy

Blijf op de hoogte van het laatste WordPress nieuws.

Schrijf je in voor onze wekelijkse nieuwsbrief.