> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.upsellplus.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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

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

2. **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.

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

![](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenshot-2024-07-16-at-84511_ub4yb2.png)  
Here you can choose a scheme and change the button color.

![](https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screenshot-2024-07-16-at-84452_60djd8.png)

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](https://help.upsellplus.com/en/article/does-an-accepted-post-purchase-offer-create-a-new-order-in-shopify-dv5btl/).

###### 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](https://shopify.dev/apps/checkout/post-purchase/ux-guidelines-post-purchase-offers).

###### 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**
* [How to Get Started: Post-Purchase Upsells](https://help.upsellplus.com/en/article/how-to-get-started-post-purchase-upsells-28kmu2/)
* [Which Payment Methods Can Be Used to Trigger a Post-Purchase Page Offer?](https://help.upsellplus.com/en/article/which-payment-methods-can-be-used-to-trigger-a-post-purchase-page-offer-1ulkynk/)