Hoe maak je een online bestelformulier in WordPress

9 min


108

In dit bericht laten we u zien hoe u een online bestelformulier in WordPress maakt. Hiermee kunt u eenvoudig klantbestellingen verzamelen zonder volwaardige e-commercesoftware aan uw website toe te voegen.

Een online bestelformulier maken in WordPress

Als je liever schriftelijke instructies hebt, blijf dan gewoon lezen.

Een online bestelformulier maken in WordPress

Misschien heeft u onlangs besloten om een website voor uw bedrijf te starten en voelt u zich een beetje overweldigd.

Veel bedrijven starten een online winkel om niet alleen bestellingen te verzamelen, maar ook om betalingen te accepteren en voorraad te beheren. Niet alle bedrijven hebben echter een complete e-commerce-website nodig .

Als u alleen wilt dat klanten een online bestelformulier kunnen invullen, dan kunt u dat heel gemakkelijk maken zonder een winkelwagenoplossing.

Een eenvoudig online bestelformulier geeft u de mogelijkheid om betalingen online, bij het afhalen van de bestelling of bij aflevering te accepteren.

In deze tutorial zullen we WPForms gebruiken om een ​​online bestelformulier te maken, omdat je dat gemakkelijk kunt doen met hun drag & drop-interface.

WPForms is de beste plug-in voor het maken van WordPress-formulieren op de markt. Meer dan 3 miljoen websites gebruiken WPForms om eenvoudig elk soort online formulier te maken en toe te voegen aan hun website (geen codeervaardigheden vereist).

Eerst moet u de WPForms- plug- in installeren en activeren . Hulp nodig bij het installeren van de plug-in? 

Plug-ins zijn als apps voor uw WordPress-website. 

Nadat je de WPForms-plug-in hebt geactiveerd, zie je een nieuw WPForms-tabblad in de admin-zijbalk van je WordPress-dashboard.

U moet de pagina WPForms »Instellingen bezoeken om uw licentiesleutel in te voeren. U vindt deze informatie onder uw account op de website van WPForms.

Voer uw licentiesleutel voor WPForms in

Nu bent u klaar om uw online bestelformulier te maken.

Ga gewoon naar WPForms »Nieuwe pagina toevoegen om uw eerste formulier te maken.

Een nieuw formulier maken met WPForms

Nu ziet u het scherm voor het maken van formulieren. Typ een naam voor uw formulier en kies een sjabloon. We raden het sjabloon ‘Facturering / bestelformulier’ aan.

Selecteer het sjabloon 'Facturering / bestelformulier' om aan de slag te gaan

Beweeg uw cursor gewoon over de sjabloonbeschrijving en klik op de knop ‘Een factuur- / bestelformulier maken’.

Klik op de knop 'Factuur- / bestelformulier maken' om uw formulier te maken

Uw formulier wordt automatisch voor u gemaakt en u wordt rechtstreeks naar de WPForms-formuliereditor geleid.

Uw nieuw aangemaakte online bestelformulier

U kunt nu uw online bestelformulier bewerken zoals u dat wilt. De verschillende onderdelen van het formulier worden “velden” genoemd. U kunt velden op uw formulier met een enkele klik wijzigen, toevoegen of verwijderen.

De standaardsjabloon bevat al velden voor de meeste informatie die u waarschijnlijk nodig heeft, zoals naam, adres en telefoonnummer. U moet echter uw daadwerkelijke producten vermelden.

Klik op het veld ‘Beschikbare items’ om het te bewerken.

Bewerken van het veld 'Beschikbare artikelen' van uw online bestelformulier

Typ de naam en prijs van elk van de artikelen die klanten bij u kunnen bestellen. De prijs wordt niet automatisch weergegeven op het formulier, dus u kunt dit toevoegen aan de artikelnaam.

Bewerk het veld 'Beschikbare items' om de namen van de items te wijzigen

Om meer opties toe te voegen, klikt u eenvoudig op het (+) pictogram waar u de extra items wilt toevoegen.

Meer items toevoegen aan uw online bestelformulier

