> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.upsell.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).

# How to use the accept button block on Upsell.com | App Blocks | Shopify

The Accept button block allows customers to accept an offer within widgets that contain this block. This feature is available in several widgets, including the **Bundle**, **Product Recommendations**, and **Product Upsell** widgets and is available across all pages. Follow this guide to customize and configure the Accept button to optimize your store’s upselling strategy.

${youtube}[Accept button](zSTLGNAcm1Q)

### [Accessing the accept button block](https://help.upsell.com/en/article/how-to-use-the-accept-button-block-on-upsellcom-app-blocks-shopify-1jcjard/)

1. Open the **Upsell.com Editor**
2. Navigate to a widget that includes the **Accept Button** block, such as Bundle, Product Recommendations, or Product Upsell

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_rghgn9.png)

## Configuring the accept button

### Button type

Choose from three button styles to fit your store’s layout and sales flow:

* **Primary**: Highly visible, recommended for most pages except the checkout
  
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_xe3t29.png)
    
* **Secondary**: Less prominent but still interactive, ideal for the checkout page
 
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1l5nv2m.png)
    
* **Plain**: Minimal style with no obvious button appearance, suitable for a subtle approach
 
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_2xp9m.png)

| **Button placement tips**
| For **checkout pages**, we recommend using **Secondary** or **Plain** to keep focus on the main checkout button
| For other pages, such as the **Thank You** page, consider the **Primary** style for increased visibility

### Customizing button text

|| Note:- due to Shopify limitations on customizations made to the post-purchase page, the Accept button is not currently amendable

1. Default text is **Buy Now**, but you can modify it as needed
2. Add **dynamic placeholders** to display relevant information, such as the **Total Added Price**, making it clear to customers what they are accepting

![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_1531181.png)

### Saving changes

After customizing the button, click **Save** at the top-right corner to apply updates.

## Special options for post-purchase pages

On **one-click upsell (post-purchase)** pages, the Accept button has an additional **Require Second Click** option that can be enabled:

1. **Enable Second Click**: Adds a second confirmation step to reduce accidental purchases
2. Customize the confirmation text to clearly communicate the action required
3. When enabled, the button text will update upon the first click, and the customer must click again to complete the upsell

| **Tip**: This feature is particularly useful for **one-click upsell pages**, where additional confirmation helps prevent unintentional purchases |

### Behavior on acceptance

The action triggered by the Accept button depends on the widget and page with which you are using the accept button. For example:

* **Checkout page**: Product is added to the checkout page with minimal interaction
* **Post-purchase pages**: If the second-click confirmation is enabled, the customer must confirm before the offer is added to their order
* **Thank you page / Order status page**: Product is added to the customer’s order; the widget may hide or remain visible based on your configuration

## Additional resources

To explore more about any specific block within a widget, navigate using the **sidebar** on the left in the Upsell.com Editor. Access additional help desk articles and videos by clicking **Learn More** in the actions menu on the right.

### Well, that's a wrap!

If this article did not solve your issue, our support team is available for you 24/7. Just click the live chat button at the bottom-right corner of this page.

| 📢 Did you know we have a YouTube channel? Don't forget to [subscribe to the channel](https://www.youtube.com/channel/UCyhFu9538WtMSUcdFERO4JA) to keep in touch with us and our news and updates
| 🙏 If you find our app useful, help other merchants find it by [leaving us an honest review on the Shopify App Store](https://apps.shopify.com/reconvert-upsell-cross-sell#modal-show=WriteReviewModal)! It means the world to us
| 📧 Please let us know if you spot any typos, mistakes, or omissions via: care@upsell.com