WooCommerce Cart & Checkout Action – JetFormBuilder Pro Overview:

An extra plugin to integrate Gutenberg-built forms and WooCommerce checkout.

Add a WooCommerce Direct checkout to Gutenberg forms

WooCommerce Cart & Checkout Action links JetFormBuilder forms to WooCommerce payments. It can perform the ‘Add to Cart’ action for a single product and redirect to the Checkout page. Add, edit, and shuffle the Checkout fields on the Thank you page, apply custom settings to them, and display only those order details you find noteworthy.

There’s a possibility to pre-fill the Checkout fields after the redirect as well.

Addon Functionality:

WooCommerce integration
“Add to cart” feature
AJAX redirect to Checkout

WooCommerce Cart & Checkout Action – JetFormBuilder Pro Features:

Get product ID from
Determine where to pull the product ID from – either dynamically from the “Form Field” or using the “Manual Input” option.
Product ID field
Choose here the form field that would dynamically return the product ID.
Input product ID
Type the product ID into this field when choosing the “Manual Input” option.
WooCommerce Price field
This field stands for the total product price. If left empty, the price will be gotten from the post meta value.

Heading for Order Details
Provide here the text that will be displayed on top of the order’s metadata.
WooCommerce order details
Click the “Set up” button to create a custom fields list that appears on Thank You page and during order preview in the dashboard.
WooCommerce checkout fields map
It’s preset for WooCommerce checkout fields by configuring which you can get a pre-filled checkout after redirect.