Contactformulier op WordPress, Wix of Shopify zetten

Vier manieren om een formulier op je site te zetten

Er zijn grofweg vier manieren. Je kunt ze ook combineren: een knop op elke pagina, het volledige formulier op je contactpagina en dezelfde link in je mailhandtekening.

• De formulierfunctie van je websitebouwer, of een plugin. Snel geregeld, maar meestal krijg je alleen een mailtje met wat de klant typte.
• Een stukje code (embed). Je plakt één regel code in je pagina, en er verschijnt een knop of een formulier op je site.
• Een iframe. Het formulier staat op een andere plek en wordt als een venster in je pagina getoond. Handig als je websitebouwer geen scripts toestaat.
• Een link of knop. Die opent het formulier op een eigen pagina. Dat werkt overal, ook buiten je website.

WordPress

Op WordPress kies je meestal een formulierplugin, zoals Contact Form 7 of WPForms. Wil je een formulier van een andere dienst gebruiken, dan plak je de code in een blok voor eigen HTML. In de blokeditor heet dat 'Aangepaste HTML'. Werk je met een paginabouwer, dan heeft die meestal een eigen HTML- of code-element.

Let daarna op twee dingen. Plugins die je site sneller maken, stellen scripts soms uit of voegen ze samen. Test dus na het plaatsen of het formulier nog werkt. En controleer of berichten aankomen: WordPress verstuurt mail standaard via je eigen webserver, en die belandt nogal eens in de spam. Een SMTP-plugin helpt dan vaak.

Wix

Wix heeft een eigen formulierfunctie. Voor een simpele vraag is die prima. Wil je een formulier van buitenaf, dan gebruik je het element voor eigen code (Embed of HTML). Wix zet die code in een eigen kader op je pagina. Maak dat kader hoog genoeg, zodat er op een telefoon geen tweede scrollbalk in je formulier ontstaat.

Lukt het niet netjes? Zet dan een knop op je pagina die naar het formulier linkt. Minder fraai, wel betrouwbaar.

Shopify

In Shopify heeft bijna elk thema een contactpagina met een eenvoudig formulier. Dat is prima voor vragen over een bestelling. Voor aanvragen met vervolgvragen is het te kaal: je krijgt naam, e-mail, soms een telefoonnummer en een bericht, en verder niets.

Een ander formulier plaats je via de thema-editor, in een sectie of blok voor eigen code. In de meeste thema's heet dat 'Aangepaste Liquid' of 'Custom Liquid'. Plak daar de code in, sla op, en bekijk de pagina daarna op je telefoon.

Squarespace, Webflow, Framer, Jimdo, Google Sites en de rest

Bijna elke websitebouwer heeft een plek voor eigen code. Zoek in je editor naar een element dat Embed, Code of HTML heet. Bij sommige pakketten kan dat niet. Gebruik dan een iframe of een link.

De sitebouwers van hostingpartijen zoals one.com en Strato werken vaak met een HTML-blok. Heb je een eigen HTML-site of een Next.js-project, dan zet je de scripttag gewoon in de pagina.

Webstability werkt op al deze platforms met één regel code: als knop, als formulier in je pagina, als iframe of als link. De precieze stappen per platform staan op de installatiepagina.

Welke manier past bij jou?

Kies op basis van je websitebouwer en van waar je klanten zitten. In je Google Bedrijfsprofiel kun je onder meer een link toevoegen om een afspraak te maken. Vragen klanten via je formulier een afspraak aan, dan past die link daar goed. Kort samengevat:

• Wil je het snel en simpel? Een knop met een link.
• Wil je het formulier ín je pagina? Een embed met één regel code.
• Staat je bouwer geen scripts toe? Een iframe, of toch een link.
• Wil je ook aanvragen van buiten je site? Zet dezelfde link in je Google Bedrijfsprofiel, je WhatsApp Business-profiel, je mailhandtekening en een QR-code op je bus.
• Heb je een webbouwer? Stuur je webbouwer de regel code en de stappen voor jouw platform. Meestal is het dan snel geregeld.

Controleer dit na het plaatsen

Een formulier dat stilletjes niet werkt, is erger dan geen formulier: de klant denkt dat hij iets heeft gestuurd, jij ziet niets. Loop daarom na het plaatsen dit lijstje af, en herhaal het na elke grote update van je site:

• Open de pagina op je telefoon en vul het formulier helemaal in.
• Stuur een proefaanvraag en kijk of die aankomt, ook in de spammap.
• Check of je privacyverklaring noemt welke dienst de aanvragen verwerkt.
• Kijk of je pagina niet merkbaar trager is geworden.
• Heb je klanten uit het buitenland? Test dan ook een andere taal.
• Kijk of de knop op elke pagina te vinden is, ook op een smal scherm.
• Laat iemand anders het formulier invullen zonder uitleg. Waar die twijfelt, twijfelt je klant ook.