Opmerking: u kunt zoveel items toevoegen als u wilt. Klanten kunnen echter slechts één optie in dit veld selecteren.

Als u verschillende categorieën opties heeft, wilt u wellicht het veld kopiëren om groepen te maken.

U kunt het veld ‘Beschikbare items’ kopiëren door op het pictogram ‘Kopiëren’ te klikken dat verschijnt wanneer u er met uw cursor overheen beweegt of wanneer het is geselecteerd.

Kopieer het veld 'Beschikbare artikelen' om een ​​nieuw veld op uw bestelformulier te maken

Zorg ervoor dat u het ‘Label’ van de velden ook wijzigt in iets dat geschikt is voor elke groep.

Als u wilt dat klanten twee of meer opties binnen één veld kunnen selecteren, moet u een ander type veld gebruiken.

Klik op het tabblad ‘Velden toevoegen’ en scrol omlaag naar ‘Betalingsvelden’ waar u een veld ‘Checkbox-items’ vindt. Sleep dit naar de positie op uw formulier.

Een selectievakje toevoegen zodat klanten meerdere items tegelijk kunnen selecteren

U kunt dat veld nu zoals voorheen bewerken door namen en prijzen voor uw artikelen in te voeren. Klanten kunnen zoveel artikelen aanvinken als ze willen bestellen.

Als u afbeeldingen van uw producten wilt laten zien, is dat ook heel gemakkelijk. Klik eenvoudig op het vak ‘Gebruik afbeeldingskeuzes’:

Afbeeldingen van uw producten toevoegen aan uw online bestelformulier

Klik voor elk item op de knop ‘Afbeelding uploaden’ om afbeeldingen toe te voegen vanaf uw computer of vanuit uw WordPress Media Library .

Een afbeelding uploaden voor een product dat u aanbiedt

Uw afbeeldingen worden niet verkleind of gecomprimeerd door WPForms, dus het is belangrijk om ze op de juiste grootte te uploaden. Ze moeten allemaal even groot zijn en niet meer dan 250 × 250 pixels.

Idealiter zou u ook uw afbeeldingen voor internet moeten optimaliseren .

Ten slotte wilt u misschien het veld ‘Opmerking of bericht’ onder aan het formulier bewerken, zodat dit niet verplicht is. Niet alle gebruikers zullen een bericht willen toevoegen.

Klik gewoon op het veld en vink vervolgens het vakje ‘Verplicht’ aan de rechterkant uit om dit veld optioneel te maken.

Maak het veld 'Opmerking / bericht' optioneel in plaats van verplicht

U kunt dit proces volgen voor elk veld dat u optioneel wilt zijn. U kunt zien welke velden vereist zijn, omdat er een rode asterisk naast het label van het veld staat.

Als u eenmaal tevreden bent met het ontwerp van uw formulier, kunt u doorgaan met het configureren van de instellingen. Het is een goed idee om het formulier eerst op te slaan door op de knop ‘Opslaan’ bovenaan het scherm te klikken:

De knop 'Opslaan' van WPForms verschijnt rechtsboven in uw scherm

Configureren van de meldingen die uw bestelformulier zal verzenden

Klik eerst op het tabblad ‘Instellingen’ aan de linkerkant van uw scherm. Dit opent de instellingen van uw formulier.

Het tabblad 'Instellingen' in WPForms

Klik vervolgens op het tabblad ‘Meldingen’ om de e-mailmeldingen van uw formulier te wijzigen. Standaard worden ingevulde bestelformulieren per e-mail naar het admin-adres van uw WordPress-site gestuurd.

Wellicht wilt u dit wijzigen of de bestelformulieren naar meer dan één adres laten kopiëren. U kunt eenvoudig het e-mailadres of de adressen typen in het vak ‘Verzenden naar e-mailadres’. Als u meer dan één e-mailadres invoert, scheidt u ze met een komma.

Voer de e-mailadressen in waarnaar u het formulier wilt verzenden, gescheiden door komma's

