Como usar o módulo Segmented Slider?
Webayt O módulo Sectional Slider do CMS é usado para criar áreas de slider avançadas em seu site, incluindo imagens, títulos, descrições e botões. Este módulo permite criar não apenas banners visuais, mas também seções mais descritivas com texto e áreas de navegação.
O módulo de slider segmentado é particularmente útil para páginas iniciais, apresentações de serviços, áreas de campanhas, lançamentos de produtos ou pacotes e seções de navegação atraentes. Para cada elemento do slider, você pode gerenciar a imagem, o título, a descrição, o texto do botão, o link do botão, as configurações de cor, a seleção de grupo, a ordem e as informações de status.
Qual é a finalidade do módulo Segmented Slider?
O módulo Sectional Slider permite criar seções de slider mais ricas em seu site. Ao contrário das estruturas de slider padrão, cada elemento do slider pode incluir não apenas uma imagem, mas também um título, descrição, botões e configurações de cores.
Dessa forma, em vez de simplesmente mostrar um elemento visual ao visitante, você pode fornecer uma breve mensagem que complemente a imagem, um texto descritivo e um botão que o direcione para a página relevante.
Por exemplo, o módulo Segmented Slider pode ser usado para promover um serviço, destacar uma campanha, anunciar um novo recurso ou direcionar um usuário para uma página específica.
Como posso acessar a página do módulo Segmented Slider?
Para acessar o módulo Segmented Slider, vá para a seção Módulos no menu à esquerda do painel de administração Webayt e entre na página do módulo Segmented Slider .
Módulos → Módulo de controle deslizante segmentado
Esta página lista os elementos do slider adicionados anteriormente. Você pode adicionar novos elementos, editar os existentes ou excluí-los, se necessário.
Tela de listagem deslizante
O módulo de slider segmentado exibe os elementos adicionados em formato de tabela na tela principal. Essa lista inclui a imagem do slider, o título, as informações do grupo, o valor da sequência e as informações de status.
As seguintes ações geralmente podem ser realizadas na tela de listagem:
- Visualizando os elementos atuais do controle deslizante.
- Acesse a nova tela de adição de controles deslizantes.
- Edição de elementos do controle deslizante
- Excluindo elementos do controle deslizante
- Controlar o estado ativo ou inativo dos controles deslizantes.
Esta tela permite controlar rapidamente quais elementos estão incluídos na área do controle deslizante segmentado e em que ordem eles são exibidos.
Como adicionar um novo controle deslizante com vários segmentos?
Para adicionar um novo elemento de controle deslizante segmentado, use a guia Inserir Controle Deslizante . Nesta tela, você pode definir o texto, a imagem, as informações do botão, as configurações de cor, a seleção de grupo, o valor de ordem e o status do controle deslizante.
- Faça login no painel de administração Webayt.
- Abra a seção Módulos no menu à esquerda.
- Acesse a página do módulo Sectional Slider .
- Clique na aba Adicionar Slider .
- Por favor, preencha os campos de título e descrição do slider.
- Insira o texto do botão e, se necessário, um link para ele.
- Faça o upload ou selecione uma imagem para o seu carrossel de imagens.
- Escolha as cores de fundo, título e descrição.
- Escolha um grupo, se necessário.
- Defina o valor de ordem do controle deslizante.
- Defina seu status como ligado ou desligado.
- Salve o elemento do controle deslizante clicando no botão Adicionar .
Assim que o controle deslizante for adicionado, ele ficará disponível na área do módulo correspondente.
Como usar o campo Título?
O campo de título é usado para exibir a mensagem principal destacada no carrossel. Como é um dos primeiros textos que chama a atenção do visitante, recomenda-se que seja curto, claro e fácil de entender.
O campo de título pode ser usado para destacar o serviço, campanha, recurso ou mensagem de indicação que você deseja promover.
Como usar o campo de descrição?
O campo de descrição é usado para inserir um texto mais detalhado que complementa o título. Este campo pode explicar brevemente o que é o slider, o que ele oferece ao usuário ou por que é importante.
Recomenda-se que o texto descritivo não seja muito longo. Como as áreas de slides geralmente são seções que precisam ser lidas rapidamente, textos curtos e eficazes produzem melhores resultados.
Como usar texto e links em botões?
O texto do botão é usado para determinar o texto que será exibido no botão deslizante. Por exemplo, textos curtos e direcionais como "Ver detalhes", "Solicitar um orçamento", "Começar agora" ou "Fale conosco" podem ser preferíveis.
O campo "Link do Botão" especifica o link para a página para a qual o usuário será redirecionado ao clicar no botão. Este campo pode redirecionar para uma página de serviço, página de pacote, página de contato ou outro conteúdo.
Se um botão não for utilizado, o texto ou o link do botão podem ficar em branco, dependendo da estrutura do tema. No entanto, se um botão for utilizado, certifique-se de que o link direcione para a página correta.
Como usar o espaço visual?
No módulo de slider seccional, é possível selecionar uma imagem para cada elemento do slider. A imagem aprimora o impacto visual do slider e fornece uma narrativa que complementa o texto.
Ao carregar imagens, deve-se prestar atenção ao tamanho do arquivo e aos tipos de arquivo suportados. Imagens que estejam em conformidade com as regras de arquivo especificadas no painel devem ser priorizadas.
Para obter informações detalhadas sobre os procedimentos gerais de carregamento de imagens, você pode consultar o guia "Como carregar imagens no painel Webayt?" .
Qual é a finalidade da cor de fundo?
A configuração Cor de Fundo é usada para determinar a cor de fundo do elemento do controle deslizante correspondente. Isso permite criar uma atmosfera visual diferente para cada elemento do controle deslizante.
Ao escolher uma cor de fundo, deve-se ter cuidado para garantir que ela seja compatível com as cores da imagem, do título e da descrição. Se forem usadas cores muito escuras ou muito claras, a legibilidade do texto também deve ser verificada.
Como usar a cor do título e a cor do texto da descrição?
A opção "Cor do título" determina a cor na qual o título do controle deslizante é exibido. A opção "Cor do texto da descrição" controla a cor do texto na área de descrição.
Essas cores devem combinar com a cor de fundo do controle deslizante. A legibilidade pode ser melhorada usando texto claro em fundos escuros e texto escuro em fundos claros.
Ao escolher as cores, é importante considerar tanto a consistência da marca quanto a experiência do usuário.
Qual é a finalidade da seleção em grupo?
A Seleção de Grupo permite associar um elemento do controle deslizante a um grupo específico. Este campo pode ser usado para separar elementos segmentados do controle deslizante de acordo com diferentes casos de uso ou para listar os controles deslizantes pertencentes a um grupo específico na exibição do módulo correspondente.
Se você deseja exibir apenas os elementos do slider de um grupo específico em uma página, pode selecionar esse grupo. Para uso geral, o grupo padrão pode ser escolhido.
Para obter informações mais detalhadas sobre grupos, você pode consultar o guia Como usar grupos .
Qual é a finalidade da área de fila?
O campo de ordem é usado para determinar a ordem em que os elementos do controle deslizante são exibidos.
Se houver vários elementos de slider, o valor da ordem deles pode afetar sua disposição na interface. Elementos de slider com valores de ordem mais baixos podem ser exibidos antes, dependendo da estrutura do tema.
Para garantir um fluxo suave do controle deslizante, é útil planejar os valores da sequência sistematicamente.
Qual é a finalidade do campo Status?
O campo Status determina se o elemento do slider será exibido no site.
- Aberto: O elemento deslizante está visível no site.
- Fechado: O elemento do controle deslizante permanece salvo no painel, mas não é exibido no site.
Em vez de excluir os elementos do controle deslizante que você deseja desativar temporariamente, você pode defini-los como fechados. Dessa forma, você poderá reativá-los posteriormente.
Como atualizar uma porta deslizante seccional?
Para atualizar um elemento de controle deslizante segmentado existente, você pode clicar no botão Editar ao lado do elemento na tela de listagem.
Na tela de atualização do slider, você pode editar o título, a descrição, o texto do botão, o link do botão, a imagem, as configurações de cor, a seleção do grupo, a ordem e os campos de status. Após fazer as alterações, clique no botão Atualizar para salvar o slider.
A tela de atualização do controle deslizante também pode incluir um campo "Listas a serem atualizadas" . Esse campo é usado para especificar quais listas de idiomas devem ser atualizadas em ambientes multilíngues.
Para obter informações mais detalhadas sobre este tópico, você pode consultar o guia "Como usar listas de atualização?" .
Excluindo um controle deslizante segmentado
Se um elemento do slider não for mais necessário, ele poderá ser excluído usando o botão Excluir na tela de listagem.
Quando um controle deslizante é excluído, o item correspondente é removido da lista de controles deslizantes segmentados. Se ele puder ser necessário novamente mais tarde, talvez seja mais seguro definir seu status como "fechado" em vez de excluí-lo.
Como adicionar um módulo de slider seccional às páginas?
A criação de elementos de slider no Módulo de Slider Segmentado torna esses elementos disponíveis no sistema. No entanto, para que esses elementos de slider sejam exibidos em uma página, pode ser necessário utilizar o módulo de slider segmentado na área de Gerenciamento de Módulos dessa página.
Para obter informações detalhadas sobre como adicionar módulos às páginas, consulte o guia "Como adicionar módulos às páginas?" .
A diferença entre um controle deslizante segmentado e um módulo de controle deslizante.
O módulo Slider é usado principalmente para gerenciar banners visuais. Já o módulo Segmented Slider oferece áreas adicionais ao lado da imagem, como título, descrição, botões e configurações de cores.
Brevemente:
- Módulo Slider: Utilizado para estruturas de sliders visuais com foco em banners.
- Módulo de Slider Seccional: Utilizado para áreas de slider mais descritivas, contendo imagens, texto, botões e configurações de cores.
O que deve ser considerado ao usar um controle deslizante segmentado?
As seções deslizantes são um dos principais elementos que capturam a atenção do visitante. Portanto, os elementos visuais, o texto e as cores devem estar em harmonia como um todo.
- Escreva um título curto e cativante.
- Não faça o texto descritivo desnecessariamente longo.
- Crie textos para botões com frases direcionais claras.
- Verifique se o link do botão redireciona para a página correta.
- Certifique-se de que a imagem seja compatível com o design do slider.
- Certifique-se de que as cores de fundo e do texto sejam legíveis.
- Determine os valores dos pedidos de forma planejada.
- Em vez de excluir elementos do controle deslizante que não estão sendo usados, considere desativá-los.
- Caso utilize a seleção de grupo, certifique-se de que o grupo correto esteja selecionado.
- Após efetuar a atualização, verifique como a página aparece no site.
Resumo
O módulo Segmented Slider é usado no Webayt CMS para criar áreas de slider avançadas contendo imagens, títulos, descrições, botões e configurações de cores.
Este módulo permite tornar os elementos do slider mais descritivos e direcionar os visitantes para páginas específicas. Recomenda-se realizar uma verificação no front-end após a atualização para garantir que os elementos do slider sejam exibidos na ordem correta, com a cor correta, a imagem correta e o link correto.
Conteúdo semelhante que pode lhe interessar
Carregar mais conteúdo
Como podemos te ajudar?
Você pode preencher o formulário abaixo para entrar em contato com nossa equipe de suporte Webayt. Sua solicitação será analisada pela equipe responsável e entraremos em contato o mais breve possível.