Na era digital atual, em que a experiência do usuário desempenha um papel crucial na retenção de clientes e na garantia de que os visitantes do site permaneçam envolvidos, a introdução de elementos dinâmicos, como o controle deslizante de imagens, pode mudar o jogo.
O The Funnels, com sua abordagem inovadora, introduziu um elemento de controle deslizante de imagem nos funis e nos sites. Se você está se perguntando como fazer o melhor uso desse recurso, está no lugar certo!
Como adicionar o controle deslizante de imagens
Em seu painel do The Funnels, no menu lateral esquerdo, clique em Funis de Venda;
Nesse exemplo, irei editar um funil, mas lembre-se de que o controle deslizante de imagem funciona tanto em funis quanto em sites;
Crie ou edite um funil/site já existente;
Navegue até o construtor de funil/site e seleciona a página em que vai criar a sua seção;
Clique no ícone + no canto superior esquerdo e adicione uma seção. Selecione a opção de seção e linha que desejar;
Clique em + Adicionar Elemento e, na subseção "Mídia", selecione a opção "Controle deslizante de imagem";
Como configurar seus slides
No menu à direita da tela, você verá os espaços intitulados "deslizar 1", "deslizar 2" e "deslizar 3". Vamos usar o Deslizar 1 como exemplo.
Ao clicar em cima do slide, as opções de configuração dele aparecerão em uma lista logo abaixo, chamada "Lista Deslizante" e o número ou nome do Slide;
Clique no ícone de imagem para selecionar a foto que deseja adicionar ao carrossel ou coloque o link;
*Somente links das imagens hospedadas em sua biblioteca (Midia Storage) serão aceitos. Imagens hospedadas em ferramentas externas apresentarão erro*
Você pode adicionar uma imagem já existente em sua biblioteca ou fazer o upload de novas imagens:
Configure a ordemdos slides:
Depois de carregadas, escolha a sequência em que deseja que suas imagens apareçam. Por exemplo, se você tiver carregado a Imagem1, a Imagem2 e a Imagem3, poderá defini-las na ordem que desejar.
Recursos avançados:
Slides adicionais e Call-To-Action (CTA)
O The Funnels lhe dá a flexibilidade de adicionar mais slides. Além disso, para cada slide, há uma opção para inserir um link de CTA, especificando o URL para o qual os visitantes serão direcionados ao clicar na imagem.
Você pode até determinar se o link deve ser aberto na mesma guia ou em uma nova guia.
Ajuste de dimensões:
Personalize a altura e a largura do carrossel de acordo com o formato das imagens.
*Certifique-se de que todas as imagens tem o mesmo tamanho*
Configurações avançadas:
nas opções avançadas você pode:
Ajustar as margens de pixels para reposicionar o controle deslizante;
Configurar as bordas da imagem e escolha sua espessura e cor;
Arredondar os cantos das imagens;
Escolher entre diferentes estilos de borda, como pontilhado ou tracejado.
Aplicar sombras;
Aplicar quebra de página;
Configurar a animação da seta;
Animar seu controle deslizante: Adicione uma sensação dinâmica configurando a forma de transição dos slides.
As opções variam de animação automática à looping infinito e gestos de deslizamento.
Você também pode alterar a aparência e o comportamento das setas de navegação;
Decidir a visualização do dispositivo: desktop, celular ou ambos;
