Superhandig: zo maak je een online formulier voor je website


Een online formulier om je aan te melden

Online formulieren zijn erg handig tijdens veel van de handelingen die we online uitvoeren. Of je je nu aanmeldt of inlogt, verzendinformatie verstrekt, of je abonneert op een nieuwsbrief: online formulieren zijn er om ons op weg te helpen. En vooral wanneer je bezig bent met het maken van een website voor je bedrijf, is het een must om een formulierbouwer te gebruiken om beter in te kunnen spelen op de behoeften van je sitebezoekers. Maar ook op die van jezelf als bedrijfseigenaar. Mits goed uitgevoerd, wordt het webformulier een naadloos onderdeel van de browse-ervaring dat gemak en efficiëntie toevoegt aan onze online activiteiten. In deze handige gids ontdek je alles wat je moet weten over online formulieren. Van wat ze zijn tot een uitleg van de belangrijkste onderdelen. En natuurlijk vertellen we je hoe je ze aan je website kunt toevoegen!


Wat is een online formulier?


Een online formulier, ook wel webformulier of HTML-formulier genoemd, is een interactieve webpagina die gebruikersinvoer mogelijk maakt. De gegevens die via het formulier worden ontvangen, worden vervolgens automatisch naar een server gestuurd voor verwerking. Bij het verzamelen van gegevens en het verkrijgen van de contactgegevens van gebruikers, helpen online formulieren om leads vast te leggen. Er zijn veel soorten online formulieren, variërend van contactformulieren en het RSVP-gedeelte van een evenementwebsite, tot formulieren voor het beheren van online bestellingen en betalingen in een webshop. In principe kunnen formulieren op je website worden gebruikt op de plek waar je ook informatie van je sitebezoekers wilt verzamelen. Of het nu hun e-mailadres is, of een antwoord op het al dan niet bijwonen van een feest. Een andere reden om een webformulier te maken, is dat je hiermee een ​​deel van je content alleen toegankelijk kunt maken voor bepaalde bezoekers van de website. Je 'verplicht' hen dan om zich aan te melden bij een ledengedeelte als voorwaarde om de betreffende content te kunnen bekijken.


De belangrijkste elementen van online formulieren


Een online formulier bestaat, net als de papieren versie, meestal uit een vraag of een reeks vragen. Deze zijn gekoppeld aan velden waarin gebruikers hun antwoord kunnen typen of het meest geschikte antwoord uit verschillende beschikbare opties kunnen selecteren. Online formulieren kunnen worden samengesteld uit slechts één of meerdere soorten velden, gemengd en gematcht. De belangrijkste soorten velden in een webformulier zijn:


  • Tekstvakken: tekstvakken, ook wel bekend als invoervelden, zijn lege velden die bedoeld zijn om tekst vrij in te typen. Denk aan het invoeren van een wachtwoord tijdens het inloggen. Gebruik: bij open vragen of vragen met oneindig veel antwoordmogelijkheden (zoals een naam of wachtwoord).


Tekstvakoptie in een webformulier

  • Vervolgkeuzelijsten: vervolgkeuzelijsten zijn velden die, eenmaal aangeklikt, openen in een lijst. De lijst bevat meerdere items waaruit vervolgens één item kan worden gekozen. Gebruik: bij het kiezen van één optie uit een lijst.



De vervolgkeuzelijst-optie in een online formulier

  • Selectievakjes (check boxes): kleine, vierkante vakjes die worden aangevinkt of uitgevinkt wanneer erop wordt geklikt. Bij de meeste formulieren kunnen gebruikers meer dan één selectievakje aanvinken (ook bekend als meervoudige selectie). Een voorbeeld van een selectievakje is het vakje dat je aanvinkt om de Algemene voorwaarden van een webservice goed te keuren. Gebruik: bij het kiezen van één of meerdere opties uit een lijst.

