> ## 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 product block on Upsell.com | App Blocks | Shopify

The product block exists within a number of Upsell.com widgets. \[Please note that some minor differences may exist between certain pages and specific widgets.]

This guide will focus solely on where there is only **one** product to display. If you are in a widget, such as the **product recommendations** widget, which allows you to select multiple products, please follow the guidance [here](https://help.upsell.com/en/article/how-to-use-the-product-recommendations-widget-shopify-14zfqza/) within the product recommendations widget, as it differs from the guidance here.

${youtube}[product block](LYm5KC-ib0I)

### Other blocks within widgets

You can learn more about other blocks within a widget by clicking the links below. \[Please note that some minor differences may exist between certain pages and widgets.]

* [Image](https://help.upsell.com/en/article/how-to-use-the-image-block-shopify-1wtf6e7/)
* [Product details](https://help.upsell.com/en/article/how-to-use-the-product-details-block-shopify-mr56cr/)
* [Product description](https://help.upsell.com/en/article/how-to-use-the-product-description-block-shopify-zj9ik5/)
* [Price & discount](https://help.upsell.com/en/article/how-to-use-the-price-and-discount-block-shopify-1gj329j/)
* [Accept button](https://help.upsell.com/en/article/how-to-use-the-accept-button-block-on-upsellcom-app-blocks-shopify-1jcjard/)
* [Variant picker](https://help.upsell.com/en/article/how-to-use-the-variant-picker-block-shopify-1meh3ok/)
* [Quantity selector](https://help.upsell.com/en/article/how-to-use-the-quantity-selector-block-shopify-1n7m6st/)
* [Success/Error banner](https://help.upsell.com/en/article/how-to-use-the-success-error-banner-block-shopify-ogyhmx/)

### Customizing the product block

1. Once you are within a widget, click on the **Product** block

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

2. To add more product blocks to an existing widget, click **Add widget**

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

3. Select the **Product** block from the widget selector, and it will be added to the bottom of the widget you are currently in

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

In this article, we will focus on the **Product Block**. The product block determines which **product** (or **products**, depending on the widget) will be displayed to your customers.

# Product to display

Within this block, you have the choice to display:-

* Shopify recommendations / complementary products
* A specific product
* The most expensive product in the customer's order
* The cheapest product in the customer's order
* A number of integrations with third party applications

Each will be discussed below.

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

### Shopify recommendations setup

To set up the product block with Shopify recommendations, follow these steps.

###### Related recommendations

To set up the Shopify recommendations in accordance with Shopify's algorithm:-

1. Click on **Product**

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

2. Select **Shopify Recommendations**

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

3. Choose **Related Recommendations**

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

4. Related recommendations are auto-generated and can be configured via the **Shopify Search & Discovery** app

5. Use **exclusion tags** to exclude products you don’t want to show. For example, tag products as "purple skis"

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

6. **Check** or **uncheck** whether to hide products that are already in the customer's order

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

###### Complementary recommendations setup

To set up the Shopify recommendations in accordance with your own settings (note:- these complementary product lists will need to be set up manually via the Shopify Search and Discovery app):-

1. Select **Complementary Recommendations**

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

2. Use **exclusion tags** as needed to exclude products you don’t want to show. In this example we will exclude, "bestsellers." Type 'bestsellers' into the text box

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

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

### Specific product setup

You can choose to display a specific product. To select a specific product:-

1. Select **specific product**

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

2. Click on **select featured product** / **change**

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

3. **Select** the product you want to display

4. Click on **Select**.

**Note:** **Unlisted** products can be used in Upsell.com offers on every offer page, including post-purchase, checkout and thank you. They stay hidden from your
storefront search, collections and recommendations, but shoppers can accept them in your offers. Draft products can't be used in offers.
![](https://storage.crisp.chat/users/helpdesk/website/a78a283618511000/image_sjfnig.png)

There are some further options for customizations on what to do if the specific item you intend to upsell is already in the customer's order.

5. Decide what to do if the specific product you are upselling is already in the customer's order:

* You can choose to **display the featured product anyway**

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

* You can **hide the upsell**

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

* You can use a **Shopify recommendation instead** of the product already in the customer's order

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

* You can display an **alternative specific product**

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

Select the alternative product you wish to display if the original product is already in the customer's order. Once you’ve chosen the alternative product, simply click on the **Select** button to finalize the choice. This step ensures the customer is shown the alternative product instead of the one already in their cart.

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

### Most expensive product in cart

1. Select **Most expensive product** in the order

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

2. Add **exclusion tags** if you wish as above

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

### Cheapest product in cart

1. Select **Cheapest product** in the order

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

2. Add \*\*exclusion tags \*\*if you wish as above

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

### Using an integration of Recomatic

###### Recomatic recommendations

The [Recomatic recommendations](https://help.upsell.com/en/article/how-to-integrate-with-recomatic-personalized-recommendations-j80olz/) integration helps ensure customers see products they are likely to be interested in based on the data available. More details can be found by clicking the link to the integration.
---

### 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=ReviewListingModal)**!** It means the world to us.
||| 📧 **Please let us know if you spot any typos, mistakes, or omissions via** care@upsell.com