> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://www.effectify.help/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 Add and Customize the Scarcity Upsell Banner

## Introduction

The **Scarcity Upsell Banner** helps increase conversions by promoting your store's **most-viewed product** using real-time visitor data. You can fully customize the banner's message, product description, call-to-action button, and appearance to match your store's branding.

This guide will walk you through adding the **Scarcity Upsell Banner** to your product page and customizing its settings.

---

## Step 1: Open the Upsell Banner Settings

1. Log in to your **Shopify Admin**.
2. Open the **Livo: Live Visitors Counter** app.
3. Click **Upsell Settings** from the app dashboard. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/8/4/1/f8416cba63cde000/image_1fu0eyx.png =1000x1000)
4. Locate the **Edit banner in the theme** section.
5. Click **Edit banner in theme** to open the Shopify Theme Editor. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/8/4/1/f8416cba63cde000/image_dzppzi.png =1000x1000)
---

## Step 2: Add the Scarcity Upsell Banner to Your Product Page

1. In the Shopify Theme Editor, open your **Product** template.
2. Click **Add Block**.
3. Select the **Apps** category.
4. Choose **Scarcity Upsell Banner**. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/8/4/1/f8416cba63cde000/image_rjwfus.png =750x750)
5. Drag and position the block wherever you'd like it to appear on the product page.
6. Click **Save** in the top-right corner to publish your changes. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/8/4/1/f8416cba63cde000/image_13rd7xx.png =1000x1000)
---

## Step 3: Customize the Visitor Count Message

You can personalize the message displayed above the featured product.

1. Locate the **Visitor count text** field.
2. Enter your preferred message.
3. Use the placeholder **`VISITORS_COUNT`** wherever you want the live visitor count to appear. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/8/4/1/f8416cba63cde000/image_1powith.png =250x250)
For example:

> 🔥 `VISITORS_COUNT` people are viewing this right now

> **Note:** Do not remove the `VISITORS_COUNT` placeholder if you want the live visitor count to be displayed.

---

## Step 4: Configure the Product Description

Choose how the product description should appear in the banner.

Available options include:

* **Use product description** – Displays the product's existing Shopify description.
* **Custom text** – Lets you write your own promotional message.
* **Hide description** – Removes the description from the banner. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/8/4/1/f8416cba63cde000/image_1pubcle.png =250x250)
---

## Step 5: Configure the Call-to-Action Button

Customize how customers interact with the featured product.

### Button Action

Choose one of the following actions:

* **Buy it now (Go to checkout)** – Sends customers directly to the checkout after clicking the button.
* **Add to cart** – Adds the product to the shopping cart while allowing customers to continue shopping.

### Button Label

Customize the button text with a label that matches your store's branding, such as:

* Buy Now
* Shop Now
* Get Yours Today
* Order Now ![](https://storage.crisp.chat/users/helpdesk/website/-/f/8/4/1/f8416cba63cde000/image_1ilz5kh.png =250x250)
---

## Step 6: Customize the Banner Appearance

You can further personalize the banner to match your store's design.

Available customization options include:

* **Automatic colors** – Inherit your Shopify theme's colors automatically, or disable this option to choose your own colors.
* **Corner radius** – Adjust the roundness of the banner's corners for a softer or sharper appearance.

Preview your changes in the Theme Editor and click **Save** when you're satisfied. ![](https://storage.crisp.chat/users/helpdesk/website/-/f/8/4/1/f8416cba63cde000/image_1pfxbp4.png =250x250)
---

## Conclusion

You have successfully added and customized the **Scarcity Upsell Banner** on your Shopify product page. By tailoring the visitor message, product information, call-to-action, and appearance, you can create a more engaging shopping experience and encourage more conversions.

If you need any assistance, our **support team** is always happy to help. :$  

You can learn more about Scarcity Visitor Counter in the [Shopify App Store page](https://apps.shopify.com/5b8e0578072d9eb0bcda63fe6fa69a03?utm_source=effectify.help&utm_medium=article-footer-link&utm_campaign=help-article). If you need help, feel free to contact our **support team**.