# Checkout

When it comes to customizing the Checkout stage, Shopify only offers a few basic branding features. This is because Shopify places strict limitations on the level of customization that can be done in order to ensure a secure, private, reliable, and high-performance shopping experience for all customers on the platform.

Pipeline includes the settings that are available to you by Shopify to brand and customize the look of the Checkout page. 

## Overview

<details>

<summary>Settings overview</summary>

* Add a branded hero banner
* Add and position a company logo
* Choose a background image or color setting for the Main content area
* Choose a background image or color setting for the Order entry area
* Configure font choices for Headings and Body text
* Set up colors for Accents (links, highlights, checkmarks), Buttons, and Error messages

</details>

Customers using Shopify Plus have access to advanced tools for modifying the checkout process, whereas other plans have certain limitations.

### Available customizations:

* A custom banner image at the top of the Checkout page.
* Brand logo, with position and size options:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F5m7ZXJQRxRiSGQrUOPDI%2Fbanner%20checkout.png?alt=media&#x26;token=9ee4bfbc-d273-48d7-ba3a-9601001b9312" alt=""><figcaption><p><strong>Checkout banner area</strong></p></figcaption></figure>

* Main content area background image or
* Background color:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2F7c2pAdeu3EExra8YuYzK%2Fmain%20content%20area.png?alt=media&#x26;token=e9bdecad-a484-4fdc-8d0a-b5ff8c29bf9a" alt=""><figcaption><p><strong>Main content area</strong></p></figcaption></figure>

* Order summary background image or
* Background color:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FUYIjmICFI46uKc5KO3L0%2Forder%20summary.png?alt=media&#x26;token=512a5a17-38bd-4fb3-83b0-ff517c352f58" alt=""><figcaption><p><strong>Order summary area</strong></p></figcaption></figure>

* Font selection for headings in the Checkout,
* Font selection for the body text:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FWiAYBxudblbpB6WmNjtY%2Fcheckout%20typography.png?alt=media&#x26;token=714fe38c-eaa6-4787-96f8-05d719406c21" alt=""><figcaption><p><strong>Checkout typeography</strong></p></figcaption></figure>

{% hint style="info" %}
Font options are limited to Shopify's set font library for checkout. There is no option to upload your own checkout fonts.&#x20;
{% endhint %}

* Color setting for Accents (links, highlights, and checkmarks)
* Buttons
* Error messages

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FZK861szBoTj31S9JltSB%2Fcolors%20-%20checkout.png?alt=media&#x26;token=56ffbc29-94e0-4e73-b6fc-37b579d4b800" alt=""><figcaption><p><strong>Color settings</strong></p></figcaption></figure>