Articles on: Upsell.com for Shopify

How to change button color, style, and typography | Legacy | Shopify


This guide will help you easily adjust the color and style of your checkout and post-purchase areas in Upsell.com to match your store's theme.


Important
In the latest version of Upsell.com, checkout and post-purchase button styles are applied automatically based on your Shopify checkout settings.
If you want to customize these styles further, or if you are using the legacy version of Upsell.com, you can still use the manual method shown in this article.
This guide remains correct for both legacy users and anyone who wants deeper styling control.



Note:- due to Shopify limitations, you will not be able to change button colors on checkout pages in Upsell.com itself, because Shopify limits such changes to keep checkout branding cohesive.


Upsell.com's post-purchase app will automatically take your colors and typography from your Shopify checkout settings. This article will show how to change these settings. Once those changes have been made, Upsell.com will automatically display these changes in the Upsell.com editor.


Steps to customize button color and typography


  1. Click Settings



  1. Click Checkout, then Customize



  1. Click the Gear icon



  1. Scroll down to Color. Here you can:
  • Change the button color to match your store's theme or any preferred color
  • Change the color of error messages and accentuated colors


  1. Adjust typography:
  • Change the font for headings and body text to align with your store's theme


  1. Live preview:
  • See your changes in the live preview on the right-hand side



  1. Save changes:

  • Click Save in the top right-hand corner



  1. Confirm changes are visible:

  • Go to your store's page

  • Refresh the browser (you may need to clear the cache)

  • Check that the changes are applied across all areas: checkout page, post-purchase page(s), thank you page, and order status page


You now have a fully-branded flow! More conversions here we come!



Well, that's a wrap!


If this article did not solve your issue, our support team is available for you 24/7. Just click the live chat button at the bottom-right corner of this page.


📢 Did you know we have a YouTube channel? Don't forget to subscribe to the channel to keep in touch with us and our news and updates🙏 If you find our app useful, help other merchants find it by leaving us an honest review on the Shopify App Store! It means the world to us📧 Please let us know if you spot any typos, mistakes, or omissions via: care@upsell.com


Updated on: 19/11/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!