Articles on: Shopify Apps

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.
  4. Locate the Edit banner in the theme section.
  5. Click Edit banner in theme to open the Shopify Theme Editor.


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


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.

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.


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


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.


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. If you need help, feel free to contact our support team.

Updated on: 04/08/2026