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:

Log in to Shopify Admin

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

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

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

Choose "checkout"

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

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!