How to Add a Custom Form to WooCommerce

April 11, 2022

WooCommerce is an open-source e-commerce plugin for WordPress. It is designed for small to large-sized online merchants using WordPress

To add a custom form to a WooCommerce product, install and activate the Jotform Online Forms plugin. For more information, check out the Embed Jotform in WordPress Using the Embed Form Plugin guide. Once the plugin is active, the next step is to add a custom form to a WooCommerce product:

  1. Add or edit a WooCommerce product in WordPress.
wordpress-add-edit-products-min.png
  1. Place your cursor in the editor then click the Jotform icon.
wordpress-product-jotform-icon-min.png
  1. Select the form.
  2. Click the Continue button.
wordpress-product-select-form-min.png

The Jotform shortcode should appear in the editor.

  1. Finally, click the Publish or Update button to save the changes.
wordpress-product-jotform-shortcode-update-min.png

Alternatively, a custom form can also be added to a WooCommerce product by inserting the JavaScript or iframe embed code in the editor’s Text mode.

wordpress-product-insert-embed-code-min.png

The embedded form will appear under the product’s Description tab.

woocommerce-product-description-form-embed-min.png
Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comment:

Podo CommentBe the first to comment.