Ir para conteúdo principal

Web Layer – configuração passo a passo

Veja como configurar um Slider ou um Banner (Web Layer) passo a passo: da escolha do modelo até a publicação no seu site.

Escrito por Talitha Santos

O que é o Web Layer?

Web Layer é um widget onsite que você pode adicionar à sua loja: um Slider ou um Banner. Os dois ajudam você a mostrar mensagens, ofertas ou formulários direto no seu site, sem precisar alterar o código.

Você encontra os dois widgets no menu lateral esquerdo: acesse Onsites e depois escolha Slider ou Banner.

Criando um Slider

Veja como configurar um Slider do início ao fim.

1. Tela de modelos

Escolha um modelo para começar ou clique em Comece do zero para montar o Slider a partir de um layout em branco.

2. Tela de configurações

Depois de escolher o modelo, você vai para a tela de configurações. Nela você define:

  • Nome – dê um nome ao Slider para encontrá-lo depois com facilidade.

  • Dispositivo – exiba o Slider em todos os dispositivos, só no desktop ou só em smartphones.

  • Posição – escolha onde o Slider aparece na tela, por exemplo à direita ou na parte inferior.

  • Gatilhos – defina as condições que fazem o Slider aparecer.

  • Agendamento – exiba o Slider agora ou só durante um período específico.

  • Status de assinatura – direcione o Slider para contatos com base no status de assinatura de e-mail, SMS ou WhatsApp.

  • Tag – adicione uma tag para organizar e acompanhar esse Slider.

  • Limite de exibições – controle quantas vezes o Slider pode aparecer.

3. Tela de edição de design

Clique em Editar design para abrir a tela de edição. Ela tem duas abas:

Aba Slider – é aqui que você monta o conteúdo. Adicione elementos um por um: campos de Nome, E-mail, Telefone, Espaçador, Botão e Texto. Você também pode clicar em Adicionar etapa para transformar o Slider em um fluxo de várias etapas, ou em Adicionar etapa de agradecimento para mostrar uma mensagem final depois que o Cliente enviar o formulário.

Aba Configurações – é aqui que você define o estilo. Configure:

  • O fundo da aba ou barra do Slider: cor sólida, gradiente ou imagem.

  • O fundo do corpo do Slider.

  • Uma fonte personalizada do Google Font.

  • Uma URL de redirecionamento, se você quiser que o Cliente seja direcionado para uma página específica depois de interagir com o Slider.

4. Pré-visualização e publicação

Use Visualizar para ver como o Slider está ficando. Quando estiver satisfeito, clique em Publicar para deixá-lo no ar no seu site.

Criando um Banner

O Banner funciona do mesmo jeito que o Slider: tela de modelos → tela de configurações → tela de edição de design → publicação. A única diferença é que você está montando um Banner, não um Slider.

Na tela de modelos, escolha um modelo ou clique em Comece do zero. Na tela de configurações, defina as mesmas opções do Slider: nome, dispositivo, posição, gatilhos, agendamento, status de assinatura, tag e limite de exibições. Depois, clique em Editar design para montar o conteúdo do Banner (aba Banner) e definir o estilo (aba Configurações), assim como você faria com o Slider. Visualize o resultado e clique em Publicar quando estiver tudo certo.


Ficou com dúvidas?

Se precisar de mais ajuda, chama a gente no chat 💬 ou pelo e-mail hello@edrone.me.

Isto respondeu à sua pergunta?