Can I customize the button on the Post-purchase page?

Overview

Customizing the appearance of the post-purchase page's button is essential for maintaining brand consistency and enhancing the customer experience. With UpsellPlus, you can adjust the button color to align with your store's theme settings.

Note: The UpsellPlus app, the preview may display a default green button. This is just a placeholder to illustrate the layout. The actual post-purchase page viewed by customers will reflect the button color specified in your theme settings

Step-by-Step Guide

Access Theme Customization

Log in to your Shopify Admin panel.
Navigate to Sales Channels > Online Store.
Select your active theme and click Customize.

Modify Button Color

In the theme editor, go to Settings > Colors.
Locate the option for the main button color.
Choose your desired color to match your branding.

Save Changes

After making the adjustments, click Save to apply the new button color.

Here you can choose a scheme and change the button color.

The post-purchase page is a powerful tool to grow AOV. Shopify wants to make sure it is used responsibly as it will add a charge to the customer's credit card, by editing the original order.

Shopify's UX Guidelines for Post-Purchase Pages

Shopify enforces specific guidelines to ensure a positive post-purchase experience:

Transparency: Clearly disclose all costs associated with a purchase.
Customer Autonomy: Provide straightforward options to accept or decline upsell offers without exerting pressure.
Limit Offers: Display no more than two consecutive upsell offers.
Relevance: Tailor upsell offers to align with customers' shopping behaviors and preferences.
Appropriate Messaging: Use default copy that directly addresses customers in a voice suitable for any store, regardless of brand personality.

For a comprehensive understanding of these guidelines, refer to Shopify's UX/UI principles for post-purchase pages here.

Button Text Restrictions

The text on the accept button is standardized to maintain clarity:

For Paid Products: Use "[Pay now • Product total price]".
For Free Products: Use "[Add now • Free]" or "[Add now • $0]".

Note: Merchants cannot modify the button text but can translate it to support different languages.

Related Articles

Updated on: 20/03/2025

Was this article helpful?

Thank you!