Online formulier met checkboxes

  • Keuzerondjes (radio buttons): je herkent keuzerondjes aan kleine, ronde, open bolletjes. Keuzerondjes komen meestal voor in een lijst van twee of meer optionele antwoorden, waaruit de gebruiker het meest geschikte antwoord kan selecteren door erop te klikken. Eenmaal geselecteerd, tonen de keuzerondjes een toegevoegde stip in hun midden. Gebruik: bij het kiezen van één optie uit verschillende opties.

Webformulier met radio buttons

  • Verzendknop: de laatste knop onder aan een online formulier is meestal gereserveerd voor het indienen van de antwoorden na voltooiing. De tekst op de knop, ook wel de microcopy genoemd, kan variëren van 'Verzenden' tot 'Neem contact op' of 'Vraag een prijsofferte aan'. De bedoeling blijft echter hetzelfde: de verstrekte informatie naar de eigenaar van de website sturen. De verzendknop, die fungeert als de oproep tot actie van het webformulier, onderscheidt zich door zijn ontwerp meestal van de rest van de pagina om de aandacht te trekken. Gebruik: bij het einde van een online formulier.



Verzend online formulieren met verzendknoppen


  • Feedbackbericht: als je een webformulier gaat maken, kun je een automatisch feedbackbericht toevoegen, dat verschijnt zodra op de verzendknop is geklikt. Dit om aan te geven dat het formulier met succes is doorlopen of om een ​​probleem bij het invullen ervan aan te geven. Dit type online formulier verschijnt meestal op dezelfde pagina als het formulier zelf, maar kan ook in een apart pop-upvenster worden geopend. Gebruik: zodra het formulier is verzonden.



Feedback-optie na verzenden webformulier


Praktische tips voor het maken van online formulieren


Een goed online formulier volgt de volgende drie gouden regels: het moet intuïtief in het gebruik zijn, snel in te vullen, en weinig inspanning van de gebruiker vergen. Een formulier dat alle drie deze factoren omvat, zou lagere uitvalpercentages moeten hebben dan formulieren die de gouden regels minder goed hanteren, wat bijgevolg leidt tot meer ingediende antwoorden. Er zijn nogal wat tips voor het maken van online formulieren; hieronder leggen we alvast de drie belangrijkste uit:


01. Maak het formulier intuïtief in gebruik


Een webformulier mag geen ruimte laten voor verkeerde interpretatie. Zorg ervoor dat elk element in je formulier tot in de perfectie is uitgewerkt. Op deze manier is het meteen duidelijk voor alle gebruikers wat ze moeten invullen, hoe, en waarom. Je vragen en aanwijzingen, de structuur van het formulier en de volgorde waarin de verschillende vragen zijn geplaatst, moeten alle gebruikers in de juiste richting leiden en mogelijke verwarring te voorkomen.



02. Minimaliseer het aantal velden


Om te garanderen dat sitebezoekers het webformulier van begin tot eind invullen, moet je ervoor zorgen dat het niet te lang en omslachtig is. Beperk het aantal velden en stappen tot een minimum en elimineer elke stap die niet absoluut noodzakelijk is. Het maken van één enkel veld voor de 'Volledige naam' van de gebruiker, heeft bijvoorbeeld de voorkeur boven twee afzonderlijke stappen voor zowel 'Voornaam' als 'Achternaam'.



03. Ontwerp het formulier zo eenvoudig mogelijk


Het invullen van een online formulier moet gemakkelijk en moeiteloos aanvoelen. Beperk de hoeveelheid handmatig typen tot een minimum, en kies waar mogelijk voor selectievakjes, keuzerondjes, of vervolgkeuzelijsten. Vraag je bijvoorbeeld om een ​​datum? Dan kan het verstrekken van een datumkiezer in de vorm van een kalender de gebruikservaring veel beter maken dan wanneer bezoekers dag, maand, en jaar apart in moeten typen.


Online formulier met datumkiezer


Hoe kun je een online formulier toevoegen aan je website?


