Articles on: Checkout

Customizing the button color if you are using checkout extensions


Overview


With Checkout Extensions, you can customize the upsell button color to match your store’s branding. This ensures a seamless look and improves customer trust.


Step-by-Step Guide


When you are creating or editing a checkout upsell, you can choose the predetermined colors from the "Customization" section of the offer itself:


Customization section


However, if you want to use custom colors, you can easily edit the checkout button color by following the next steps:


  1. Log in to Shopify Admin


  1. Open the UpsellPlus App
  • Go to Apps in the lefthand menu
  • Click UpsellPlus from the list of installed apps


  1. Head to your Sales channels to locate a theme then click Customize


  1. Select the page you want to edit from the dropdown menu; in this example, Checkout


Choose "checkout"


  1. Go to Settings **on the left menu and scroll down to the section **Color


  1. Click on the button option > select the color you want > Save


Select the color you want


By following these instructions, the button of your post-purchase upsell **will be changed, and at the same time, your **checkout upsell.


  • Checkout Upsell:


Checkout Upsells


  • Post-Purchase Upsell:


Post-Purchase Upsell


Once you have changed the button color from your theme, the customization section from the offer itself will be overridden:


Customization section from the Checkout offer

Updated on: 11/02/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!