How to customize Checkout Form block in Website Builder
This article shows you how to configure the complete Checkout form on your store, helping you create the most seamless and reliable checkout experience for customers.
A. Edit the design for the block
B. Edit the content for the block
Select the Checkout Form block > Design tab.
You can edit the general style of the block according to the general settings according to this article.
Select the Checkout Form block > Content tab.
Type: You can choose to offer a 1-page or a 3-step checkout experience.
Express payments: You can choose to enable Express payments feature. Please visit this article to learn more about Express payments.
Account login: You can assist buyers to log in to their accounts to fill in payment information faster, in case they are returning as customers who have made a previous purchase.
Email consent: You can give buyers the option to opt-in to receive email.
Company, Address Line 2, Phone number: You can set these information as Hidden, Optional or Required.
SMS consent: You can give buyers the option to opt-in to receive news and offers via SMS communications.
Order note: You can display the Order note field in the checkout form if the buyer needs to leave additional information with the order being placed.
Billing Address: You can choose the layout of billing address as Radio button, Checkbox or hide this box.
Tipping layout: There are 2 different layout options for us to choose from: Always show and Tick to show. You can also choose to hide the tipping option.
Payment trust badges: You can toggle to show/hide these trust budges.
Cardholder name: When this option is enabled, the customers need to enter their cardholder name when checking out using a credit or debit card.
Term of services: You can enable the settings of Term of services as Enable & pre-select, Auto or hide it.
Sticky proceed button: If this button is toggled, in mobile, the sticky add to cart button is enabled on the end of the screen when scrolling.
Show order value on button: If this button is toggled, the order value will be in Place your order section.
How to customize Cart Goal block in Website Builder
How to customize Cart block in Website Builder
How to customize Mini cart block in Website Builder
How to customize Cart items block in Website Builder
How to customize Order steps block in Website Builder
In this article
A. Edit the design for the block
B. Edit the content for the block
A. Edit the design for the block
Select the Checkout Form block > Design tab.
You can edit the general style of the block according to the general settings according to this article.
B. Edit the content for the block
Select the Checkout Form block > Content tab.
Type: You can choose to offer a 1-page or a 3-step checkout experience.
Express payments: You can choose to enable Express payments feature. Please visit this article to learn more about Express payments.
Account login: You can assist buyers to log in to their accounts to fill in payment information faster, in case they are returning as customers who have made a previous purchase.
Email consent: You can give buyers the option to opt-in to receive email.
Company, Address Line 2, Phone number: You can set these information as Hidden, Optional or Required.
SMS consent: You can give buyers the option to opt-in to receive news and offers via SMS communications.
Order note: You can display the Order note field in the checkout form if the buyer needs to leave additional information with the order being placed.
Billing Address: You can choose the layout of billing address as Radio button, Checkbox or hide this box.
Tipping layout: There are 2 different layout options for us to choose from: Always show and Tick to show. You can also choose to hide the tipping option.
Payment trust badges: You can toggle to show/hide these trust budges.
Cardholder name: When this option is enabled, the customers need to enter their cardholder name when checking out using a credit or debit card.
Term of services: You can enable the settings of Term of services as Enable & pre-select, Auto or hide it.
Sticky proceed button: If this button is toggled, in mobile, the sticky add to cart button is enabled on the end of the screen when scrolling.
Show order value on button: If this button is toggled, the order value will be in Place your order section.
Related articles
How to customize Cart Goal block in Website Builder
How to customize Cart block in Website Builder
How to customize Mini cart block in Website Builder
How to customize Cart items block in Website Builder
How to customize Order steps block in Website Builder
Updated on: 05/04/2024
Thank you!