> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Post-purchase branding settings

> How to edit Aftersell branding, colors, buttons

Your post-purchase page is styled by your **Shopify checkout branding**, the same settings that style your checkout, thank-you, and order status pages. It does not have its own separate styling.

<Note>
  If your store is not on a Shopify Plus plan, the preview in the Aftersell editor will not match your live page. Shopify does not let apps read your branding on those plans, so the preview will fall back to the default Shopify settings

  This affects the preview only; your live post-purchase page still uses your real branding. To confirm, place a test order and check the post-purchase page.

  The checkout editor does not show a post-purchase page, so there is nothing to preview there. Your branding still applies to it behind the scenes
</Note>

Where you edit that branding depends on your Shopify plan.

## If you are not on Shopify Plus (also works for Shopify plus)

Shopify only lets apps read and write checkout branding on Plus plans, so Aftersell cannot show or change your branding. Make your changes in the Shopify checkout editor instead. To open it, go to **Settings → Checkout** in your Shopify admin and click **Customize**:

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/ppu-branding-opening-settings-checkout-customization.gif?s=b3a1fe180f95e25b418dcc69e53f306b" alt="Opening the Shopify Settings Checkout page and its branding customization editor" width="2400" height="1080" data-path="images/aftersell/ppu-branding-opening-settings-checkout-customization.gif" />

The checkout editor does not show a post-purchase page, so there is nothing to preview there. Your branding still applies to it.

The **Colors → Buttons**  setting is the one merchants ask about most — it controls the "Add to order" and next-step buttons on your post-purchase page:

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/ppu-button-colours-checkout-editor-settings-panel.gif?s=966bf2ad4958a633fbb79e3410c57c47" alt="Checkout editor Settings panel with the Buttons colour field highlighted" width="1344" height="1080" data-path="images/aftersell/ppu-button-colours-checkout-editor-settings-panel.gif" />

## If you are on Shopify Plus

Edit your branding directly in Aftersell, under **Settings → Checkout branding**. Your changes are written straight to your Shopify checkout branding, so they apply to your checkout, post-purchase, thank-you, and order status pages. Also see [Checkout Branding Settings](https://docs.aftersell.com/aftersell/checkout_branding_settings#checkout-branding-settings)

On these plans the Aftersell editor preview also shows your real branding, so you can see your styling without placing an order.

You can use the Shopify checkout editor instead if you prefer. Both write to the same settings, so you only need one.

***

Many of the fields in the Shopify checkout editor are linked to Aftersell's post-purchase page. The mapping below shows which Shopify checkout setting controls which element on the post-purchase upsell page:

| Shopify checkout setting                 | Controls on the post-purchase page       |
| :--------------------------------------- | :--------------------------------------- |
| **Logo** (image, position, size)         | The store logo at the top of the page    |
| **Main content area → Background color** | The page background                      |
| **Order summary → Background color**     | The offer summary background             |
| **Typography → Headings**                | Offer and product headings               |
| **Typography → Body**                    | Body text                                |
| **Colors → Accents**                     | Links, highlights, and checkmarks        |
| **Colors → Buttons**                     | The "Add to order" and next-step buttons |
| **Form fields**                          | The variant and quantity form fields     |

For instance, the button color in the Shopify checkout is directly reflected in the button color on the post-purchase page:

<img src="https://mintcdn.com/aftersell/1Y3gBpUfxv16VGSW/images/aftersell/ppu-branding-diagram-mapping-checkout-settings.gif?s=6723f0540ebe555dc71715101ce120d2" alt="Numbered diagram mapping Shopify checkout branding settings to post-purchase page elements" width="1048" height="1080" data-path="images/aftersell/ppu-branding-diagram-mapping-checkout-settings.gif" />

***
