Hoe u een verzendcalculator aan uw website toevoegt

Rifat WordPress-zelfstudies Dec 4, 2023

Wilt u de functionaliteit van uw WordPress-website verbeteren en uw klanten een naadloze winkelervaring bieden? Zoek niet verder! In deze uitgebreide handleiding laten we u zien hoe u 'een verzendcalculator aan uw WordPress-site kunt toevoegen'. Verzendkosten kunnen voor online shoppers vaak een beslissende factor zijn, en door een verzendcalculator in uw website te integreren, kunt u onzekerheid wegnemen en het vertrouwen van de gebruiker vergroten.

Of u nu een e-commerce winkel, een blog met affiliatielinks of een andere WordPress-site heeft waarvoor transparantie over de verzendkosten vereist is, deze stapsgewijze zelfstudie begeleidt u door het proces. Zeg vaarwel tegen verlaten winkelwagentjes en hallo tegen tevreden klanten die precies weten wat ze moeten betalen voor verzending. Laten we erin duiken en uw WordPress-site nog gebruiksvriendelijker en conversiegedreven maken.

Wat is een verzendcalculator

Een verzendcalculator is een hulpmiddel of functie die op websites, met name op e-commerceplatforms, wordt gebruikt om de verzendkosten voor een product of bestelling te berekenen. Het biedt gebruikers een schatting van hoeveel ze moeten betalen voor verzending op basis van verschillende factoren, zoals de bestemming, het gewicht en de afmetingen van de artikelen en de gekozen verzendmethode.

Het primaire doel van een verzendcalculator is om klanten transparantie en gemak te bieden tijdens het online winkelproces. Het helpt hen weloverwogen beslissingen te nemen over hun aankopen door de verzendkosten weer te geven voordat ze het afrekenproces voltooien. Deze transparantie kan het aantal verlaten winkelwagentjes terugdringen en de klanttevredenheid verhogen.

Maak geweldige websites

Met de beste gratis paginabuilder Elementor

Begin nu

In wezen vereenvoudigt een verzendcalculator de winkelervaring door de onzekerheid over de verzendkosten weg te nemen, waardoor het voor klanten gemakkelijker wordt om te beslissen of ze door willen gaan met hun aankoop. Het is een waardevol hulpmiddel voor zowel online bedrijven als hun klanten.

Hoe u een verzendcalculator aan de WordPress-site toevoegt

Gebruik Formidable Forms om een ​​algemene verzendcalculator aan uw WordPress-website toe te voegen als u geen WooCommerce-winkel heeft.

Het is een populaire WordPress-plug-in voor contactformulieren waarmee u geavanceerde en ingewikkelde formulieren kunt maken. U kunt de plug-in bijvoorbeeld gebruiken om een ​​contactformulier, rekenmachines, enquêtes, mappen en webapplicaties toe te voegen.

We gebruiken voor deze les het Formidable Forms Pro-pakket omdat het meer aanpassingsmogelijkheden en prijsvelden biedt.

De plug-ins Formidable Forms Lite en Formidable Forms Pro moeten eerst worden geïnstalleerd en geactiveerd. De premium plug-in verbetert de functionaliteit van de gratis Lite-plug-in door meer geavanceerde mogelijkheden toe te voegen.

Na activering moet je Formidable »Algemene instellingen openen via het WordPress-dashboard. U kunt vanaf hier op de link 'Klik om een ​​licentiesleutel handmatig in te voeren' klikken.

Vervolgens moet de licentiesleutel worden ingevoerd, gevolgd door een klik op de knop "Licentie opslaan".

De licentiesleutel bevindt zich in het gebied van uw Formidable Forms-account.

De volgende stap is het toevoegen van een nieuw formulier door naar Formidable »Formulieren te gaan.
De knop '+ Nieuw toevoegen' bevindt zich bovenaan.

Vervolgens toont Formidable Forms een verscheidenheid aan sjablonen waaruit u kunt kiezen. Er zijn verschillende categorieën waaruit u kunt kiezen, waaronder bedrijfsprocessen, rekenmachines, gespreksvormen en meer.

Er is geen vooraf gebouwde sjabloon voor de verzendcalculator beschikbaar in Formidable Forms. Om er een te maken, kunt u een blanco formuliersjabloon gebruiken.

Kies nu het sjabloon 'Leeg formulier'.

Op het volgende scherm moet u uw formulier een naam geven.

De mogelijkheid om de sjabloon in een applicatie in te voegen is ook beschikbaar. Voor deze les kunt u echter de standaardconfiguratie gebruiken.

