floors.js — Transformez Votre Site Web en un Hôtel Habbo

Qu'est-ce que floors.js ?

floors.js est un script révolutionnaire qui injecte une interaction sociale persistante et en temps réel directement sur votre site web existant grâce à une seule ligne de JavaScript. Il convertit vos pages web statiques en salles 3D isométriques explorables, rappelant les jeux sociaux classiques comme Habbo Hotel. Au lieu que les visiteurs consomment passivement du contenu, ils deviennent des avatars 3D tangibles qui peuvent se voir, se déplacer entre les pages (salles) et engager une conversation en direct directement sur votre domaine. Cela transforme fondamentalement l'engagement sur le site web d'une diffusion unidirectionnelle à un espace numérique partagé et persistant.

Cet outil résout le problème critique des taux de rebond élevés et de l'intention des visiteurs non capturée. En faisant de votre site un « lieu » plutôt qu'un simple document, floors.js vous permet d'être présent, d'offrir une assistance immédiate, de recueillir des commentaires spontanés et de construire une véritable atmosphère communautaire. Il ne nécessite absolument aucune configuration backend, intégration de SDK ou configuration complexe — il suffit d'insérer la balise de script, et votre site s'anime instantanément avec une présence.

Fonctionnalités Clés

• Présence 3D Instantanée : Les visiteurs apparaissent immédiatement sous forme d'avatars 3D cubiques dès leur arrivée, avec des noms aléatoires, éliminant ainsi la friction liée à l'inscription. Ils voient les autres visiteurs en temps réel.
• Cartographie de Salle Isométrique : Chaque page de votre site est automatiquement mappée à une disposition de salle isométrique 3D unique et explorable, avec des sols et des murs.
• Navigation en Temps Réel : Les avatars marchent sur le sol jusqu'à l'endroit où l'utilisateur clique. Les transitions de salle sont fluides, détectées automatiquement via les changements de navigation (prêt pour SPA avec React, Next.js, Vue, etc.).
• Chat Sans Friction : Les messages apparaissent sous forme de bulles de parole flottantes au-dessus des avatars. Vous pouvez discuter directement avec les visiteurs pendant qu'ils parcourent activement votre contenu.
• Configuration Zéro Configuration : Le script analyse automatiquement la structure de navigation du site (<nav>) pour définir les différentes pages comme des salles de discussion distinctes. Il fonctionne universellement sur les sites statiques, WordPress, Shopify et les frameworks JavaScript modernes.
• Axé sur la Confidentialité : Pas de cookies, pas de journalisation d'IP, et n'utilise qu'un pseudonyme aléatoire stocké localement. Il est conçu pour être conforme au RGPD par défaut.
• Options de Personnalisation : Des attributs de données étendus permettent de personnaliser la couleur d'accentuation, le nom d'affichage, les messages de bienvenue épinglés par salle, et de désigner un avatar propriétaire.

Comment Utiliser floors.js

Commencer avec floors.js est conçu pour être incroyablement rapide et simple, ne nécessitant qu'une seule étape pour l'implémentation de base :

1. Obtenez Votre Clé : Inscrivez-vous et récupérez votre data-key unique.
2. Collez le Script : Insérez la balise <script> fournie dans le HTML de votre site web, généralement juste avant la balise fermante </body>.

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

3. Création Automatique des Salles : Le script commence immédiatement à analyser la structure de navigation de votre site pour définir les différentes pages comme des salles de discussion distinctes.
4. Interagissez : Une fois chargé, vous et vos visiteurs verrez des avatars apparaître. Vous pouvez cliquer sur l'icône du widget (généralement en bas à droite) pour ouvrir le panneau de discussion et commencer à interagir avec les utilisateurs parcourant différentes parties de votre site simultanément.

Pour un contrôle avancé, vous pouvez ajouter des attributs optionnels à la balise de script, tels que data-accent pour correspondre à votre marque ou data-pinned-message pour définir des annonces spécifiques à la salle.

Cas d'Utilisation

1. Support et Ventes E-commerce : Au lieu de s'appuyer sur des fenêtres contextuelles de chat statiques, le personnel de vente peut parcourir la « salle de page produit » et accueillir de manière proactive les acheteurs qui s'attardent, en offrant des conseils contextuels immédiats ou des opportunités de vente incitative.
2. Hubs de Documentation SaaS/Logiciels : Les rédacteurs techniques et les agents de support peuvent surveiller les pages de documentation. Lorsqu'un utilisateur est bloqué sur un guide complexe, un avatar d'expert peut apparaître instantanément à côté de lui pour fournir des éclaircissements, réduisant ainsi les tickets de support.
3. Événements Virtuels et Conférences : Utilisez floors.js pour créer des zones de hall persistantes ou des salles de discussion pour les événements virtuels hébergés sur un site web standard, permettant aux participants de se mêler et de réseauter visuellement entre les sessions programmées.
4. Création de Communauté sur les Blogs/Forums : Transformez les articles de blog à fort trafic en lieux de rassemblement persistants où les lecteurs peuvent discuter du contenu de l'article en temps réel, favorisant un sentiment de communauté plus fort autour de votre contenu.
5. Collecte de Commentaires en Temps Réel : Lancez une nouvelle fonctionnalité ou une page de destination et regardez les visiteurs interagir avec elle en 3D. Vous pouvez recueillir des commentaires qualitatifs immédiats en discutant avec les utilisateurs pendant qu'ils découvrent le nouveau design ou la nouvelle fonctionnalité pour la première fois.

FAQ

Q : Qu'est-ce qui compte exactement comme visiteur simultané ? A : Un visiteur simultané est toute personne activement connectée à votre site au même moment. Si un visiteur ferme son onglet ou navigue entièrement hors de votre domaine, son emplacement se libère. L'offre à vie prend en charge jusqu'à 100 visiteurs simultanés par site.

Q : Cela nécessite-t-il une intégration complexe pour les frameworks modernes comme Next.js ou Shopify ? A : Non. Pour Shopify et les sites statiques, vous collez la balise de script dans le pied de page de votre thème. Pour les applications monopages (SPA) comme Next.js, Vue ou Astro, floors.js s'accroche automatiquement au système de routage (pushState/popstate), garantissant que les changements de salle se produisent de manière transparente lorsque les utilisateurs naviguent en interne.

Q : Que se passe-t-il si je dépasse la limite de visiteurs simultanés ? A : Les nouveaux visiteurs sont placés dans une file d'attente d'attente. Ils rejoindront automatiquement l'espace 3D dès qu'un visiteur existant partira, garantissant que ceux qui sont déjà présents ne sont jamais déconnectés.

Q : Est-ce conforme au RGPD ? A : Oui, floors.js est conçu pour privilégier la confidentialité. Il n'utilise aucun cookie, n'enregistre pas les adresses IP et ne stocke qu'un pseudonyme aléatoire temporaire dans localStorage. Il ne nécessite aucune invite de consentement explicite pour les fonctionnalités de base.

Q : Quelle est la garantie si le produit ne répond pas à mes besoins ? A : floors.js offre une garantie de remboursement de 7 jours. Si vous n'êtes pas satisfait au cours de la première semaine d'essai du service, vous pouvez envoyer un e-mail à l'équipe pour obtenir un remboursement complet.