Met de Forms-plugin van Made I.T. kun je eenvoudig formulieren aanmaken, bewerken en op je website plaatsen. In deze handleiding leggen we stap voor stap uit hoe je een nieuw formulier maakt, hoe je de juiste velden toevoegt, en hoe je het formulier toevoegt op een pagina.
Een nieuw formulier aanmaken
Om een nieuw formulier aan te maken, ga je in het WordPress-dashboard naar de linker zijbalk en klik je op “Forms”. Bovenaan klik je vervolgens op “Nieuwe toevoegen”.
Geef je formulier een duidelijke titel, zodat je het later gemakkelijk kunt terugvinden.
Formuliervelden kiezen en instellen
Bij het opmaken van een formulier heb je de keuze uit verschillende soorten velden. Een ‘Formulieren invoerveld’ is perfect voor korte gegevens zoals naam, e-mailadres of telefoonnummer. Wil je dat bezoekers langere teksten kunnen schrijven, bijvoorbeeld een bericht of opmerking, dan gebruik je het ‘Formulieren groot invoerveld’.
Voor opties zoals het kiezen van een afstand, categorie of voorkeur gebruik je een ‘Formulieren meerwaarden veld’. Vergeet tenslotte niet het ‘Formulieren verzendveld’ toe te voegen; dit is de knop waarmee bezoekers het formulier daadwerkelijk kunnen verzenden.
Inhoud structureren en invoeren
Je kunt de velden gewoon onder elkaar plaatsen, maar als je een compactere lay-out wilt met twee velden naast elkaar, gebruik dan eerst het ‘kolommenblok’. Op die manier creëer je rijen waarin je meerdere velden kunt plaatsen. Voeg nieuwe blokken toe via het plusteken en kies het gewenste veldtype.
Bij het instellen van een veld krijg je in de rechterzijbalk verschillende opties. Het veldtype bepaalt welke invoer wordt verwacht, zoals tekst of e-mail. Geef je veld altijd een duidelijk label – dit is de tekst die boven het invoerveld verschijnt. Eventueel kun je ook een placeholder toevoegen: een voorbeeldtekst die in het veld zelf wordt getoond. Gebruik echter nooit label én placeholder samen – kies één van beide voor duidelijkheid.
Wil je dat een veld verplicht is om in te vullen? Schakel dan de optie “verplicht” of “required” in. De naam van het veld wordt automatisch ingevuld, deze kan je daarom ook best zo laten staan. Die heb je later nodig bij het instellen van de e-mailacties.
De verzendknop toevoegen
Een essentieel onderdeel van elk formulier is de verzendknop. Zonder deze knop kan een bezoeker het formulier niet versturen. Deze knop is al ingesteld op verzenden, maar je kunt hem naar wens stylen. Zorg ervoor dat hij opvalt en logisch gepositioneerd is. Meer tips over knoppen opmaken vind je in onze aparte handleiding over knoppen stijlen.
Meer over knoppen stijlen vindt je hier.
Formulieracties instellen (e-mailinstellingen)
Nadat je je velden hebt toegevoegd, is het belangrijk dat het formulier correct wordt verzonden. Hiervoor gebruik je de actievelden.
Stel je voor dat jij de bezoeker bent: wat moet er met jouw ingevulde formulier gebeuren?
Laat het actieveld staan op het type E-mail. Vervolgens geef je bij “Naar” het e-mailadres in waar de berichten naartoe gestuurd moeten worden – meestal het zakelijke e-mailadres van jouw bedrijf.
Bij “Van” verwijs je naar het veld waarin de bezoeker zijn e-mailadres invult. Je gebruikt hiervoor de veldnaam tussen vierkante haakjes, zoals [field-email]. Datzelfde geldt voor het onderwerp en de header: kies hier logische teksten of verwijs naar de juiste velden. In het veld “Bericht” bepaal je welke gegevens je in de e-mail wilt ontvangen. Zorg dat je de veldnamen correct tussen vierkante haakjes zet.
Wil je weten of een e-mail is gelezen? Vink dan de optie aan om leesbevestigingen in te schakelen.
Meldingen en foutboodschappen
De Forms-plugin toont standaardmeldingen wanneer een formulier succesvol is verzonden, of wanneer er nog verplichte velden ontbreken. Je kunt deze berichten aanpassen naar jouw voorkeur. Duidelijke feedback zorgt voor een betere gebruikservaring voor je bezoekers.
Formulier toevoegen aan een WordPress-pagina
Zodra je formulier klaar is, klik je op “Publiceren”. Daarna keer je terug naar het overzicht met formulieren. Daar vind je de shortcode die je nodig hebt om het formulier op een pagina te plaatsen.
Open nu de pagina waarop je het formulier wilt tonen. Voeg een nieuw blok toe en kies voor het shortcode-blok. Plak daar de gekopieerde shortcode in. Sla de pagina op of werk ze bij – het formulier is nu live en klaar voor gebruik.
