Slider ou Carrossel é a seção de uma página onde ocorre uma transição de imagens e textos, que podem ser automática ou manual.
Índice:
Como adicionar um Slider na página?
Para adicionar uma seção Slider na sua página, siga os passos abaixo:
1. Faça Login na plataforma através do link https://art.klickpages.com.br/pt-BR/users/sign_in
Após realizar o login na plataforma, acesse a tela de edição da sua página.
2. Clique em “Seções” no menu lateral esquerdo da tela de edição;
3. Selecione "Adicionar Seção Aqui".
4. Faça a filtragem da busca “Por Tipo”;
5. Selecione a opção “Slider”.
Aparecerá para você várias opções de modelos de Slider, escolha a que mais te agrada ou a que seja melhor para sua estratégia.
Menu de Configurações
Com o Slider já inserido na página, clique sobre a seção para que as opções de configuração da seção fiquem disponíveis no menu lateral esquerdo.
1. Clique em “Slider”;
2. No campo "Controles" definimos se a transição dos itens acontece de forma automática ou manual e o tempo de transição;
3. Se deseja que as imagens sejam trocadas automaticamente, clique para ativar a opção "Auto Iniciar";
4. "Pausar no Hover" permite que a transição automática seja pausada se o visitante descansar o mouse sobre o paginador;
5. Na opção "Transição" definimos o tempo que a transição de uma imagem para a outra dura;
6. Já na opção "Delay" escolhemos por quanto tempo cada imagem fica na tela.
Na prática eu posso definir que cada imagem fique estática por 10 segundos e a troca de uma para a outra leve 1 segundo, por exemplo.
Esse tempo é definido em milissegundos, onde 1000 milisegundos equivale a 1 segundo.
- Itens do Slider
Nesse menu a gente configura cada imagem e texto do slide:
1. Clique em "Item";
2. Em seguida em "Imagem". Escolha uma imagem da sua central de mídias ou faça o upload de uma nova;
O texto está dividido em três partes: Título, Subtítulo e Parágrafo.
Para personalizá-lo basta clicar em cada parte, marcar o texto com mouse e digitar o novo conteúdo.
Um menu lateral esquerdo será aberto em cada uma dessas partes, nele você pode alterar a fonte, assim como outros detalhes.
Por último, você pode customizar as setas de transição que aparecem na direita e na esquerda do Slide.
Clique em "Transição"
Agora clique em "Anterior" para configurar a primeira seta.
Em "Cor 1" você define a cor da seta em si e em "Cor de Fundo" você escolhe a cor do círculo que a permeia.
Faça o mesmo para a segunda seta.
Pronto! A seção de Slider foi configurada com sucesso =)
Se tiver dúvidas, entre em contato com o nosso Suporte.