header-logo
Hoe Wix gebruiken om je website en bedrijf te bouwen.
Ontwerp en beheer je website met slimmme functionaliteiten.
Beheer abonnementen, pakketten en facturen.
Run je bedrijf en kom in contact met leden.
Lees hoe je een domein koopt, koppelt of overzet.
De juiste tools om je bedrijf op het web te laten groeien.
Boost je zichtbaarheid met SEO en marketingtools.
Geavanceerde functies om efficiënter te kunnen werken.
Antwoorden op vragen, gekende problemen en meer.
placeholder-preview-image
Verbeter je vaardigheden met onze cursussen en video's.
Krijg tips voor webdesign, marketing en meer.
Lees hoe het organische websiteverkeer van zoekmachines te vergroten.
Bouw een eigen website met ons full-stack platform.
Vind een professional voor hulp om je websitedoelen te behalen.
placeholder-preview-image

CMS: Een aangepast formulier maken met invoerelementen voor je verzameling

20 min
In dit artikel
  • Stap 1 | Maak een verzameling en stel de machtigingen in
  • Stap 2 | Voeg invoerelementen toe aan je website
  • Stap 3 | Koppel de invoerelementen aan je verzameling
  • Stap 5 | Maak een verzendknop
  • Stap 5 | Pas de invoerelementen aan
  • Veelgestelde vragen
Maak een gepersonaliseerd CMS-formulier waarmee bezoekers invoerelementen om hun gegevens rechtstreeks bij je verzameling in te dienen. Invoerelementen zijn onder andere tekstvakken, dropdowns, datum- en tijdkiezers, en meer. Dit artikel begeleidt je bij het maken van een verzameling om de inzendingen op te slaan, het toevoegen van invoerelementen en een verzendknop, en het gebruik van datasets om alles te koppelen. 
Een screenshot van het gebruik van invoerelementen om een aangepast formulier te maken.
Heb je een eenvoudiger, kant-en-klaar aangepast formulier nodig?
Bekijk Wix Forms om templateformulieren te bekijken die minder instellingen vereisen, zoals contactformulieren, bestelformulieren, registratieformulieren en meer. 
Voordat je begint:

Stap 1 | Maak een verzameling en stel de machtigingen in

Maak een verzameling waar je de inzendingen van het aangepaste formulier opslaat en stel de verzamelingsmachtigingen. Je kunt de instellingen voor Inhoud verzamelen kiezen en vervolgens kiezen wie de inhoud van je live website mag toevoegen of bekijken. Of je kunt Geavanceerd kiezen om aan te geven wie inhoud voor elke rol kan bekijken, toevoegen, bijwerken en verwijderen (iedereen, leden, de maker van het item en medewerkers).

Je kunt op dit punt velden aan de verzameling toevoegen, maar we raden aan ze later toe te voegen (stap 3) wanneer je de invoerelementen koppelt. Op die manier kun je er zeker van zijn dat je alleen de soorten velden toevoegt die kunnen worden gekoppeld aan elk type invoerelement. 

Om een verzameling te maken voor het opslaan van formulierinzendingen:

  1. Ga naar het CMS op het dashboard van je website.
  2. Klik op Verzameling creëren.
  3. Klik op Nieuw.
    Tip: Je kunt ook op Maken met AI klikken om AI (kunstmatige intelligentie) een verzameling voor je te laten maken.
  4. Klik op Volgende
  5. Voer een naam in voor je verzameling. Laten we naar deze verzameling verwijzen als je 'Inzendingen'-verzameling. 
  6. (Alleen coderen) Voer een verzameling-ID in om in je code te gebruiken.
  7. Laat Verzameling met meerdere items (standaard) geselecteerd en klik op Maken
  8. Klik op Meer acties en selecteer Machtigingen en privacy.
Een screenshot van het selecteren van Machtigingen en privacy in een verzameling.
  1. Kies welke machtigingen je wilt gebruiken voor de verzameling:

Stap 2 | Voeg invoerelementen toe aan je website

Ga naar de pagina of het onderdeel in je Editor waar je het aangepaste formulier wilt maken. Voeg vervolgens alle invoerelementen toe die bezoekers zullen gebruiken om hun reacties in te dienen. Houd er rekening mee dat elk invoerelement beperkingen heeft wat betreft de soorten gegevens die het kan verzamelen en de veldtypes waaraan het kan koppelen. 
Welke invoerelementen kunnen worden ingesteld om inhoud te verzamelen?
Je kunt kiezen uit de volgende invoerelementen waarmee je inhoud kunt verzamelen: tekstinvoer, tekstvak, rich text, keuzerondjes, meerdere selectievakjes, enkel selectievakje, dropdown, selectietags, datumkiezer, tijdkiezer, schuifregelaar, uploadknop, beoordelingsinvoer, adresinvoer, schakelaar en handtekeninginvoer.
Wix Editor
Studio Editor
  1. Ga naar je editor.
  2. Ga naar de pagina of het onderdeel waar je een aangepast formulier wilt maken. 
  3. Klik links in de Editor op Elementen toevoegen.
  4. Klik op Invoer.
  5. Klik op het type invoerelement dat je wilt toevoegen.
  6. Klik en sleep het relevante invoerelement naar de pagina. 
