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 lifetime access — $39 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 StoreThemesActionsEdit 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 SettingsCustom 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

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.