Do you want to learn how to easily create an online order form for your website?
As an eCommerce seller or online entrepreneur, it’s important to optimize your site to deliver a seamless user experience and smooth checkout process.
While a full shopping cart system can certainly help you do that, there’s also another strategy that can streamline your order process and increase conversion rates: online order forms.
🔎 In dit artikel behandel ik:
Why Use Online Order Forms?
An online order form delivers a faster, more convenient way for customers to purchase your products without venturing through a traditional shopping cart.
Online order forms unlock a unique set of advantages that can transform your WordPress site into a conversion-friendly eCommerce machine.
Even if you already have a complete eCommerce solution like Easy Digital Downloads or WooCommerce in place, adding an order form can be a helpful and powerful addition to complement your store.
💡 If you’re using Easy Digital Downloads, easily customize your checkout page and checkout forms with Checkout Fields Manager.
Online order forms can be particularly useful for:
- Selling digital products like eBooks, music, software, or any downloadable goods
- Quick orders for single-product offerings, subscriptions, or express checkout scenarios
- Lead capture to gather valuable email addresses or preferences for future marketing campaigns
- Donations and contributions to make it easy for people to support your cause or organization
- Events and bookings so you can manage registrations, ticket sales, and guest details for workshops, seminars, or online events
Using a drag-and-drop interface, you design and customize your form by adding product fields, contact details, and payment gateways. Then you choose where you want the form to appear on your website, be it a specific page, post, or even a sidebar widget.
With their straightforward process and user-friendly design, online order forms ensure a smooth experience for both you and your customers.
Hoe maak je een online bestelformulier
Ready to unlock the power of online order forms for your website? Below is a step-by-step guide to creating order forms in WordPress.
Step 1. Download and Install WPForms
The first thing you’ll need is a form builder plugin like WPForms:
WPForms is the best WordPress form plugin that makes creating powerful, user-friendly online forms a breeze. It lets you easily create visually appealing online order forms, contact forms, payment forms, surveys, and more.
WPForms also comes with powerful features like payment integrations and conditional logic. While there is a free version available, you’ll need WPForms Pro to unlock the full suite of features and templates (including the WordPress Order Form).
💡 Learn more about using WPForms in WordPress.
Once you select your plan and download the plugin, head to your WordPress dashboard. Then navigate to Plugins » Add New » Upload Plugin » Choose File:
After uploading the plugin file, select Install Now followed by Activate. If you have a Basic, Plus, or other paid plan, you may need to enter your license key under WPForms » Settings:
Before creating your online order form, I recommend integrating your payment gateway (such as PayPal or Stripe) with WPForms. This is needed to facilitate secure online transactions and allow customers to pay with debit or credit cards, digital wallets, and other payment methods.
Under WPForms » Settings, go to the Payments tab and select Connect with Stripe:
Follow the on-screen instructions to log into and connect your Stripe account with WPForms.
Step 2. Create a New Online Order Form
Once you’ve installed and activated the WordPress plugin on your website, the next step is to create a new form.
From your WordPress dashboard, go to WPForms » Add New:
Next, it takes you to the form builder where you name your online order form and select a template:
There are a handful to choose from. For small businesses, I recommend the Billing/Order Form in most cases:
If you don’t want to use a pre-built template, you can also create a simple order form from scratch.
Step 3. Customize Your Online Order Form
Once you select your order form template (hover + Use Template), you’ll be brought to the form editor. To the right, is the form preview window. To the left is a variety of field options and settings to customize and configure:
Use the drag-and-drop builder to add and edit your form fields. You can customize the field labels, descriptions, validation rules, and more.
Most of the default form fields are ones you’ll need to include on your online order form, such as name, address, etc. However, you’ll need to edit the Available Items section to add your products:
Simply click into this field to add the names and prices of your offerings.
If you’re adding multiple options, you may want to include an image next to each one. To do this, toggle on the Use image choices option:
Next, you’ll need to include a payment option for your customers on the online order form. Under the Fields tab, navigate to Payment Fields, then select your preferred gateway:
Er zijn talloze andere manieren om uw online bestelformulier te ontwerpen, op te maken en te stylen. Raadpleeg gerust de WPForms-documentatie voor meer diepgaande begeleiding.
Als u klaar bent, vergeet dan niet uw wijzigingen op te slaan.
Stap 4. Configureer de instellingen van het online bestelformulier
Als u tevreden bent met het uiterlijk van uw online formulier, kunt u doorgaan naar de betalings- en meldingsinstellingen. Selecteer onder het tabblad Betalingen uw gateway uit de betalingsopties (in dit geval Stripe):
Selecteer vervolgens Stripe-betalingen inschakelen (eenmalig en/of terugkerend). Eenmaal ingeschakeld, worden aanvullende optionele opties uitgebreid om u een betalingsbeschrijving te laten toevoegen, betalingsbewijzen te configureren, enz.
Als u klaar bent, selecteert u opnieuw Opslaan.
Ga vervolgens naar het tabblad Instellingen » Meldingen om de meldingen voor uw online bestelformulier in te stellen:
WPForms stuurt automatisch nieuwe meldingen naar de beheerder nadat gebruikers formulieren hebben ingediend. Hier vindt u opties om de e-mailmeldingen aan te passen.
U kunt bijvoorbeeld de onderwerpregel aanpassen of de slimme tags gebruiken om de velden te personaliseren:
Onder Instellingen » Bevestigingen zijn er drie opties voor het bevestigingsbericht dat aan klanten wordt weergegeven nadat ze een online bestelformulier hebben ingediend:
Kies tussen Bericht, Pagina weergeven en Naar URL gaan (Omleiden).
Zodra u uw voorkeursoptie hebt geselecteerd, kunt u het bericht naar wens aanpassen. Als u klaar bent, slaat u uw wijzigingen op.
Stap 5. Plaats & Publiceer Uw Online Bestelformulier
Nu hoeft u alleen nog het online bestelformulier aan uw site toe te voegen. Er zijn een paar manieren om dit te doen.
Wanneer u bovenaan de pagina op Insluiten klikt, ziet u de optie om uw WordPress bestelformulier in een bestaande of nieuwe pagina in te sluiten:
U kunt ook naar de pagina gaan waarnaar u het wilt toevoegen op uw site. Selecteer vanuit de WordPress-editor de knop Blok toevoegen (+) en zoek vervolgens naar het WPForms-blok:
Eenmaal toegevoegd, klikt u op het vervolgkeuzemenu Een formulier selecteren en kiest u uw online bestelformulier:
Een voorbeeld verschijnt in de editor. Opslaan/Bijwerken/Publiceren de pagina.
Dat is alles! Test nu het online bestelformulier vanaf de voorkant van uw live site om er zeker van te zijn dat het correct werkt.
In de toekomst kunt u formulierinzendingen rechtstreeks vanuit uw dashboard volgen. Voor meer manieren om uw bestelformulieren aan te passen en te optimaliseren, raad ik u ook aan de WPForms-add-ons te verkennen.
FAQs About Creating Online Order Forms
Laten we afsluiten met enkele veelgestelde vragen.
Welke betalingsgateways zijn beschikbaar met WPForms?
WPForms integreert met populaire betalingsverwerkers zoals PayPal, Stripe, Authorize.Net en Square. Bekijk de WPForms-website voor een volledige lijst met compatibele gateways.
Kan ik aanvullende informatie & aangepaste velden verzamelen?
A: Absoluut! WPForms biedt een breed scala aan veldtypen, waaronder tekstvelden, keuzelijsten, selectievakjes en zelfs uploadopties voor specifieke behoeften.
Wat als ik nog geen producten op mijn site heb?
You can create pre-order forms for upcoming product launches using Easy Digital Downloads and Stripe. You can also use online order forms for collecting donations, event registrations, or even lead generation through email capture fields.
Add Your Online Order Form in WordPress
By implementing online order forms, you’re equipping your WordPress website with a powerful tool that can streamline your sales process, enhance user experience, and ultimately boost your sales.
Don’t have your online store set up yet? Download Easy Digital Downloads today to get one up and running in no time:
What’s next? Learn how to accept pre-orders for digital products in WordPress!
📣 PS. Vergeet niet u aan te melden voor onze nieuwsbrief en volg ons op Facebook of Twitter voor meer WordPress-bronnen!
