fbpx

Como adicionar o visualizador de pisos Floori Lite ao seu site

Como adicionar o visualizador Floori Lite ao seu site?

  1. Adicionar nome de subdomínio (opcional)

Depois de fazer login em sua conta em https://portal.floori.io/login navegue até a guia “Configurações da conta” no menu do lado esquerdo.

Em seguida, clique no botão “Editar” na parte inferior e altere o campo Subdomínio para o nome de sua preferência. Observe que apenas letras minúsculas são permitidas, isso significa que não há espaços. Por exemplo:

Desta forma, nosso visualizador Floori Lite estará em https://jsfloors.floori.io/

2. Encontre o endereço URL do Floori Lite visualizera

Se você pulou a etapa 1, primeiro faça login em sua conta em https://portal.floori.io/login.

Agora que certamente estamos logados no portal, existem 2 maneiras de estabelecer o endereço URL do visualizador.

Uma é clicar em “Launch Floori Lite” no canto superior direito e copiar o endereço do navegador.

Em segundo lugar, vá para a guia “Floori Lite” no menu do lado esquerdo e clique em “Clique aqui!” próximo ao campo URL do Floori Lite com o botão direito do mouse e selecione Copiar endereço do link.

3. Incorpore o código

O link do link copiado (exemplo abaixo) deve ser adicionado ao código HTML (exemplo abaixo). Todo o código HTML deve ser adicionado ao código-fonte da página da web onde você deseja adicionar o visualizador Floori Lite.

Um exemplo do endereço / iframe do visualizador Floori Lite:

https://lite.actumwork.pl/preview/74513061d8a22e476bbf21b7714d8e772e547225825f1e4510de0e5f9c3e977f90e170b7665bd7823fdbc31683d95d0ad979

ou, se adicionarmos o subdomínio:

https://jsfloors.floori.io/

Amostra de código HTML iframe para adicionar à página:

<iframe src=”https://lite.actumwork.pl/preview/74513061d8a22e476bbf21b7714d8e772e547225825f1e4510de0e5f9c3e977f90e170b7665bd7823fdbc31683d95d0ad979″ style=”width:100%;height:82vh;border:none;”></iframe>

ou, se adicionarmos o subdomínio:

<iframe src="https://kowalski.floori.io/" style=”width:100%;height:82vh;border:none;"></iframe>

Além disso, também vale a pena ajustar o estilo (por exemplo, moldura, cor de fundo, etc.) para que o plug-in se ajuste ao seu site ou loja de comércio eletrônico.

 

E assim, pronto! The Floori visualizador de pisos irá renderizar em seu site.

 

Também é uma boa prática colocar um botão CTA sob cada um dos seus produtos em seu site para que, quando o cliente clicar nesse botão, ele o leve diretamente ao produto no visualizador Floori Lite.

Floori Lite CTA

Depois de inserir um novo produto no  Portal Floori, você pode encontrar um link que pode ser usado para vincular a este botão de CTA. Este link direcionará os clientes em seu site para aquele produto específico dentro do visualizador Floori.

floori-ar-rugs

O objetivo é que, depois de clicar nesse botão, você seja levado imediatamente para aquele produto específico dentro do visualizador, em vez de enviar o cliente para a visualização da categoria principal no Floori.

floori lite rug sample

 

 

Abaixo estão algumas ótimas implementações do Floori Lite nos sites e lojas de e-commerce de nossos clientes:

https://jawor-parkiet.pl/645/aranzator.html 

 

Dúvidas, preocupações? Estamos aqui para ajudar 🙂

Nos alcance: Hello@Floori.io

Reserve uma demonstração gratuita abaixo: