AfterSell's post-purchase upsell feature allows you to offer additional products to your customers after they have completed their purchase. This can help increase your sales and improve customer satisfaction.

However, you may want to customize the appearance of the upsell button to better match your brand's aesthetic. In this article, we will guide you through the process of changing the post-purchase upsell button background colour.

The post-purchase upsell button background colour is always going to match the colour of your Shopify Checkout page's buttons. This is to ensure a cohesive and seamless checkout experience for your customers and is enforced by Shopify.

The way to change your button colour depends on whether you're on Shopify's Checkout Extensibility update or not! See both of those cases below.

If you're a Shopify Plus merchant using Checkout Extensibility, you'd want to go to

Shopify Admin > Settings > Checkout

then you'll want to click the "Customize" button on your live checkout profile.

Afterwards you'll want to go to the Settings tab on the left, and change the colour of your buttons as seen in the image below.

If you're a merchant NOT using Checkout Extensibility, you'd want to go to

Shopify Admin > Online Store > Themes

then you'll want to click the "Customize" button on your live theme.

Afterwards you'll want to go to the Settings tab on the left, and find the "Checkout" section. Open it! change the colour of your buttons as seen in the image below.

You'll then be able to change the button colour from here.

Once you have saved your changes, they'll be applied to your live store immediately.

To view these changes in the AfterSell editor, make sure to exit and re-enter the post-purchase upsell editor.

As for the text on the button, this is automatically determined by Shopify based on the colour of the button background. This ensures that the text is always visible and easy to read.

However, please note that AfterSell's post-purchase editor can sometimes get the button text colour incorrect. In such cases, always refer back to your Shopify Checkout Page to see what the actual colour will be.

By following these steps, you can easily change the post-purchase upsell button background colour to better match your brand's aesthetic. If you encounter any issues or have further questions, please don't hesitate to reach out to our support team for assistance on the bottom right of the app!