All Collections
Debutify Theme
Theme Settings
How to Customize the Checkout Page in the Debutify Theme?
How to Customize the Checkout Page in the Debutify Theme?

A guide on how to customize the checkout page in the Debutify Shopify theme.

Diane Eunice Narciso avatar
Written by Diane Eunice Narciso
Updated over a week ago

You can customize the checkout page of your store by adding a logo, changing the color of the dynamic checkout button, or choosing new fonts to align with your brand identity.

TIP: Be careful not to distract customers on this page - you want them to focus on providing the correct shipping and payment information.


How to Customize the Checkout Page

STEP 1

From Shopify admin, click on Settings.

From Shopify admin, click on Settings.

STEP 2

Click on Checkout.

Click on Checkout.

STEP 3

Click on Customize checkout to customize the style of your checkout page. This directs you to theme settings.

Click on Customize checkout to customize the style of your checkout page.

STEP 4

Click on Theme settings.

Click on Theme settings.

STEP 5

Scroll to Checkout and you can add a banner, logo, set the main area, and order summary, typography, and colors.

Scroll to Checkout and you can add a banner, logo, set the main area, and order summary, typography, and colors.

STEP 6

In the Checkout settings, you can add images and customize the look of the checkout page.

Banner - click on select image to add a background image to the banner section of the page

Logo - click on select image to add a logo and place it on either the left, right, or center of the page. The logo size can be set to either small, medium, or large

In the main content area, you can add a background image to the page and set the background color. The Form field can either be white or transparent.

The order summary section of the page can add a background image to the page and set the background color.

Typography - choose the fonts

Colors - set colors for the page

In the Checkout settings, you can add images and customize the look of the checkout page.

STEP 7

Click on Save to apply the changes.

Click on Save to apply the changes.

Related Articles You May Want to See:

Did this answer your question?