WPForms Blog

WordPress Tutorials, Tips, and Resources to Help Grow Your Business

How to Create a Simple WordPress Order Form Without Payment

by Sameen Imtiaz on Feb 27, 2017

Do you want your website visitors to be able to order your products and services right from your site, and then make their payments later? When you accept orders on your website, you can save a lot of time by getting all the details of each order up front. In this article, we’ll show you how to create a simple WordPress order form without payment.

Building Your Simple Order Form

The first thing you need to do is install and activate the WPForms plugin. For more details, see this step by step guide on how to install a plugin in WordPress.

Once you have installed the WPForms plugin, go to WPForms » Add New to create a new form. Then on the setup screen, click on Billing/Order Form to create a basic order form.

new order form

Since this form is going to be without the payment option, you can go ahead and remove the “Total Payment” field from the form.

deleting field

You can also add additional fields by dragging them from the left column to the form preview window.

Be sure to save your changes when you’re done customizing your form.

Setting Up Your Email Notifications

Once you’re happy with your form, you can click the Settings tab on the left. This will take you to the form’s settings.

In the Confirmation section, you can choose what the user sees once they submit the form. For instance, you could show them a message, redirect them to a page on your website, or you can redirect them to a different web address.

changing the form confirmation message

In the Notifications section, you can enter your email address to get a notification when a customer fills out your form.

Sending Your Customer a Receipt

You’ll need to send each customer an email receipt for their order, too. You can easily do this by creating multiple email notifications.

To get started, click on the Add New Notification button.

add new notification

A popup modal will appear. Here you can name your additional notification, then click Okay. The name is just for your internal reference; it won’t be sent with the notification.

sending a receipt to the customer

To send this notification to the user who filled out the form, click Show Smart Tags next to the Send To Email Address field. Then click on E-mail.

email smart tag

Now you can scroll down to enter the message you’d like the customer to receive. You can use smart tags (like the {all_fields} smart tag seen below) to automatically insert any information the customer has entered.

customize the message the customer receives

That’s it, your order form is complete! Next we’ll publish the form on your website.

Adding an Order Form to Your Site

The first thing you need to do is either create a new page in WordPress or edit a page where you want to add the order form.

Simply click on the Add Form button at the top and select the form you want to add.

publishing your wordpress order form without payment

Now you can go ahead and publish your page. Be sure to test your form to make sure everything’s working the way you want it to.

That’s it! You’ve just created a WordPress order form without payment.

Want to accept payment for the online orders? Check out how to process payments with your WordPress orders forms.

If you’re looking to save even more time processing online orders, you can check out our tutorial on how to generate FreshBooks invoices automatically from your order form, or create a client booking form that connects with your calendar software.

What are you waiting for? Get started with the most powerful WordPress forms plugin today.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.