> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/settings/theme-settings/checkout.md).

# Checkout

Overview of the checkout options under the Theme settings

When 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.

Story includes the settings available to you by Shopify to brand and customizes the look of the Checkout page. 

Customers using Shopify Plus can access 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://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2F41alMpcukr7NPrhZmV9e%2Fcheckout-1.jpg?alt=media&amp;token=a2505e90-a7d5-49b3-b494-e5fd0e2c8bea" alt=""><figcaption><p><strong>Checkout banner and logo</strong></p></figcaption></figure>

* Main content area background image or
* Background color:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FswoQY8jwgbZSHIKWFf9a%2Fcheckout-2.jpg?alt=media&amp;token=e5482509-abc7-461a-964b-b57b0b455c96" alt=""><figcaption><p><strong>Main content area</strong></p></figcaption></figure>

* Order summary background image or
* Background color:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FBGwCNga1hCEOxU37HUZZ%2FCheckout-3-plain.jpg?alt=media&amp;token=16c25498-dae1-4e8b-97fc-2403377f9e56" 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://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2Fdj8mY3taWQ2nlw7wcvr1%2Fcheckout-5a.jpg?alt=media&amp;token=f0d93bca-2daa-4803-b8a7-b4e568406788" 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
{% endhint %}

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

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2FEe0R7h6FoVKZVlIBLVia%2FCheckout-6.jpg?alt=media&amp;token=ba92c519-94fc-48c1-95ad-0535eaeb7900" alt=""><figcaption><p><strong>Color settings</strong></p></figcaption></figure>