Floors.js : Un Espace Social 3D en Temps Réel sur votre Site

C’est quoi, floors.js ?

Floors.js est une librairie JavaScript qui s’intègre sous forme de widget, permettant d’ajouter des salles de chat 3D en temps réel à n’importe quelle page web.

L’idée est simple mais efficace : chaque page de votre site devient une “room” (dans l’esprit de Habbo, ce qui amène un peu de nostalgie..! 😜), chaque visiteur y apparaît automatiquement avec un avatar, et vous pouvez engager la conversation directement.

C’est quelque part entre le chat live classique et un espace collaboratif virtuel (type Gather). Mais avec une friction d’installation proche de zéro.

Côté compatibilité, floors.js fonctionne pleinement avec les stacks modernes :

• CMS : copier-coller dans un bloc de “custom code” sur votre CMS préféré (WordPress, Webflow, Shopify, etc.)
• Frameworks web → floors.js fonctionne pleinement quel que soit votre mode de rendu : SSR, SSG et CSR, ce qui le rend ainsi compatible avec des frameworks comme React, Next.js, Vue, Nuxt, SvelteKit, Astro, etc.

Installation

Pour intégrer floors.js, il suffit de copier-coller ce snippet dans le code HTML de votre site.

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

La configuration se fait ensuite entièrement depuis le dashboard, sans toucher au code.

Le widget se charge de manière asynchrone et ne bloque pas le rendu de la page (il n’est chargé qu’à l’ouverture du widget).

Le squelette HTML du widget pèse moins de 1 Ko en inline et la bibliothèque Three.js (utilisée pour le rendu de la room) est chargée depuis un CDN après que votre page soit prête, autrement dit, aucun impact sur vos Core Web Vitals. ✌️

Ce que ça fait concrètement

Les visiteurs deviennent visibles

Dès qu’un visiteur arrive sur votre page, il apparaît sous forme d’avatar 3D. Aucune inscription requise : il reçoit un nom aléatoire et un avatar automatiquement, sans aucune friction.

Vous voyez en temps réel qui navigue sur quelle page, combien de temps il y reste, et vous pouvez initier une conversation à tout moment.

Chat contextuel et naturel

Depuis le chat, vous pouvez :

1. Mentionner quelqu’un
2. Envoyer un message privé
3. Répondre à un message spécifique (citation)
4. Parler à toute la salle

Les visiteurs interagissent comme s’ils étaient au même endroit.

Alertes depuis votre téléphone

Recevez une notification sur Telegram ou Discord dès que quelqu’un parle sur votre site. Répondez directement depuis votre téléphone, vos visiteurs voient le message instantanément ! ⚡

Mode 1-on-1

Activez ce mode et les visiteurs ne vous voient que vous, pas les autres. Une configuration parfait pour intégrer une fonctionnalité de support client.

Modération automatique

La modération tourne en autopilote : spam, liens promotionnels et floods peuvent être bloqués avant que vous les voyiez.

Historique complet

Chaque message est sauvegardé dans votre dashboard. Retrouvez n’importe quelle conversation par room ou mot-clé, et exportez quand vous en avez besoin. (CSV et JSON supportés.)

Customisation

C’est là que floors.js se distingue vraiment des widgets de chat classiques.

Room Builder 3D

Vous placez des meubles, adaptez les couleurs et motifs à votre branding. Partez d’un template ou créez depuis zéro, tout cela à portée de clic en drag & drop avec un builder super simple à utiliser.

Styles d’avatars

Quatre styles d’avatars sont disponibles. Les visiteurs peuvent personnaliser leurs couleurs dans le widget : très gadget mais pas moins fun.

En tant que propriétaire, vous avez un avatar unique.

Pour qui ?

En se positionnant à mi-chemin entre le chatbot conversationnel (véritablement humain) et la brique ludique interactive, floors.js embrasse un spectre particulièrement large de cas d’usage :

• Landing pages : Répondez aux questions en live avant que le visiteur rebondisse
• SaaS : Éclairez vos visiteurs sur vos plans de pricing et features
• E-commerce : Accompagnez les clients pendant qu’ils parcourent vos produits, comme en boutique physique
• Communautés : Les membres se croisent directement sur votre site, plus de conversations = plus de rétention
• Cours en ligne : Les étudiants s’entraident sur la page du cours, sans quitter la plateforme
• Apps : Montrez que votre application est vivante avec de vraies personnes à l’intérieur

Tarifs

Côté pricing, deux options s’offrent à vous :

L’offre lifetime inclut bien entendu toutes les futures mises à jour gratuitement et une garantie satisfait-ou-remboursé de 7 jours s’applique. De quoi intégrer floors.js sans risque et voir par vous-même l’impact que ça peut avoir sur votre site.

Les deux incluent l’utilisation sur tous vos sites, ce qui rend floors.js d’un point de vue tarifaire très intéressant sur un usage support multi-domaines.

Mon avis

Derrière son approche fun et inédite, floors.js répond à un vrai besoin : le silence des analytics.

Plutôt qu’un énième widget interchangeable, l’expérience proposée est innovante.

L’installation et la configuration sont honnêtement rapides, la compatibilité technologique est bonne (initialisation du widget), et le fait de pouvoir être notifié sur des apps tierces telles que Discord et Telegram, sans rester rivé à un dashboard, est un vrai avantage pour les indés et petites équipes.

Le builder de room 3D est la fonctionnalité la plus différenciante, puisque c’est notamment elle qui donne une touche communautaire fun et une identité forte à ce widget.

Pour laconsole.dev, c’est d’ailleurs déjà en production, au cas où vous ne l’auriez pas remarqué en bas à droite 👀.