Can I customize the button on the Post-purchase page?
Yes! By choosing a color for the main buttons in your theme.
The preview in the app will always show a green button, it's just a preview to give you and idea of the layout. The live post-purchase page customers see will inherit your theme button color settings.
You can control the theme button color under Sales Channels > Online Store > Choose the live theme > Customize > Settings > Colors
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.
Some guidelines from Shopify:
To provide a great post-purchase experience and to help the merchant gain trust from customers, implement the following UX principles in your post-purchase checkout extension:
* Be transparent about all the costs involved in a purchase.
* Present clear options to accept or refuse upsell offers without pressuring customers.
* Display a maximum of two consecutive upsell offers.
* Present relevant products by tailoring upsell offers to the shopping behaviors and preferences of customers.
* Provide default copy that addresses customers directly using a voice that's appropriate for any store, regardless of brand personality.
You can learn more about Shopify's UX/UI guidelines for the post-purchase page here.
The button has the following restrictions
The accept button is the primary action on the post-purchase upsell page.
Use the following text for the accept button:
[Pay now • Product total price]
If the product you are offering is free, then use the following text:
[Add now • Free] or [Add now • $0]
Note
Don't give merchants the option to change the button text. However, you can translate the button text to any language that you want to support.
The preview in the app will always show a green button, it's just a preview to give you and idea of the layout. The live post-purchase page customers see will inherit your theme button color settings.
You can control the theme button color under Sales Channels > Online Store > Choose the live theme > Customize > Settings > Colors
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.
Some guidelines from Shopify:
To provide a great post-purchase experience and to help the merchant gain trust from customers, implement the following UX principles in your post-purchase checkout extension:
* Be transparent about all the costs involved in a purchase.
* Present clear options to accept or refuse upsell offers without pressuring customers.
* Display a maximum of two consecutive upsell offers.
* Present relevant products by tailoring upsell offers to the shopping behaviors and preferences of customers.
* Provide default copy that addresses customers directly using a voice that's appropriate for any store, regardless of brand personality.
You can learn more about Shopify's UX/UI guidelines for the post-purchase page here.
The button has the following restrictions
The accept button is the primary action on the post-purchase upsell page.
Use the following text for the accept button:
[Pay now • Product total price]
If the product you are offering is free, then use the following text:
[Add now • Free] or [Add now • $0]
Note
Don't give merchants the option to change the button text. However, you can translate the button text to any language that you want to support.
Updated on: 16/07/2024
Thank you!