Replacing the "Add to cart" on a product page with a form
How to replace the WooCommerce "Add to cart" button on product page with a custom advanced form.
By default WooCommerce has a so called "Add to cart" button with a "Quantity" field on the product pages. In case you want to replace this section/area with a form, you can do the following:
Make sure you are running Super Forms v4.9.800 or higher
Go to Super Forms > Settings > WooCommerce Checkout:
Map the form with the product under the Replace the default "Add to cart" area setting:
Optionally hide the Title, Rating, Price and or Short description from the product page:
Click Save Settings
Visit the product on the Front-end and confirm that the default "Add to cart" button is replaced with the form.
PreviousVariable product checkout (variations)NextHiding product from shop and order via custom form
Last updated