An extra plugin to integrate Gutenberg-built forms and WooCommerce checkout.
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.
Determine where to pull the product ID from – either dynamically from the “Form Field” or using the “Manual Input” option.
Choose here the form field that would dynamically return the product ID.
Type the product ID into this field when choosing the “Manual Input” option.
This field stands for the total product price. If left empty, the price will be gotten from the post meta value.
Provide here the text that will be displayed on top of the order’s metadata.
Click the “Set up” button to create a custom fields list that appears on Thank You page and during order preview in the dashboard.
It’s preset for WooCommerce checkout fields by configuring which you can get a pre-filled checkout after redirect.
Go to JetFormBuilder & Addons and find the “WooCommerce Cart & Checkout Action” addon in the All Available Addons section. Press the “Install Addon” button and, once installed, it will appear on Your Installed Addons. Next, click “Activate Addon” to get it ready for further work.
As you can see, all PRO version add-ons can be easily installed and activated via JetFormBuilder Dashboard.
Tips: Please note that this addon allows adding just ONE product to the cart and redirecting the user to Checkout. Mind the reload method, though. If it’s “AJAX,” the redirection will happen after all post-submit actions are executed; if it’s “Reload,” it will be immediate.