UStackUStack
floors.js favicon

floors.js

floors.js transforma qualquer website num espaço social 3D interativo onde os visitantes aparecem como avatares, podem circular pelas páginas e conversar em tempo real sem fricção.

Visitar Site
floors.js

O que é floors.js?

floors.js — Transforme o Seu Website Num Hotel Social

O Que É floors.js?

floors.js é um script revolucionário que injeta interação social persistente e em tempo real diretamente no seu website existente usando uma única linha de JavaScript. Ele converte as suas páginas web estáticas em salas 3D isométricas e exploráveis, que lembram jogos sociais clássicos como o Habbo Hotel. Em vez de os visitantes consumirem conteúdo passivamente, eles tornam-se avatares 3D tangíveis que podem ver uns aos outros, mover-se entre páginas (salas) e participar em conversas ao vivo diretamente no seu domínio. Isto muda fundamentalmente o envolvimento no website de uma transmissão unidirecional para um espaço digital partilhado e persistente.

Esta ferramenta resolve o problema crítico das altas taxas de rejeição e da intenção do visitante não capturada. Ao transformar o seu site num 'local' em vez de apenas um documento, floors.js permite-lhe estar presente, oferecer assistência imediata, recolher feedback espontâneo e construir uma atmosfera de comunidade genuína. Não requer absolutamente nenhuma configuração de backend, integração de SDK ou configuração complexa — basta inserir a tag de script, e o seu site ganha vida instantaneamente com presença.

Funcionalidades Principais

  • Presença 3D Instantânea: Os visitantes aparecem imediatamente como avatares 3D blocados, com nomes aleatórios, eliminando a fricção de registo. Eles veem outros visitantes em tempo real.
  • Mapeamento de Salas Isométricas: Cada página do seu site é mapeada automaticamente para um layout de sala isométrico 3D único e explorável, completo com pisos e paredes.
  • Navegação em Tempo Real: Os avatares caminham pelo chão até onde o utilizador clica. As transições de sala são contínuas, detetadas automaticamente através de alterações de navegação (pronto para SPA para React, Next.js, Vue, etc.).
  • Chat Sem Fricção: As mensagens aparecem como balões de fala flutuantes acima dos avatares. Pode conversar diretamente com os visitantes enquanto eles estão ativamente a navegar no seu conteúdo.
  • Configuração Zero: O script analisa automaticamente a estrutura de navegação do site (<nav>) para definir as diferentes salas. Funciona universalmente em sites estáticos, WordPress, Shopify e frameworks JavaScript modernos.
  • Foco na Privacidade: Sem cookies, sem registo de IP e utiliza apenas um pseudónimo aleatório armazenado localmente. Foi concebido para ser compatível com o GDPR por defeito.
  • Opções de Personalização: Atributos de dados extensivos permitem a personalização da cor de destaque, nome de exibição, mensagens de boas-vindas fixas por sala e a designação de um avatar proprietário.

Como Usar floors.js

Começar a usar o floors.js foi concebido para ser incrivelmente rápido e simples, exigindo apenas uma etapa para a implementação básica:

  1. Obtenha a Sua Chave: Registe-se e recupere a sua data-key única.
  2. Cole o Script: Insira a tag <script> fornecida no HTML do seu website, tipicamente logo antes da tag de fecho </body>.
    <script src="https://floorsjs.com/embed.js" data-key="flr_..." ></script>
    
  3. Criação Automática de Salas: O script começa imediatamente a analisar a estrutura de navegação do seu site para definir as diferentes páginas como salas de chat distintas.
  4. Interaja: Assim que for carregado, você e os seus visitantes verão os avatares aparecerem. Pode clicar no ícone do widget (geralmente no canto inferior direito) para abrir o painel de chat e começar a interagir com utilizadores que navegam em diferentes partes do seu site simultaneamente.

Para controlo avançado, pode adicionar atributos opcionais à tag de script, como data-accent para corresponder à sua marca ou data-pinned-message para definir anúncios específicos da sala.

Casos de Uso

  1. Suporte e Vendas de E-commerce: Em vez de depender de pop-ups de chat ao vivo estáticos, a equipa de vendas pode circular pela 'sala da página do produto' e cumprimentar proativamente os compradores que demoram, oferecendo aconselhamento contextual imediato ou oportunidades de venda adicional.
  2. Hubs de Documentação SaaS/Software: Redatores técnicos e agentes de suporte podem monitorizar páginas de documentação. Quando um utilizador fica preso num guia complexo, um avatar especialista pode aparecer instantaneamente ao lado dele para oferecer esclarecimentos, reduzindo os tickets de suporte.
  3. Eventos e Conferências Virtuais: Use floors.js para criar áreas de lobby persistentes ou salas de descanso para eventos virtuais alojados num website padrão, permitindo que os participantes se misturem e interajam visualmente entre sessões agendadas.
  4. Criação de Comunidade em Blogs/Fóruns: Transforme artigos de blog com alto tráfego em pontos de encontro persistentes onde os leitores podem discutir o conteúdo do artigo em tempo real, fomentando um sentimento de comunidade mais forte em torno do seu conteúdo.
  5. Recolha de Feedback em Tempo Real: Lance uma nova funcionalidade ou página de destino e observe os visitantes a interagir com ela em 3D. Pode recolher feedback qualitativo imediato conversando com os utilizadores à medida que eles experimentam o novo design ou funcionalidade pela primeira vez.

FAQ

P: O que exatamente conta como um visitante concorrente? A: Um visitante concorrente é qualquer pessoa ativamente ligada ao seu site no mesmo momento. Se um visitante fechar o separador ou navegar completamente para fora do seu domínio, o seu lugar fica livre. O acordo vitalício suporta até 100 visitantes concorrentes por site.

P: Isto requer integração complexa para frameworks modernos como Next.js ou Shopify? A: Não. Para Shopify e sites estáticos, insira a tag de script no rodapé do seu tema. Para Aplicações de Página Única (SPAs) como Next.js, Vue ou Astro, o floors.js liga-se automaticamente ao sistema de roteamento (pushState/popstate), garantindo que as mudanças de sala ocorram sem problemas quando os utilizadores navegam internamente.

P: O que acontece se eu exceder o limite de visitantes concorrentes? A: Novos visitantes são colocados numa fila de espera. Eles entrarão automaticamente no espaço 3D assim que um visitante existente sair, garantindo que aqueles que já estão presentes nunca sejam desconectados.

P: É compatível com o GDPR? A: Sim, o floors.js foi concebido para priorizar a privacidade. Não utiliza cookies, não regista endereços IP e armazena apenas um pseudónimo aleatório temporário no localStorage. Não requer prompts de consentimento explícito para a funcionalidade básica.

P: Qual é a garantia se o produto não for adequado às minhas necessidades? A: O floors.js oferece uma garantia de devolução do dinheiro em 7 dias. Se não ficar satisfeito durante a primeira semana de experimentação do serviço, pode enviar um e-mail para a equipa para obter um reembolso total.