Hoe maak je een WordPress AJAX-formulier - DeLaatbusiness
prijsstrategie bepalen

Hoe maak je een WordPress AJAX-formulier

4 min


97
6 gratis internet marketing ebooks, klik hier voor download

Wil je een AJAX-contactformulier bouwen in WordPress?

Met AJAX-contactformulieren kunnen gebruikers het formulier verzenden zonder een pagina opnieuw te laden. Hierdoor kunt u de gebruikersbetrokkenheid vergroten en uw gebruikers een betere ervaring bieden voor het indienen van formulieren.

Dit is handig wanneer u een e-commerce website beheert en gebruikersfeedback wilt verzamelen zonder de aandacht van de gebruiker af te leiden.

U kunt dezelfde AJAX-functionaliteit ook gebruiken voor andere aangepaste formulieren op uw website. Met een aangepast gebruikersaanmeldingsformulier kunnen gebruikers bijvoorbeeld inloggen zonder dat een extra pagina wordt geladen.

In dit artikel laten we u zien hoe u eenvoudig een WordPress AJAX-contactformulier kunt bouwen met stapsgewijze instructies.

Een Ajax-contactformulier maken in WordPress

Wat is Ajax en waarom gebruikt u het voor uw formulieren?

Ajax , een afkorting van Asynchronous Javascript en XML, is een JavaScript-programmeertechniek waarmee ontwikkelaars gegevens kunnen overdragen zonder een pagina opnieuw te laden.

Het wordt het meest gebruikt in webformulieren waardoor gebruikers formuliergegevens kunnen verzenden zonder een pagina opnieuw te laden. Dit maakt het indienen van formulieren gemakkelijk en snel, wat de algehele gebruikerservaring verbetert.

Webtoepassingen zoals Gmail en Facebook gebruiken deze techniek uitgebreid om gebruikers betrokken te houden terwijl alles naadloos op de achtergrond werkt.

U kunt Ajax ook gebruiken voor uw WordPress-formulieren. Het bespaart gebruikers onnodig opnieuw laden van pagina’s en houdt ze bezig met de pagina die ze momenteel bekijken.

Dat gezegd hebbende, laten we eens kijken hoe u eenvoudig een WordPress Ajax-contactformulier kunt maken in 4 eenvoudige stappen.

1. Installeer de WPForms-plug-in

Het eerste dat u hoeft te doen, is de WPForms- plug-in installeren en activeren . 

WPForms is de beste plug-in voor het maken van WordPress-formulieren op de markt. Hiermee kunt u ook eenvoudig door Ajax aangedreven formulieren maken.

Na activering moet u de pagina WPForms »Instellingen bezoeken om uw licentiesleutel in te voeren.

WPForms-licentiesleutel

Nadat u de licentiesleutel heeft ingevoerd, kunt u automatische updates ontvangen en add-ons installeren.

Je bent nu helemaal klaar om prachtige ajax-formulieren te maken in WordPress.

2. Maak uw eerste formulier

Laten we doorgaan en uw eerste formulier maken.

Ga gewoon naar WPForms »Nieuwe pagina toevoegen in het WordPress- beheergebied . U wordt gevraagd om een ​​titel voor uw formulier op te geven en een sjabloon als uitgangspunt te selecteren.

Kies formuliersjabloon

Ten behoeve van deze tutorial zullen we een contactformulier maken . U kunt echter elk ander type formulier maken dat u nodig heeft.

WPForms laadt nu uw formulier met reeds toegevoegde basisvelden. U kunt gewoon op een formulierveld klikken en erop klikken om het te bewerken.

Formuliervelden bewerken in WPForms

U kunt ook een nieuw formulierveld uit de linkerkolom toevoegen door erop te klikken. Het nieuwe veld verschijnt onderaan uw formulier, net boven de verzendknop.

Klik om een ​​nieuw formulierveld toe te voegen

U kunt formuliervelden eenvoudig slepen en neerzetten om ze omhoog en omlaag in het formulier te verplaatsen.

Als u klaar bent met het bewerken van het formulier, kunt u doorgaan naar de volgende stap.

3. Schakel de Ajax-functie voor het indienen van formulieren in

WPForms schakelt het indienen van Ajax-formulieren niet standaard in. U moet het handmatig inschakelen voor uw formulier.

Schakel eenvoudigweg naar het tabblad Instellingen in de formulierbouwer en vink het vakje naast de optie ‘AJAX-formulierverzending inschakelen’ aan.

Schakel de Ajax-formulierfunctionaliteit in

Als u het vakje aanvinkt, wordt de Ajax-functionaliteit voor dit formulier ingeschakeld.

Laten we nu eens kijken wat er gebeurt na het indienen van het formulier.

Ga eerst naar het tabblad ‘Bevestiging’ onder instellingen. Hier informeert u uw gebruikers dat u hun formulierinzending heeft ontvangen.

Bevestigingsinstellingen

Met WPForms kunt u dat op verschillende manieren doen. U kunt gebruikers bijvoorbeeld omleiden naar een URL, ze een specifieke pagina laten zien of gewoon een bericht op het scherm weergeven.

Aangezien we de Ajax-functionaliteit voor het formulier hebben ingeschakeld, zal het omleiden van gebruikers naar een andere pagina het doel van het maken van een Ajax-formulier tenietdoen.

U moet de berichtoptie selecteren en het bevestigingsbericht bewerken. Gebruik gerust de opmaakwerkbalk in de editor of voeg een paar links toe om gebruikers te vertellen waar ze heen moeten.

Daarna kunt u instellen hoe u op de hoogte wilt worden gehouden van het indienen van een formulier.

Schakel over naar het tabblad Meldingen in de formulierinstellingen en configureer de e-mailinstellingen voor meldingen.

E-mailinstellingen voor formuliermeldingen

Als u klaar bent, kunt u uw formulier opslaan en de formulierbouwer afsluiten.

4. Voeg uw Ajax-geactiveerde formulier toe aan WordPress

WPForms maakt het supereenvoudig om formulieren toe te voegen aan uw WordPress-berichten, pagina’s en zijbalkwidgets.

Bewerk eenvoudig het bericht of de pagina waaraan u het formulier wilt toevoegen en voeg het WPForms-blok in uw inhoudsgebied in.

Voeg WPForms-blok toe aan WordPress-bericht of -pagina

Daarna moet u het formulier selecteren dat u zojuist hebt gemaakt in de instellingen van het blok. WPForms laadt onmiddellijk een live voorbeeld van het formulier in de inhoudseditor.

Selecteer uw formulier

U kunt nu uw inhoud opslaan of publiceren en vervolgens uw website bezoeken om de ajax-functionaliteit van het formulier te testen.

Ajax contactformulier preview

U kunt uw formulier ook toevoegen aan een zijbalkwidget in WordPress. Ga hiervoor naar de pagina Uiterlijk »Widgets en voeg de WPForms-widget toe aan een zijbalk.

Voeg uw ajax-formulier toe aan een zijbalkwidget

Selecteer het formulier dat u eerder hebt gemaakt en klik op de knop Opslaan om de widgetinstellingen op te slaan. U kunt nu uw website bezoeken om uw door Ajax aangedreven formulier in actie te zien.

We hopen dat dit artikel je heeft geholpen om te leren hoe je een WordPress Ajax-contactformulier voor je website kunt maken.


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format