Integration Guide

Add floors.js to Shopify

See shoppers browsing your products in real-time. Help them pick the right item, answer sizing questions, close the sale — all without a Shopify app.

Get started — from $14/mo See how it works

How it works

Every page in your Shopify store automatically becomes a room. Your homepage is one room. Each collection page is a room. Each product page is a room. When a shopper lands on /products/blue-jacket, they appear as a 3D avatar in the "blue-jacket" room.

You see everyone browsing your store in real-time. You can chat with them while they shop — answer a sizing question, recommend a color, or just say hello. Other shoppers see each other too, which creates natural social proof. If five people are looking at the same product, it must be worth buying.

Installation

Two ways to add floors.js to your Shopify store. Both take under a minute.

Method A — Recommended

Theme editor (works on all plans)

Go to your Shopify admin. Navigate to Online Store → Themes → Actions → Edit code. Open the theme.liquid file. Scroll to the bottom and paste the script tag right before the closing </body> tag.

<!-- Add this before </body> in theme.liquid -->
<script src="https://floorsjs.com/embed.js" data-key="flr_your_key_here"></script>

Save the file. That's it. Every page in your store now has floors.js running.

Method B

Shopify admin custom code

On some Shopify plans, you can go to Settings → Custom code and paste the script into the footer scripts section. This avoids editing your theme files directly.

<script src="https://floorsjs.com/embed.js" data-key="flr_your_key_here"></script>

Both methods do the same thing. Pick whichever feels easier.

What you'll see

  • Shoppers on /products/blue-jacket appear in the "blue-jacket" room — every product page maps to its own room automatically
  • Collection pages become their own rooms — visitors browsing /collections/summer are grouped together in the "summer" room
  • You see how many people are on each page — the building overview shows all active rooms stacked as floors with visitor counts
  • Discord notifications when someone lands on a high-value page — get pinged when a shopper hits your best-selling product or the checkout page

Perfect for DTC brands

Small direct-to-consumer brands compete against massive retailers by offering something Amazon never can: a personal shopping experience.

With floors.js, shoppers see other people browsing the same products. That's instant social proof — this store has real customers, right now, looking at the same thing I am. And the store owner (or a team member) can jump into any room and help. Recommend a size, suggest a matching item, share a discount code.

It's the digital equivalent of a boutique owner walking the shop floor. The brands that talk to their customers sell more. floors.js makes that effortless.

Frequently asked questions

Do I need to install a Shopify app?

No. floors.js is just a script tag. You paste one line of code into your theme — no app review process, no monthly subscription through the Shopify App Store, no permissions to grant. You own the integration completely.

Does it work with Shopify 2.0 themes?

Yes. floors.js works with any Shopify theme — Dawn, Debut, Sense, Craft, custom themes, all of them. It doesn't depend on theme architecture. If your store has a </body> tag, it works.

Does it slow down my store?

No. The script loads asynchronously and doesn't block page rendering. The widget shell appears instantly, and the 3D scene loads in the background. It won't affect your Core Web Vitals, Lighthouse score, or SEO rankings.