Klik op de knop 'Aanmaken' nadat u de naam van het formulier heeft ingevoerd.

Daarna verschijnt de formulierbouwer met slepen en neerzetten.

Elk formulierveld uit het menu aan de linkerkant kan eenvoudig aan de sjabloon worden toegevoegd door het daarheen te slepen en neer te zetten.

U kunt bijvoorbeeld formuliervelden in de sjabloon opnemen, zoals naam, e-mailadres, telefoonnummer en meer.

U kunt een formulierveld 'Product' toevoegen in het gedeelte Prijsvelden aan de linkerkant om een ​​verzendberekening te maken.

Vervolgens kan het productformulierveld gekozen en verder aangepast worden.

Zo hebben we bijvoorbeeld het producttype en de veldlabels aangepast. Je kunt producten weergeven met behulp van Formidable Forms als selectievakjes, vervolgkeuzemenu's, keuzerondjes, afzonderlijke producten of door de gebruiker gedefinieerde opties.

Bovendien kunt u onder het kopje "Productopties" in het menu aan de linkerkant uw producten en hun prijzen toevoegen.

De volgende stap is het invoeren van uw verzendgebieden en kosten nadat u uw producten heeft geplaatst. Om dat te bereiken kunt u nogmaals een Productformulierveld toevoegen in het gebied Prijsvelden van het menu aan de linkerkant.

Vervolgens moeten het label en het producttype worden gewijzigd en moeten de bezorgkosten voor elke regio afzonderlijk worden ingevoerd.

We hebben het label in de bovenstaande schermafbeelding gewijzigd in Verzendregio's en de Producttypen in Selectievakjes. Van daaruit hebben we het gedeelte Productopties uitgebreid met extra verzendzones en de bijbehorende kosten.

Nadat u klaar bent, moet u een totaal voor uw verzendcalculator weergeven. Voeg eenvoudigweg het veld Totaalformulier uit de sectie Prijsvelden toe aan de sjabloon om dit te bereiken.

Het veld Totaalformulier kan vervolgens worden gekozen en het label, de beschrijving en andere opties ervan kunnen worden gewijzigd.

Met Formidable Forms kunt u de formuliervelden ook voorzien van voorwaardelijke logica, zodat ze worden weergegeven op basis van gebruikersinvoer.

Het tabblad 'Stijl' is dan vanaf de bovenkant toegankelijk.

Er zijn kant-en-klare formulieren voor uw formulier beschikbaar bij Formidable Forms. Kies er eenvoudig één of bedenk een geheel nieuwe look. We passen de standaardinstellingen van Formidable Style toe voor deze tutorial.

Vervolgens kunt u met Formidable Forms ook formulieropties wijzigen.

Selecteer gewoon het tabblad 'Instellingen' in het menu. Met deze algemene instellingen kunt u de titel van het formulier wijzigen, een beschrijving toevoegen en meer.

Bovendien zijn acties en meldingen, machtigingen voor het formulier en planning van het verzendcalculatorformulier allemaal keuzes.

Sla uw wijzigingen op zodra u klaar bent met het configureren van de opties. Uw rekenmachine kan nu overal op uw website worden geplaatst.

Begin door de knop 'Insluiten' in de linkerbovenhoek van de formulierbouwer te selecteren. U heeft dan de keuze om het formulier aan een bestaande pagina toe te voegen, een nieuwe pagina te maken of het handmatig in te voegen.

Ter wille van deze tutorial selecteren we de optie 'Nieuwe pagina maken'.

U kunt vervolgens op de knop "Pagina maken" klikken nadat u uw nieuwe pagina een naam heeft gegeven.

Vanaf dat moment geeft de WordPress-berichteditor een voorbeeld weer van het formulier voor de verzendcalculator.

Ga uw gang en publiceer uw pagina en nodig vervolgens mensen uit op uw website om de verzendschatter te gebruiken.

Afsluiten

Kortom, het integreren van een verzendcalculator in uw website, vooral met een paginabuilder zoals Elementor , is een slimme zet. Het verbetert de gebruikerservaring door transparantie te bieden in de verzendkosten, het aantal verlaten winkelwagentjes te verminderen en uiteindelijk de klanttevredenheid te vergroten. Met deze waardevolle tool stelt u uw klanten in staat weloverwogen beslissingen te nemen, wat leidt tot meer conversies en een succesvollere online aanwezigheid. Aarzel dus niet om vandaag nog een verzendcalculator aan uw website toe te voegen en zie hoe uw bedrijf floreert.

Divi WordPress Theme