Este artigo vai te explicar o que é a Web Layer e fornecer exemplos de como você pode utilizá-la. Você também aprenderá a criá-la em nosso sistema, passo a passo.
Vamos começar?
Se preferir, assista o vídeo tutorial:
Você encontrará o painel de configuração da Web Layer no Dashboard da edrone. No menu à esquerda, clique em Onsites. Você verá as soluções disponíveis e, na 2ª e 3ª posições, você verá o Web Layer Slider e o Web Layer Banner.
1) Web Layer Slider
Para começar, vamos mostrar como criar um slider! Ao selecionar a opção desejada no menu, a tela inicial exibirá quatro etapas simples que o levarão a ter o slider pronto para aparecer na página da sua loja.
Passo 1 - Escolha um template
Você tem várias opções de modelos à sua disposição. Clique naquele que melhor se adapta às suas necessidades. Assim que fizer sua escolha, você será automaticamente direcionado para o próximo passo: a edição e personalização.
Passo 2 - Personalize o Slider
Agora é hora de personalizar o slider para que ele combine com o seu site. No lado esquerdo, você verá dois menus disponíveis. Na seção Conteúdo, você pode definir o texto que aparecerá na aba com o Call to Action (Slider BAR), de onde o slider se deslizará, além de todo o conteúdo que deve ser exibido nele (Slider BODY).
Já na seção Configurações Gerais, você poderá preparar o design gráfico do slider. Prefere uma foto, uma cor sólida ou um gradiente como fundo? A escolha é sua! Aqui, você também ajustará a fonte e definirá o link para a página que o botão CTA deve direcionar o usuário.
Com a função VISUALIZAR, você pode ver em tempo real como o slider vai aparecer no seu site em desktops e dispositivos móveis.
Passo 3 - Escolha o local
Uma vez que o slider tenha a aparência desejada, é hora de decidir onde ele deve ser colocado e em quais dispositivos deve ser exibido.
Passo 4 - Detalhes finais
No final do processo de criação do slider, você precisa determinar quando, por quanto tempo e em quais páginas ele deve ser exibido. Existem várias opções para escolher:
Gatilho de tempo – decida se a criação deve aparecer imediatamente, após um período de tempo selecionado ou quando rolar até 50% da página.
Localização de exibição – indique em quais páginas o slider será exibido.
Período de exibição – você pode optar por mostrar o design imediatamente ou em um dia específico. Aqui, também é possível definir quantas vezes o slider será visível, por exemplo, uma vez por hora.
Por fim, nomeie todo o projeto, verifique a visualização e... Publique!
2) Web Layer Banner
Agora, vamos para o design do Web Layer Banner. Clique na opção desejada no menu à direita. A tela principal exibirá 3 etapas.
Passo 1 – Escolha um template
Escolha o tipo de banner que melhor atende às suas necessidades. Você prefere um com botão CTA ou texto vinculado? A decisão é sua!
Passo 2 – Personalize o banner
Aqui você pode mudar a aparência e a posição do banner. No lado esquerdo, você verá um menu detalhado onde poderá escolher:
Posição – na parte superior ou inferior da página.
Estilo – decida se o banner deve ficar estático ou poderá se se mover conforme a rolagem da página.
Cor – assim como no slider, você pode decidir se o banner deve ter apenas um plano de fundo com cor ou preenchido com uma imagem.
Conteúdo – insira um slogan cativante e um CTA vendedor, escolha uma cor de fonte e insira o link para o qual o banner deve direcionar o usuário.
Passo 3 – Configuração final
Este é o mesmo menu do slider. Escolha em quais dispositivos deseja exibir a sua criação, em quais páginas e em que horário. Salve o projeto e pronto!
Finalizando:
Agora que você já sabe como criar Web Layers, certifique-se de testar todas as configurações! Muitas vezes as melhores ideias nascem no processo de criação!
Precisa de ajuda adicional?
Se você tiver mais dúvidas sobre Onsites na edrone, fique à vontade para entrar em contato conosco pelo e-mail hello@edrone.me