- Test Mode
- Make Test Payments
- Edit & Customize Form
- Change Form Template
- Delete SureCart Forms
- Custom Checkout Form
- Add New Checkout Form
- Checkout Form With Gutenberg
- Checkout Form in Elementor
- Custom Thank You Page
- Create Donation Form
- Customize Confirmation Popup
- Include Coupons in URLs
- Pre-Fill Checkout Fields
- Change Checkout Texts
- Password Field in Checkout
- Default Country Code
- Add Terms to Checkout
- Conditional Block Checkouts
- Remove Coupon Field
- Hide Quantity Option
- Disable Quantity Editing
- Disable Item Removal
- Country Specific Purchases
How to Insert the Checkout Form in a Page Using Gutenberg
Since checkout forms are not directly hosted on web URLs, you cannot share them with others, but you can insert the checkout form on a page and share it with people.
There are two ways to add a checkout form on WordPress:
- Inserting the Checkout Form Shortcode in a shortcode block
- Using the checkout form widget in the page editor
You can use any of the ways to add your forms on pages.
Let’s begin with how to add a checkout form to a WordPress page using the shortcode method.
- Go to SureCart from your website, click on Forms, then copy the shortcode checkout form.
- Go to Pages and add a new page.
- If you are using Gutenberg Editor, insert a Name for your page, click on the plus button and the shortcode element.
- You now need to paste the shortcode copied from Step 1 and click on Publish.
Once you publish the page, you will be able to see your checkout form on the published page.
Alternatively, you can add the Checkout Form element to your page and select the checkout form you want to add to this page.
The checkout page will be integrated into the page, and it will look like this.
We don't respond to the article feedback, we use it to improve our support content.