Your post-purchase offer page automatically matches your Shopify checkout branding. This is enforced by Shopify for all post-purchase apps: the page should feel like a seamless part of your checkout. That is why there are no color or font settings inside Post Purchase Upsell Hero itself.
The good news: you have full control via the Shopify checkout editor, and every change applies to the upsell page too.
| 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" (Buy CTA) and next-step buttons |
| Form fields | The variant and quantity form fields |
The background color of the upsell button always matches the button color of your Shopify checkout (Colors: buttons). The text color of the button is set automatically by Shopify based on the background color, to keep the label readable. It cannot be overridden.
Our editor preview may show minor differences, but on a live offer the branding always matches your Shopify checkout settings. Before you rely on it, place a test order and check the live page once.