Misschien wilt u ook de onderwerpregel wijzigen, zodat deze niet voor elke bestelling hetzelfde is. Dit kan het gemakkelijker maken om bestellingen bij te houden in een drukke e-mailinbox.

Hier hebben we de onderwerpregel van de e-mails gewijzigd in “Bestelling van klant van” en vervolgens de naam van de klant. We hebben ‘Slimme tags weergeven’ gebruikt om het naamveld in de onderwerpregel in te voegen.

Verander de onderwerpregel in de notificatie-e-mail om de naam van de klant toe te voegen

U kunt ook andere gewenste details wijzigen.

We raden ook ten zeerste aan om een ​​e-mailmelding voor uw klanten in te stellen. Dit geeft ze een herinnering aan wat ze hebben besteld en laat ze weten dat je de bestelling hebt ontvangen.

Om een ​​nieuwe e-mailmelding in te stellen, klikt u op de knop ‘Nieuwe melding toevoegen’.

Klik op de knop 'Nieuwe melding toevoegen' om een ​​nieuwe melding te maken

U wordt gevraagd een naam in te voeren voor de nieuwe melding. U kunt het noemen zoals u wilt, omdat klanten deze naam niet zien. We raden zoiets aan als ‘Klantontvangst’ of ‘E-mailbevestiging van klant’.

Voer een naam in voor de melding die naar de klant wordt gestuurd

U wilt dat het ‘Verzenden naar e-mailadres’ het e-mailaccount van uw klant is. Verwijderen {admin_email}uit dit vak. Klik op ‘Slimme tags weergeven’ en selecteer het veld ‘E-mail’.

De klantbon instellen zodat deze naar de klant wordt gemaild

U wilt ook andere details voor de e-mail invoeren. We raden u aan een onderwerpregel te gebruiken zoals “Uw bestelling met” en de naam van uw bedrijf.

Het invoeren van de 'Van'-naam en het e-mailadres voor de ontvangst van de klant

In het veld ‘Bericht’ wilt u waarschijnlijk een bericht aan uw klant toevoegen. De {all_fields}tag geeft alle informatie weer die de klant op het formulier heeft ingevoerd.

Het e-mailadres bewerken dat uw klant zal ontvangen

Wat als u slechts een deel van de klantinformatie in de e-mail wilt opnemen? Of wat als u hun bestelgegevens eerst wilt plaatsen en hun bezorggegevens aan het einde van de e-mail wilt opnemen? U kunt eenvoudig slimme tags gebruiken om formuliervelden aan uw formulier toe te voegen.

Als u klaar bent met het instellen van de meldingen, klikt u op de knop ‘Opslaan’ boven aan het scherm.

Tip: Om terug te gaan naar de eerste melding die u aan het bewerken was, scrolt u gewoon omlaag op het scherm.

Het bevestigingsbericht voor uw klanten instellen

Naast het sturen van een e-mail naar uw klanten, wilt u ze ook een bevestiging op het scherm laten zien, zodat ze weten dat hun bestelling is verzonden.

U kunt dit doen onder Instellingen » tabblad Bevestiging .

De standaardbevestiging luidt “Bedankt dat u contact met ons heeft opgenomen! We nemen binnenkort contact met u op. “

Het standaard bevestigingsbericht van uw online bestelformulier

U kunt dit wijzigen in wat u maar wilt, en u kunt de visuele editor hier ook gebruiken om uw tekst op te maken.

Het bevestigingsbericht aanpassen dat uw klant op zijn scherm ziet

Als alternatief kunt u klanten doorverwijzen naar een bedankpagina op uw website, of zelfs naar een andere website.

Nadat u het bevestigingsbericht heeft ingesteld, klikt u op ‘Opslaan’ bovenaan het scherm.

Betaling integreren met uw bestelformulier (optioneel)

Als u de betaling via uw bestelformulier wilt accepteren, moet u deze integreren met een betalingsverwerker.

WPForms kan heel gemakkelijk worden geïntegreerd met twee populaire betalingsprocessors, PayPal en Stripe. Klanten kunnen betalen via hun PayPal-rekening of door hun creditcardgegevens in te voeren.

