Do you need to automatically send a WordPress order form email receipt to your customers from your WordPress website? By doing this, not only do you save yourself time from having to send out separate email receipts, you strengthen the relationship you have built with your customers.
After all, any time you automatically provide information to a user regarding a form submission it helps establish your reputation as being reliable and trustworthy.
In this article, we will show you how to automatically send a WordPress order form email receipt.
In This Article
Step 1: Create an Order Form in WordPress
The first thing you need to do is install and activate the WPForms plugin. If you need more details, check out this step-by-step guide on how to install a WordPress plugin.
Next, go to WPForms ยป Add New to create a new order form.
On the setup screen, name your form and select the Billing/Order Form template.
WPForms will create a form for you.
Near the bottom of the order form, on the right-hand side, click on the form field labeled Available Items.
When you do this, youโll see on the left-hand side section labeled Field Options. This is where you can rename the field, add or remove items for sale, and determine item prices.
You can also add additional fields to your form by dragging them from the left-hand panel to the right-hand panel. And, we’ve got a tutorial for you if you’d like to learn how to use the power of discounts and add a coupon code field to your forms.
Then, click on the field to make any changes. You can also click on a form field and drag it to rearrange the order of your form.
And if you want to display pictures instead of text, that’s easy too. Check out this article on how to create a business card order form to see an example.
When your form looks the way you want it to, click Save.
Step 2: Configure Order Form Payment Settings
Once your order form is ready, youโll need to configure it to work properly and accept payments from your customers.
To do this, youโll start by configuring the payment gateway so that payments process through your website.
WPForms integrates with PayPal, Authorize.Net, Square, and Stripe, all of which are secure and popular ways to accept payments.
In fact, WPForms now gives customers the ability to make recurring payments with Stripe or PayPal. For help with this, check out our documentation on setting up the Stripe addon or setting up the PayPal Commerce addon on your WordPress forms.
In addition, you can configure your order form to give customers a choice when it comes to payment methods.
For our example, weโll configure PayPal to process one-time orders.
To start, install and activate the WPForms PayPal Standard addon. Go to WPForms ยป Addons and click on Install Addon. Once the addon is ready to use, you’ll see its status listed asย Active.
Once activated, return to your order form to configure the PayPal settings. To do this, click on the Payments tab in the Form Editor and select PayPal Standard.
Next, toggle on the Enable PayPal Standard Payments option, enter your PayPal email address, put the mode into Production, and configure any other settings as you see fit.
Save your changes.
Step 3: Configure Your Order Form Settings
There are a few settings to configure once youโve customized your form to look the way you want it to. Let’s start with general settings
To start, go to Settings ยป General.
Here you can configure the following:
- Form Nameย โ Change the name of your form here if youโd like.
- Form Description โย Give your form a description.
- Tags โ Use tags to keep your site’s forms organized.
- Submit Button Text โย Customize the copy on the submit button.
- Submit Button Processing Text โย Change the text that will be visible while your form is being submitted.
If you expand the Advanced section of the screen, you can also configure these options:
- Form CSS Classes โย Add custom CSS to your form.
- Submit Button CSS Class โย Add CSS to your submit button.
- Enable Prefill by URL โย You can use this setting to auto-fill some fields in your form.
- Enable AJAX form submission โย Enableย AJAX settingsย with no page reload.
- Disable storing entry information in WordPress โย You can disable the storing of entry information and user details, such as IP addresses and user agents, in an effort to comply with GDPR requirements. Check out our step-by-step instructions on how to add aย GDPR agreement fieldย to your form.
Then you’ll need to configure theย Spam Protection and Securityย settings.
These options include:
- Enable anti-spam protection โย Stop contact form spam with the WPForms anti-spam token. The anti-spam setting is automatically enabled on all new forms.
- Enable Akismet anti-spam protection โย You can connect the Akismet anti-spam plugin to your form to block spam submissions.
- Enable country filter โ Prevent form submissions from certain countries.
- Enable keyword filter โ Block entries that contain specific words or phrases.
Next, click Save.
Now, you’ll want to adjust your form confirmation settings.
Form confirmations are messages that display to site visitors once they submit an order form on your website. They let people know that their order has been processed and offer you the chance to let them know what the next steps are.
WPForms has three confirmation types:
- Message. A simple message that displays once someone submits a form on your website thanking them and letting them know what the next steps are.
- Show Page. Redirect users to another page on your website, such as a thank you page.
- Go to URL (Redirect). Send site visitors to a different website.
If you want to display different confirmations to site visitors based on the type of products or services they order, be sure to read up on how to create conditional form confirmations.
Click Save.
Step 4: Configure Your Order Form Notifications
Notifications are a great way to send confirmations whenever an order form is submitted on your website.
In fact, unless you disable this feature, whenever someone submits an order form on your site, youโll get a notification about it.
Adding to that, form notifications are also a great way to send order form email receipts to customers after they submit an order and the form is processed.
It’s also a great idea to send a confirmation email to users when they submit your form. To configure this, go to Settings ยป Notifications. Next, select Add New Notification.
A modal will pop up asking you to name your notification. Name it anything you want, since itโs for your reference only, and click OK.
Next, click on the Show Smart Tags link next to the field labeled Send To Email Address.
Then choose Email from the dropdown menu.
This will ensure that an email notification is sent to whatever email your customer put into your order form. Keep in mind that the number in the Smart Tag represents the field number on your order form.
In other words, in our example, the 2nd form field on our order form is an email form field.
You can then customize the email subject, from name, from email, and reply-to fields using Smart Tags as well.
Next, in the Message section, customize the message your customer will see in the email order receipt. For instance, thank them, let them know that their order was processed, tell them youโll be in touch shortly, etc.
Lastly, select individual Smart Tags from the dropdown to insert specific pieces of form submission information into the email receipt. For instance, you can add the items purchased and the total amount paid so your customer knows exactly what they bought and for how much.
Or, if you want to include all form fields in the message portion of your WordPress order from email receipt, click on the Smart Tag labeled {all_fields}
.
Lastly, if you want to keep branding across your emails consistent, you can check out this guide on adding a custom header to your email template.
This will give your form a professional touch and make people filling it out feel more at ease.
Great, your form notification is set!
Step 5: Add Your Order Form to Your Website
After youโve created an order form and customized the order form email receipt, you just need to add it to your WordPress website.
Start by clicking on the Embed button at the top of the form builder.
And when the Embed in a Page notification pops up, click on Create New Page.
Next, WPForms will ask you to name your page. Type the title for the page into the box and click Let’s Go!
Now WPForms will open up a new page for your order form. Next, go ahead and click Publish or Update at the top to publish it.
You did it! Here’s how your finished form will look on the page.
Next, Find the Best Invoicing Software for Your Online Business
And there you have it! You now know how to automatically send a WordPress order form email receipt using WPForms email notifications.
If you want to allow customers to submit orders through your order form without paying right away, be sure to check out our roundup of the best invoicing software for your WordPress forms so you can send out detailed invoices and collect payment when youโre ready.
You might also be interested in learning about some of the best WordPress plugins for PayPal.
You can also check out our list of the best VOIP providers for small businesses to accept calls from customers about receipts and invoices.
And if you arenโt sure whether WPForms is the right solution for your order form needs, hop on over to the WPForms reviews section and see what others have to say so you can decide for yourself.
So, what are you waiting for? Get started with the most powerful WordPress forms plugin today.
And donโt forget, if you like this article, then please follow us on Facebook and Twitter.
Hi there,
How do I resend a receipt to a customer?
Thanks
Hi Denis — if you follow the steps in the tutorial above, this will show you everything you need to send a receipt to the customer’s email address. Be sure to especially look to Step #3 for details on how to set up notification email settings.
I hope this helps! ๐
Hello,
thank you for a great post, but I still need a help with custom order forms in WordPress. My customer wants to move from Etsy to WordPress e-shop, where a visitor/potential client would have opportunity to make a custom order and the payment would be made after they will deal all the details for a custom order, i.e. in e-shop they would sell wooden products for interior and let say, the visitor wants something additional: that it would be longer, that it would be smaller & etc. So we think that it would be clever, to make redirect from product page to custom order form, where visitor could text what they want. However, it’s normal that custom order, has different price and we don’t know, how to set that visitor could add it in the card and make a payment. Maybe you have any suggestions or any good advices on this issue? I would be so grateful for any help on this case.
Hi Monika,
I apologize as I’m not sure if I’m correctly understanding what you have in mind, but our team would be happy to help! When you get a chance, could you please get in touch with some extra details about what you’d like to do?
Thanks! ๐
Can WPForms send a purchase receipt showing a list of all items purchased instead of just the final total?
Hi Leslie, thanks for your question!
Yes, you can set up the Notification email so it contains all the form’s fields or the only payment fields and then the Total field in the end. To do this you will have to use the Payment fields’ Smart Tags, and we have a great article on how to use Smart Tags in WPForms.
Hope this helps! ๐
Please can wpform show the the purchase reciept and form fields to the customer after form submission/payment?? pls reply its urgrnt… thanks.
Hey Frank – We currently don’t have the feature to show the purchase receipt after the user makes the payment. I do agree this would be a great feature to have, and I’ll add this to our feature request tracker. In the meantime, you can consider taking a look at Stripe or PayPal docs here for a workaround. You can also manually design the Email template using HTML tags shared in our developer doc here.
Further, as you’re looking to show the form fields after submissions, you can use the Entry preview confirmation feature.