Een screenshot van het toevoegen van het dropdownelement in de Editor.
  1. Herhaal stap 3-6 hierboven om zoveel invoerelementen toe te voegen als je formulier nodig heeft. 
Een screenshot van veel invoerelementen die aan een pagina zijn toegevoegd.

Stap 3 | Koppel de invoerelementen aan je verzameling

Koppel elk van je invoerelementen aan een dataset die koppelt aan je 'Inzendingen'-verzameling. Koppel de invoerwaarden vervolgens aan nieuwe verzamelingsvelden die overeenkomen met het type gegevens dat je wilt verzamelen. 

Je kunt de opties die bezoekers selecteren in dropdown- en selectietag-elementen koppelen aan items uit een andere CMS-verzameling. Om dit te doen, koppel je hun lijstopties aan een andere dataset die koppelt aan een veld in een andere verzameling. Deze dataset moet zich in de 'Lezen'- of 'Lezen en schrijven'-modus bevinden. 
Wix Editor
Studio Editor
  1. Voeg in je editor een dataset toe die koppelt aan je 'Inzendingen'-verzameling:
    1. Klik links op CMS 
    2. Klik op + Contentelementen.
    3. Klik op Formulier dataset.
    4. Klik op de Kies een verzameling-dropdown en selecteer de 'Inzendingen'-verzameling. 
    5. Geef de dataset een naam (bijvoorbeeld: 'Inzendingen'). 
    6. Klik op Maken
  2. Klik op een van de invoerelementen die je hebt toegevoegd. 
  3. Klik op het Aan CMS koppelen-pictogram
  4. Klik op de Kies een dataset-dropdown en selecteer je 'Inzendingen'-dataset.
    Tip: Klik eerst op Inhoud verzamelen als je gevraagd wordt om te kiezen tussen 'Inhoud filteren' en 'Inhoud verzamelen'. 
  5. Koppel het invoerelement aan een nieuw verzamelingsveld:
    1. Klik op de Waarde is gekoppeld aan-dropdown en selecteer Nieuw veld toevoegen.
    2. Voer de Veldnaam in voor het nieuwe verzamelingsveld. 
    3. (Alleen coderen) Voer de Veldsleutel in die dit veld identificeert in de code van je website. Dit kan later niet worden gewijzigd. 
    4. Selecteer het Veldtype in de dropdown. Het veldtype bepaalt wat voor soort gegevens je in het veld kunt opslaan
    5. Klik op Toevoegen
Screenshot van het toevoegen van een nieuw verzamelingsveld waar de gegevens worden opgeslagen.
  1. (Als je de lijst met items in bepaalde invoerelementen koppelt) Klik op de Opties weergeven van een verzameling-schakelaar om te kiezen waar je de keuzes van het element wilt beheren:
    • Ingeschakeld: Gebruik een veld uit een andere CMS-verzameling voor de keuzes. Koppel de relevante dataset en kies de velden die je wilt gebruiken uit het Labels en waarden gekoppeld aan-dropdownmenu.
    • Uitgeschakeld: Klik op Keuzes beheren om statische keuzes te maken voor het element, los van het CMS. 
Screenshot van het koppelen van de lijstopties van een dropdown-invoerelement.
  1. Herhaal deze stappen voor elk van de invoerelementen van je gepersonaliseerde CMS-formulier. 
Hoe zit het met de dataset-modi?
  • Als je een 'Formulier-dataset' hebt toegevoegd, is deze al correct ingesteld op de 'Schrijven'-modus. In deze modus kan de dataset nieuwe items aan de verzameling toevoegen op basis van de inzendingen van het invoerelement.
  • Als je de opties hebt gekoppeld die bezoekers selecteren in dropdown- en selectietag-elementen, zorg er dan voor dat die aparte dataset in de 'Lezen'- of 'Lezen en schrijven'-modus staat.
  • Als je je CMS-formulier nodig hebt om bestaande verzamelingsitems bij te werken, stel dan de 'Inzendingen'-dataset in op de 'Lezen en schrijven'-modus. Zorg ervoor dat de verzamelingsmachtigingen mensen met de relevante rollen ook toestaan om inhoud bij te werken. 

Stap 5 | Maak een verzendknop

Je moet een manier creëren voor bezoekers om de reacties op het invoerelement die ze hebben ingevoerd of geselecteerd in te dienen. Maak een Verzend-knop door een gewone knop of afbeelding toe te voegen en deze te koppelen aan de 'Verzenden'-klikactie van de dataset. Wanneer bezoekers op de 'Verzenden'-knop klikken, worden de waarden van alle invoerelementen die gekoppeld zijn aan je 'Inzendingen'-dataset opgeslagen in je verzameling. Afhankelijk van de dataset-modus en je verzamelingsmachtigingen, worden de waarden toegevoegd als nieuwe items of gebruikt om bestaande items bij te werken.
 
