Formulieren maken met gratis Ninja forms WordPress Plugin

Ninja Forms is een goede gratis contactformulier plugin voor WordPress, gebouwd en onderhouden door WP Ninjas. Lees in deze handleiding hoe je een formulier kunt maken in WordPress.

De Ninja forms formulieren WordPress plugin onderscheidt zich van de concurrentie door de losse verkoop van zogenaamde addons. Dat betekent dat als je alleen één of twee addons wilt gebruiken, die je nodig hebt voor meer geavanceerde instellingen en functies.

Je hoeft geen dure bundel aan te schaffen. In plaats daarvan kun je de benodigde addons los aanschaffen. Voor de meeste WordPress websites kun je volstaan met de gratis versie.

De gratis versie van de plugin kan worden gedownload van de WordPress.org-repository. De plugin is al door meer dan 1 miljoen websites over de hele wereld geïnstalleerd.
Gratis WordPress plugin Ninja Forms
Betaalde WordPress plugin Ninja Forms

Formulieren maken andere WordPress Plugins

Ninja Forms heeft zich anno 2020 wat verder ontwikkeld dan de meest gebruikte contactformulieren WordPress plugin ‘Contact Form 7’.
Contactformulieren WordPress plugin Contact Form 7
De allerbeste formulierenpluign is Gravity Forms. Gravity Forms wordt door vrijwel alle grote websites gebruikt. Nadeel is de prijs. Jaarlijks blijf je betalen voor updates. Werkt wel altijd perfect en is goed uit te breiden.
Meer over Gravity Forms
Meer weten over formulieren maken in WordPress:
Handleidingen formulieren maken in WordPress

---

Handleiding Ninja forms formulieren maken in WordPress

Ninja Forms WordPress plugin van Saturday Drive installeren

Eerst moet je de Ninja Forms plugin installeren.

• Klik op nieuwe plugin.
• Zoek op "Ninja Forms"
• Waarschijnlijk staat de plugin al bovenaan. Check of die van Saturday Drive is en of het is bijgewerkt naar WordPress 6.3 (vanaf augustus 2023).
• Installeer en activeer de Ninja Forms plugin. Klaar!

Lees eventueel de handleiding gratis WordPress plugins installeren.

Formulier in WordPress bouwen van Scratch

Klik in uw WordPress-dashboard op “Add New” onder het menu “Ninja Forms”.
U kunt ook klikken op “Nieuw formulier toevoegen” op uw “Alle formulieren” pagina.

Om uw eigen velden toe te voegen, kiest u het sjabloon “Blanco formulier” en gebruikt u de blauwe knop “Veld toevoegen” in de rechter benedenhoek om de veldenuitklapper te openen.

---

Formulier velden toevoegen

Klik op het plus-teken. Wanneer u een nieuw formulier aanmaakt, krijgt u verschillende sjabloonopties voorgeschoteld. Klik op een van deze opties om de velden (en de styling!) automatisch toe te passen op uw formulier.

---

Klik of sleep de velden naar de formulierenbouwer.

---

Wanneer u klaar bent met het toevoegen van velden, klikt u op ‘Klaar’ of ‘Done’.

---

Formulier veldinstellingen bewerken

Om het veldlabel te wijzigen, een label te plaatsen, een veld te forceren en meer, klikt u op het veld om de instellingenlade te openen. U kunt ook op het blauwe tandwielpictogram klikken om de veldinstellingenlade te openen. Deze lade is voor elk veldtype verschillend. Voor een gedetailleerde onderverdeling van de veldtypes, zie de documentatie hier.

---

Velden dupliceren of verwijderen in Ninja Forms

Beweeg met de muis over het blauwe tandwielpictogram in elk veld om het duplicaat uit te breiden en de pictogrammen te verwijderen.

---

Voorbeeld van het Ninja Forms formulier

Preview van eventuele veranderingen zonder dat dit gevolgen heeft voor de gebruikers aan de voorkant van uw website met de preview-knop hier:

---

Publiceer het Ninja Forms formulier

Zodra u klaar bent om uw formulierwijzigingen live naar de voorkant van uw site te duwen, klikt u op “Publiceren”.

---

Het formulier toevoegen aan uw Pagina of Post in Gutenberg

Alleen voor WordPress-versies 5.0 en hoger. Met de introductie van Gutenberg heeft u nu de mogelijkheid om een formulier toe te voegen aan uw Pagina of Post met behulp van een Ninja Forms Blok.

Klik tijdens het bewerken van de pagina of het bericht op de knop “Ninja-formulieren toevoegen” op een leeg blok.

---

Selecteer je formulier dat je net maakte

---

Ninja Forms meldingen aanpassen

Je kan voor je Ninja Forms de standaardmeldingen aanpassen. Bijvoorbeeld foutmeldingen als een email niet klopt of de tekst veranderen voor een verplicht veld.
De tekst van een verplicht veld veranderen doe je zo:

• Open je formulier
• Ga naar tabje verbetering
• Dan naar tabje/button Toon instellingen
• Aan de rechterkant zie de namen met de standaardteksten van het formulier. In het veld kun je je eigen teksten plaatsen.
  Zie vijvoorbeeld deze afbeelding rechtsonderin:

Ninja Forms Video handleiding

---

Ninja Forms aanpassen met CSS

Dit is voor gevorderden met enige kennis van CSS. Je kan de look and feel en het ontwerp van de velden aanpassen. Plaats dit dan in de Custom CSS van je thema.
Handleiding WordPress website typografie opmaakstijlen en css maken

/*===================
  NINJA FORM VELD
   ===================*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 3.65em;
    margin-bottom: 9px;
    border: 1px solid #ddd;
    padding: 0.5em 1.65em;
    font-size: 16px;
    line-height: normal;
    color: #555;
    background-color: #fff;
}

---

Cursus formulieren maken met Ninja Forms

Tijdens een basiscursus leg ik uit hoe je formulieren kan maken met Ninja Forms of een nog uitgebreidere plugin. Bekijk de WordPress basistrainingen:

Anti-spam methodes voor Ninja forms