> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.kiwify.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Understanding the Checkout Builder

# How to Use the Checkout Builder

The checkout builder is a feature you can utilize to customize your checkout, ensuring it aligns seamlessly with your product's branding and design.

In this guide, we'll take you through the process of editing the checkout.

From the **Products** side menu, select the desired product and then click on the **Checkout** tab. This will bring up all the checkouts for your selected product.


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot118_ajkn1l.png)

By default, your product will come with an already created checkout, named "Checkout A". You can click on it to open the editor.

You also have the option to create multiple checkouts for the same product and configure them to be used for a specific offer, or set as the default.


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot119_i8wuyj.png)

# Checkout features

Here's what a standard page looks like:


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot120_egocmd.png)

###  Components

Components are items you can add to your checkout page to provide additional information.


| You can add components by simply dragging and dropping them into the desired location on your page. They will automatically adjust to fit the row they're placed in.

By default, your checkout will include a header displaying your product's name.

Let's review some key components:


* **Text **

Clicking on the text component allows you to edit the font, size, alignment, and more.


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot121_ck7xhs.png)

Additional options such as color, border size, and background are available in the main menu.


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot122_lxn2s.png)


*  **Image**

You can incorporate images with embedded links to reinforce your sales pitch.


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot123_1n1z5la.png)

* **Advantages **

Showcase your product's best features! Choose from a variety of icons and colors to highlight these benefits.


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot124_jj7dfj.png)

* **Countdown**

Display a timer to create a sense of urgency, nudging your customers towards a purchase.

You can customize the timer's duration, color, and position:


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot127_1ccikav.png)

* ** Review**

Feature testimonials or ratings about your product, with the option to grade it from 1 to 5 stars.


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot128_14rkknb.png)

### Rows

Adding rows gives you more space to customize and arrange your components, allowing you to design your checkout page to your liking.


### Settings 

Within the settings menu, you can modify the page's overall settings, including elements like font and background color.


![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot133_d7djsc.png)

| It's crucial not to forget about the mobile view! You can construct distinct components or replicate the ones you've already created.

![](https://storage.crisp.chat/users/helpdesk/website/f11c2d2e7f47d000/screenshot134_jjbutv.png)