Je kunt ook aparte knoppen maken voor de volgende dataset-acties: 
  • Nieuw: Voeg de verzamelingsitems toe of werk deze bij (afhankelijk van de dataset-modus) en reset de invoer om nieuwe waarden te accepteren. 
  • Terugzetten: Reset de waarden in de invoerelementen die nog niet zijn ingediend. 
  • Verwijder: Verwijder geselecteerde items uit je verzameling (alleen in 'Lezen en schrijven'-modus). 
  • Volgende pagina/ Vorige pagina: Als je de items weergeeft die bezoekers bewerken in een galerij of repeater, kun je deze knoppen toevoegen om bezoekers door 'pagina's' met items te laten navigeren. Als je je formulier op een dynamische itempagina hebt gemaakt, gebruik dan de Volgende dynamische pagina / Vorige dynamische pagina-klikactie. 
Wix Editor
Studio Editor
  1. Klik links in de Editor op Elementen toevoegen.
  2. Klik op Knop.
  3. Klik en sleep de knop die je als verzendknop wilt gebruiken naar de pagina. Je kunt elk van de volgende soorten knoppen gebruiken: Themaknoppen, Tekst- en pictogramknoppen, Pictogramknoppen, of Afbeeldingsknoppen.
    Tip: Je kunt ook een afbeelding toevoegen en deze gebruiken als verzendknop. 
Een screenshot van het toevoegen van een knop om te gebruiken als verzendknop.
  1. Klik op Tekst en pictogram wijzigen en voer de tekst in die je op de knop wilt weergeven (bijvoorbeeld: 'Indienen'). 
  2. Klik op het Aan CMS koppelen-pictogram.
  3. Klik op de Verbind een dataset-dropdown en selecteer de dataset die gekoppeld is aan je inzendingsverzameling. 
  4. Klik op de Klikken is gekoppeld aan-dropdown en selecteer Verzenden
  5. (Optioneel) Voeg succes- en foutberichten toe die verschijnen wanneer inzendingen succesvol of niet succesvol zijn ingediend:
    1. Klik op + Succesbericht toevoegen en vervolgens op + Foutmelding toevoegen.
    2. Klik en sleep beide berichten naar de plaats waar je ze wilt laten verschijnen. Ze kunnen elkaar overlappen omdat de berichten niet tegelijkertijd worden weergegeven.
    3. Klik op elk bericht op Tekst bewerken om de berichten te bewerken.
  6. Selecteer de knop en klik op het Aan CMS koppelen-pictogram. Klik vervolgens op de Bij succes, navigeren naar-dropdown en selecteer een optie:
    • Blijf op deze pagina: De bezoeker blijft op dezelfde pagina na het indienen van het formulier.
    • Een link: De bezoeker wordt doorgestuurd naar een andere pagina na het indienen van het formulier. Klik op Kiezen onder Kies een link en stel de link in.
Screenshot van het instellen van een 'Verzenden'-knop.
  1. Klik op de knop en selecteer het Ontwerp-pictogram om het uiterlijk van je verzendknop aan te passen

Stap 5 | Pas de invoerelementen aan

Je kunt elk van je invoerelementen aanpassen om een samenhangend formulier te maken dat past bij het uiterlijk van je website. 
Wix Editor
Studio Editor
  1. Klik in je Editor op een van de invoerelementen die je wilt aanpassen. 
  2. Klik op Instellingen om de veldtitel in te voeren, het veld naar wens in te stellen of verschillende instellingen aan te passen, afhankelijk van het invoertype. 
Screenshot van het aanpassen van een dropdown-invoerelement.
  1. Klik op het Indeling-pictogramom de tekstuitlijning en andere indelingsopties aan te passen.
  2. Klik op het Ontwerp-pictogramom een vooraf ingesteld ontwerp te kiezen en selecteer vervolgens Ontwerp aanpassen om het uiterlijk van het element verder aan te passen. 
  3. Herhaal deze stappen voor elk invoerelement dat je wilt aanpassen.
Klaar om live te gaan?
Klik rechtsboven in de Editor op Voorbeeld om je nieuwe aangepaste formulier te testen. Wanneer alles er goed uitziet en perfect werkt, klik je op Publiceren om de wijzigingen live te laten gaan. 

Als je Sandbox hebt ingeschakeld, synchroniseer je de Sandbox-verzameling met de live verzameling om de databasewijzigingen live te laten gaan. 

Veelgestelde vragen

Klik op een vraag hieronder voor antwoorden op de meest voorkomende vragen over het maken van aangepaste formulieren met behulp van invoerelementen.