{"id":145693,"date":"2020-06-19T12:50:20","date_gmt":"2020-06-19T16:50:20","guid":{"rendered":"https:\/\/optinmonster.com\/?p=145693&preview=true&preview_id=145693"},"modified":"2020-07-17T06:34:16","modified_gmt":"2020-07-17T10:34:16","slug":"how-to-create-simple-wordpress-order-form","status":"publish","type":"post","link":"https:\/\/optinmonster.com\/how-to-create-simple-wordpress-order-form\/","title":{"rendered":"How to Create a Simple WordPress Order Form (Step by Step)"},"content":{"rendered":"

Do you want to create a simple order form in WordPress that makes your checkout flow as simple as possible?<\/p>\n

Creating an order form comes in handy especially when you only want to sell a few products without the hassle of turning your website into a full-on eCommerce store.<\/p>\n

That’s why, today, we’re going to teach step-by-step you how to build a simple WordPress order form that you can install anywhere on your site.<\/p>\n

That way, you can collect orders without making customers go through a shopping cart. This will help you generate as many profits as possible without losing customers along the way.<\/p>\n

How to Create a Simple WordPress Order Form<\/h2>\n

For today’s tutorial, we’ll be using WPForms<\/a>:<\/p>\n

\"WPForms<\/a><\/p>\n

WPForms<\/a> is the easiest drag and drop form builder for WordPress. It lets you design beautiful forms in minutes. Plus, as you’ll see, they have tons of pre-built form templates to make the process effortless.<\/p>\n

Don’t have WPForms? Sign-up risk-free today<\/a>\u00a0to get started!<\/p>\n

Now let’s get into building your simple order form.<\/p>\n

Step 1: Install WPForms<\/h3>\n

The first thing you need to do is install and activate WPForms. For that, head to your WordPress dashboard menu. Click Plugins<\/strong> \u00bb Add New<\/strong>. In the search bar, type WPForms<\/strong>\u00a0to find the plugin. Once it appears, click Install Now<\/strong>:<\/p>\n

\"Install<\/p>\n

Once it installs, click Activate<\/strong>:<\/p>\n

\"Click<\/p>\n

Now you need to insert your license key to begin. Head to WPForms<\/strong>\u00a0\u00bb Settings <\/strong>in your WordPress dashboard. You can enter your license key and click Verify Key <\/strong>on the first page that appears:<\/p>\n

\"Enter<\/p>\n

To create today’s simple order form, you’ll need a Pro version<\/a><\/strong> account or higher.<\/p>\n

Now you’re ready to build your WordPress order form.<\/p>\n

Step 2: Select and Modify Your Order Form Template<\/h3>\n

Go back to your WordPress menu and click WPForms<\/strong>\u00a0\u00bb Add New<\/strong>:<\/p>\n

\"WPForms<\/p>\n

This will show you a list of pre-made form templates. At the top, you can enter a name for your order form to keep yourself organized:<\/p>\n

\"Enter<\/p>\n

Then select your template. We recommend using the Billing\/Order Form <\/strong>template. It’s one of the first options to appear:<\/p>\n

\"Billing<\/p>\n

Using this template will save you loads of time. Hover over the template box and click Create a Billing \/ Order Form<\/strong>:<\/p>\n

\"Create<\/p>\n

Your pre-made template will now appear:<\/p>\n

\"Billing<\/p>\n

Each form is made up of different blocks called “fields.” These fields are things like Name<\/strong>, Email<\/strong>, Phone Number<\/strong>, and so on.<\/p>\n

This template has all the fields you need for a standard order form ready to go. But you can add other fields from the left-hand side menu:<\/p>\n

\"Add<\/p>\n

Or you can remove fields from your template by clicking on the field box and locating the trashcan icon in the upper right-hand corner:<\/p>\n

\"Delete<\/p>\n

You can also rearrange these fields by dragging and dropping them where you’d like:<\/p>\n

But the part that you definitely need to modify is your items list:<\/p>\n

\"Items<\/p>\n

Changing these field options is simple. Click on your items list and your editing tools will appear on the left-hand side:<\/p>\n

\"Items<\/p>\n

You can change the item name, price, use an image, add descriptions, and more. With WPForms, you can customize your WordPress order form to look exactly how you want it to.<\/p>\n

To provide the best user experience, let’s also mention the price for each product.<\/p>\n

\"Add<\/p>\n

You can also add more items by clicking the + <\/strong>icon:<\/p>\n

\"Plus<\/p>\n

But your customers will only be able to select 1 item from the list with the default template settings. If you want your users to have the option of choosing more than one item in your order form, that’s no problem.<\/p>\n

Scroll down to the Payment Fields<\/strong>\u00a0menu on the left-hand side and find Checkbox Items<\/strong>:<\/p>\n

\"Checkbox<\/p>\n

Then drag and drop this field into your order form. You can edit your item options the same way you did above:<\/p>\n

\"Checkbox<\/p>\n

Now your customers can select multiple items in the same form.<\/p>\n

You can even add conditional logic to show or hide new fields depending on how your customer’s fill out their form:<\/p>\n

\"Conditional<\/p>\n

This is great for recommending related products in the order form.<\/p>\n

Once you have your simple WordPress order form ready, you’ll want to create a few notifications for your customers.<\/p>\n

Step 3: Create Notifications for Your Order Form<\/h3>\n

Sending confirmation messages and other related notifications is important. It keeps you and your customer informed. It also boosts user experience (UX).<\/p>\n

The more happy a customer is with your overall service, the more likely they’ll return to your shop in the future.<\/p>\n

Plus, it keeps you informed about new orders coming in.<\/p>\n

In your WPForms menu, click Settings \u00bb Notifications<\/strong>. This will let you\u00a0modify the notifications that you and your customers will receive:<\/p>\n

\"Settings<\/p>\n

The default notification template will appear:<\/p>\n

\"Notification<\/p>\n

This default notification includes:<\/p>\n