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
  1. Place your cursor in the editor then click the Jotform icon.
wordpress-product-jotform-icon-min
  1. Select the form.
  2. Click the Continue button.
wordpress-product-select-form-min

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

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

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

woocommerce-product-description-form-embed-min
Push Notifications for Jotform Apps
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.

Podo Comment Be the first to comment.