There are x people looking at this

 

 

🔥 There are people looking at this 🔥

 

How is this of any use?
It will create social proof and if you choose to use it in combination with a remaining products countdown timer some serious scarcity to help drive sales!

Assuming you’re using Shopify and the Brooklyn theme you would add this code into your product-template.liquid file.

We suggest experimenting to see where you think it will work best when it comes to your theme.

<p class="browsing-users">🔥 There are <b class="num"></b> people looking at this 🔥</p>

Edit:

WordPress automatically added extra code into this so there’s a fallback image if people don’t have emojis on their browsers which is a very good idea for everyone to have them show up.

Here is the css code so that the emoji shows up correctly. Add this code into your custom.scss.liquid file which is located in the Assets folder.

.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

If you don’t have that file, you would have to create it in your Assets folder and make sure you also call it by adding this line of code into your theme.liquid file.

Please Note: If you already have this in your theme.liquid file you don’t need to add it again.

{{ 'custom.scss.css' | asset_url | stylesheet_tag }}

Add this to the bottom of your product-template.liquid file above {% schema %}