Er zijn talloze goede tools voor het maken van online formulieren. Denk aan Google Forms en Microsoft Forms. Een andere optie is om een ​​webformulier te maken met behulp van Wix Forms, rechtstreeks vanuit je eigen Wix website. Op deze manier kan het formulier volledig worden geïntegreerd met alle andere bedrijfscomponenten op je site. Alle inzendingen die via je formulier zijn ontvangen, worden vervolgens opgeslagen in je Wix-contacten. Hier kun je ze eenvoudig openen en beheren. Als je hiervoor kiest, kun je tevens via e-mail op de hoogte worden gehouden van elke nieuwe inzending op je site en in de Wix Owner-app.



Een online formulier toevoegen aan je website


01. Open de Wix Editor. 02. Klik op de knop 'Toevoegen' (+) aan de linkerkant. 03. Selecteer 'Contact'. 04. Kies uit verschillende Wix-formulieren, waaronder contact-, betalings- en feedbackformulieren. 05. Gebruik 'drag & drop' om het gekozen formulier toe te voegen aan je website. 06. Klik op het webformulier om de tekst, het ontwerp, en meer aan te passen.


Extra tip

Om het geautomatiseerde feedbackbericht van het online formulier te bewerken, klik je op het tabblad 'Bericht verzenden' onder 'Formulierinstellingen'. Dit bericht wordt vervolgens weergegeven wanneer een bezoeker een formulier indient. Als je wilt, kun je ook een aangepaste geautomatiseerde e-mail sturen voor elke nieuwe formulierinzending.




Een aangepast formulier bouwen op je website:


Het is ook mogelijk om je eigen formulier helemaal opnieuw te maken, met behulp van de vele componenten die beschikbaar zijn in de Wix Editor. Onder 'Toevoegen' >> 'Gebruikersinvoer' kun je een verscheidenheid aan tekstvakken, keuzerondjes, adresbalken, en vele andere functies verkennen. Zo maak je eenvoudig je eigen op maat gemaakte webformulier dat perfect past bij je behoeften!



Geavanceerde en aangepaste online formulieren maken


Met Velo by Wix kun je verschillende invoervelden combineren met regelcode, om complexere typen formulieren te bouwen. Hieronder staan ​​een aantal voorbeelden van formulieren die met Velo kunnen worden gemaakt:


  • Een webformulier verbinden met een database: door een online formulier te maken dat is verbonden met een database, kun je de gegevens die zijn verzameld van sitebezoekers volledig beheren. De door gebruikers gegenereerde content die je verzamelt, kan vervolgens worden weergegeven als een map op je website, of worden gebruikt als een spreadsheet die door jou als site-eigenaar kan worden beheerd, geëxporteerd, en bewerkt.

  • Formulieren samenvouwen: het is tevens een optie om bepaalde stadia van het formulier te verbergen en te onthullen (of samen te vouwen en uit te vouwen) op basis van gebruikersselecties. Samengevouwen formulieren stellen je in staat je online formulier in kleinere stukken te splitsen, en extra stappen alleen te onthullen wanneer dat nodig is.

  • Formulieren met meerdere fasen: een webformulier met meerdere fasen is een lange vorm die is onderverdeeld in verschillende stappen. Hierdoor komt het minder ontmoedigend over. Sitebezoekers kunnen geleidelijk de verschillende stappen van het formulier doorlopen terwijl ze het invullen. Hoewel elke stap afzonderlijk wordt ingediend, moeten de fasen wél in de juiste volgorde ingevuld worden.

  • Aangepaste validaties: formuliervalidatie kan voorkomen dat sitebezoekers ongeldige waarden invoeren. Het zorgt er bijvoorbeeld voor dat een ingevoerd telefoonnummer de (555) 555-5555-opmaak volgt.



Aan de slag


Wil jij ook graag een webformulier (of meerdere formulieren) maken? Neem onze tips dan zeker mee en begin vandaag nog met experimenteren. Op weg naar een meer gebruikersvriendelijke website. Succes!




Team Wix.




Deze blog is gecreëerd met Wix Blog