This article is also available in:
Customize the style of your checkout page at ease with ShopBase to optimize the checkout process at its finest and boost sales.

In this article

A. Customize checkout form
B. Customize checkout page

A. Customize checkout form

From ShopBase admin site, go to Settings > Checkout.


In Form Option, customize the checkout form according to your preference.


In Customer's note, enable Allow customer to leave a note in order so that a text box will be displayed on the checkout page for customers to leave a note during checkout.

Enable "Allow customer to leave a note in order"...
...to display a text box for customers to leave a note during checkout

You can also show tipping options and legal agreement on the checkout page. Please refer to this article on how to set up tipping option for your orders, and this one on how to show legal agreement on the checkout page for further details.

B. Customize checkout page

From Shopbase admin, go to Online store > Theme and click on Customize of the theme you want to edit.


In the dropdown menu, select Checkout.


Click on the Checkout section to customize it.


Banner: Upload background image displayed at the top of the page.


Logo: Add logo to your store.


Main content area: Add background image into the content area


Order summary: Add background image or change color into the order summary area


More customization: Customize display with codes (CSS, Javascript, HTML)

You can add Power Up Script such as scripts using JavaScript or CSS code into your Checkout Page. Please visit this article on how to add power up scripts to optimize your store.


Main content area design Change colors of the main content area.


Order summary design: Change the background color of the order summary area.


Typography: Change fonts of texts on the checkout page.


Color: Change the color of accents, buttons, and error messages.



Related Articles

Overview of Checkout
Disable the "Add to cart" button
How to customize cart page?
Switch between "3-step Checkout" and "One Page Checkout"
Optimize checkout page for better conversion rate
Set up Order Processing Bar and Delivery Policy on Thank-you page
How to get your customers updated of their order status tracking?
Set up tipping option for your orders
Show legal agreement on the checkout page
Was this article helpful?
Cancel
Thank you!