We gaan PayPal gebruiken in deze tutorial, maar het proces voor Stripe is vergelijkbaar.

Eerst moet u de formulierbouwer afsluiten. Dit doe je door rechtsboven op de ‘X’ te klikken. U wordt gevraagd uw formulier op te slaan als u niet-opgeslagen wijzigingen heeft.

Ga vervolgens naar de pagina WPForms »Addons in uw WordPress-dashboard. Scrol omlaag naar de ‘PayPal Standard Add-on’ en klik op de knop ‘Add-on installeren’ eronder.

De PayPal-add-on voor WPForms installeren

De add-on wordt dan automatisch geïnstalleerd en geactiveerd.

Ga terug naar uw formulier, dat u kunt vinden onder WPForms »All Forms . Klik nu op het tabblad ‘Betalingen’.

Selecteer de betalingsdienst (en) die u met uw formulier wilt integreren

Klik op ‘PayPal-standaard’ en vul de gegevens van het formulier in. Eerst moet u het vakje ‘PayPal-standaardbetalingen inschakelen’ aanvinken en het PayPal-e-mailadres van uw bedrijf invoeren.

Laat de vervolgkeuzelijst ‘Modus’ op ‘Productie’ staan ​​en laat ‘Betalingstype’ op ‘Producten en diensten’ staan.

De PayPal-betalingsinstellingenpagina voor uw formulier

Als u het afleveradres ophaalt via het bestelformulier, kunt u ‘Verzenden’ wijzigen in ‘Geen adres vragen’.

U hoeft geen ‘URL voor annuleren’ in te voeren, maar u wilt misschien een pagina op uw website maken waar klanten naartoe kunnen worden gestuurd als ze het afrekenproces niet voltooien.

Klik op de knop ‘Opslaan’ als u klaar bent.

Wanneer de gebruiker het formulier nu indient, wordt hij automatisch doorgestuurd naar PayPal om te betalen. U hoeft geen extra velden aan uw formulier toe te voegen of iets anders te doen.

Het bestelformulier aan uw website toevoegen

De laatste stap is om uw bestelformulier toe te voegen aan uw website.

Kies eenvoudig de pagina waaraan u uw formulier wilt toevoegen of maak een nieuwe pagina onder Pagina’s »Nieuw toevoegen .

Klik vervolgens op het pictogram (+) om een ​​nieuw blok toe te voegen (waar u uw formulier ook wilt) en zoek het blok ‘WPForms’. Het bevindt zich onder het gedeelte ‘Widgets’ van blokken, of u kunt eenvoudig ‘WPForms’ in de zoekbalk typen om het te vinden.

Uw online bestelformulier toevoegen aan een pagina op uw website

Je ziet een WPForms-blok. Klik op de vervolgkeuzelijst ‘Selecteer een formulier’ en kies uw formulier.

Selecteer uw online bestelformulier in de vervolgkeuzelijst WPForms

Je ziet dan een voorbeeld van het formulier zelf in de WordPress-editor.

Als u klaar bent, kunt u uw pagina opslaan en publiceren (of bijwerken). U kunt het live op uw site bekijken om uw formulier in actie te zien. Voordat u het met klanten deelt, raden we u aan het formulier uit te proberen om er zeker van te zijn dat het werkt zoals u had verwacht.

Het is ook een goed idee om te controleren of u de e-mailmelding ontvangt wanneer het formulier is verzonden.

Zelfs als u een e-mail mist of deze per ongeluk verwijdert, slaat WPForms formuliergegevens op in de WordPress-database . U kunt al uw bestellingen vinden door naar WPForm »Entries in uw WordPress-dashboard te gaan.

Klik op de naam van uw formulier en u ziet een lijst met vermeldingen. U kunt naast elk van deze op ‘Weergeven’ klikken om de details te zien.

Bekijk ingevulde bestelformulieren in uw WordPress-dashboard

Dat is het! We hopen dat dit artikel je heeft geholpen bij het leren maken van een online bestelformulier in WordPress. 


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