WooCommerce is the perfect e-commerce solution for any WordPress user, powering 99% of all WordPress stores. You probably came here because you are looking for a way to connect WooCommerce to your existing WordPress form to create a specific workflow.
Want to reward your customers who submitted the survey form by offering a dynamic unique coupon code generated in WooCommerce? Maybe you want to add custom form fields from your WordPress form to your product listings? Either way, in this article, we will show you how to do all of that!
Add WordPress forms to your WooCommerce Products
If you ever wondered if you can add your WordPress forms to existing WooCommerce products, the answer is yes! WooCommerce Ninja Forms Product Add-ons plugin developed by OPMC allows you to add Ninja Forms and its custom form fields to your product listings.
In order to add fields to your product listing, you need to first create a form. This video tutorial will show you how you can build a form in Ninja Forms. Once your form is ready, you can add it to WooCommerce via the product page using the choose a form via select box.
For example, when purchasing products from your store, you might require information from your customer such as requiring them to enter in the text they would like to have printed on a t-shirt. With this plugin, you can add a simple text input field to your product listing.
You can optionally add prices to your added form fields. It is also possible to assign a Ninja Form to your product, and have the form fields displayed on the product listing, enabling your store’s customers to customize the product before adding it to their shopping cart.
Keep in mind, for this plugin to work, a total field must be added to the form. You’ll need to generate a pay form template (PayPal or Stripe) in order to access the Total field. If you create a form from blank, there is no way to select the Total field from the field options as it has been deprecated.
The WooCommerce Ninja Forms Product Add-ons cost $99.00 (billed annually), and it includes 1-year extension updates, support, and a 30-day money-back guarantee. To learn more about the plugin, you can visit the official WooCommerce website.
Please note as this is not the official integration of Ninja Forms, we are not able to offer you technical support. We recommend you to contact WooCommerce directly with any issues you might have.
What if you want to do more than just add custom form fields to your products? You might want to create a new customer, a new product, or a coupon code. In this case, you’ll want to look around for some extension.
The great news is the Zapier service makes your life easier, offering a variety of supported triggers and actions. Keep reading to learn more!
Connect WooCommerce to Ninja Forms with Zapier
Have others do the work for you! Using Zapier service, you can send information between Ninja Forms and WooCommerce automatically with no code required. So why do the hard work? Let others do the work for you! Compared to the integration above, Zapier gives you a variety of supported triggers and actions you can choose from.
Connecting WooCommerce to Ninja Forms with Zapier is very easy. All you need is an active Zapier account and our Zapier add-on to make this connection. Let’s break it into 3 simple steps that will walk you through the process of connecting your WooCommerce with your WordPress forms.
1. Get set up with Zapier.
The Ninja Forms Zapier add-on is the tool that establishes the link between WordPress and the application you want to send data to. First, get Zapier installed and activated on your website.
Next, create an account with Zapier themselves if you don’t have one yet. Now you’re ready to get started!
2. Make a Zap!
Integrations between applications handled by Zapier are called Zaps. We’ll be creating a Zap that will connect Ninja Forms with your target service. It’s super simple. Just log into your Zapier account and click “Create Zap”!
Please note that the number of zaps you can make depends on your Zapier plan, but the number of zaps you’ll be able to integrate with Ninja Forms using the Zapier add-on is unlimited.
3. Setup your zap to connect any WordPress form with WooCommerce
Just search Ninja Forms in the Choose App & Event search bar to find us:
Leave “New Form Submission” set as the Trigger Event and Continue. You’ll now be shown a webhook:
Copy the webhook URL, then head back to WordPress and into the Emails & Actions tab on your form. Add a Zapier action and paste the webhook into the Zapier Webhook field:
It’s time to Publish (save) the form, Preview the form, enter test data into each field (do not skip this step!), and Submit the form preview. Now head back to Zapier, and Continue.
You’ll now be prompted with a few options to proceed. We recommend to Test & Continue to make sure the webhook has succeeded in establishing a connection. If anything goes wrong, Zapier will give you troubleshooting steps.
On a successful test, it’s now time to connect to WooCommerce. Same as before, search and select the WooCommerce:
Now you can select the action event you wish to perform from the dropdown menu. These are available action events:
- Create Order
- Create Product
- Create Customer
- Create Coupon
- Create Subscription
- Update Order
- Update Product
- Update Customer
- Update Coupon
- Update Subscription
- Find Order
- Find Product
- Find Customer
- Find Coupon
- Find Subscription
We will select Create Coupon option as an example.
Continue and you’ll be prompted to sign to your WooCommerce account.
If you do not have a WooCommerce account, take a moment to create one now. You will be prompted to enter your website URL, username, and password.
Once you complete the authentication (you will need the WooCommerce Zapier plugin to finish this step) click Yes, Continue. Now follow the next steps to finish this integration and you will be able to use form data from Ninja Forms and apply it to WooCommerce without a need to use a developer.
That’s it! You’ve just connected your form to WooCommerce!
Integrating your WordPress forms with WooCommerce is not that hard! All you need is to have an active Zapier account and use our Zapier add-on. The great news is you can also purchase the add-on individually if that is the only extension you need!
There are many other ways to use Ninja Forms and Zapier together. Just to mention a few, you can start collecting digital signatures after submitting your forms, you can automate zoom webinar registration, send Discord messages with WordPress form, connect Airtable to your form, send your submissions to Google Sheets, or integrate your WordPress website with Teachable.
Zapier really comes into play when you need to connect to an app that doesn’t have an official plugin yet. Their service offers limitless integrations to so many products and services, and our Zapier add-on makes that connection with your forms possible in minutes!
