Alternar conteúdo
Tem muito conteúdo em cramming sua página? organize-o com alternâncias elegantes e interativas Mas isso não é apenas um widget básico de expansão/colapso O elemento Toggle Content da Master Addons permite que você coloque modelos salvos Elementor inteiros dentro de cada alternância Construa FAQs detalhadas, compare recursos do produto ou crie depoimentos tabulados (tudo dentro de uma interface limpa e que economiza espaço) Projete cada parte do alternador, do indicador deslizante aos rótulos com ícones e anime o switch com transições suaves e profissionais É a maneira inteligente de ocultar a complexidade e orientar seus visitantes através de seu conteúdo, passo a passo.
Além do texto - Incorpore modelos completos
Por que limitar seu paragggles texto simples? cada item de alternância pode ser Tipo de conteúdo poderoso: escolha Editor de texto simples ou, mais poder, um modelo Selecione qualquer modelo de elementador salvo como uma seção de testemunho, uma tabela de preços ou uma lista de recursos & nest-lo dentro do togg Isso permite criar interfaces incrivelmente ricas e com guias, onde clicar em um rótulo troca seções inteiras de conteúdo, não apenas um parágrafo.
- Liberdade de conteúdo ilimitada: coloque depoimentos, formulários de contato, galerias de imagens ou especificações de produtos em alternâncias separadas.
- Reutilize seu melhor trabalho: insira suas seções ou páginas do Elementor pré-projetadas para manter a consistência.
- Perfeito para comparações: Use uma alternância para “Plan A Details” e outra para “Plan B Details,” cada uma com seu próprio modelo completo.
Personalização Visual Completa
Faça do próprio elemento de design do togg. Estile o contêiner principal do Toggler com fundos, bordas e escolha Estilo (como pílula arredondada ou retângulo nítido).Em seguida, projete o indicador dinâmico que desliza entre as opções personalize sua cor, tamanho, raio da borda. Finalmente, estile os rótulos com tipografia completa, cores e adicione ícones para maior clareza Você tem controle independente sobre os estados Normal, Hover e Ativo para cada parte, criando um componente interativo verdadeiramente polido.
- Formas de alternância personalizadas: crie interruptores de alternância em forma de comprimido, retangulares ou arredondados personalizados.
- Indicador de deslizamento animado: Estile o seletor em movimento que destaca visualmente a escolha ativa.
- Design de etiqueta e ícone: controle o texto da etiqueta, o espaçamento e adicione ícones (como uma marca de seleção ou ícone de informações) a cada opção.
Funcionalidade suave e controle responsivo
Controle como o toggle se sente e funciona Defina o Índice Ativo padrão (que toggle é aberto primeiro) Ajuste a Velocidade do Indicador para uma animação de slide rápida ou suave Use o recurso Stack On para controlar o comportamento responsivo fazendo rótulos empilhar verticalmente no celular Gerencie a Posição do toggler em relação ao conteúdo e o Espaço Entre elementos para garantir um layout limpo e funcional em todos os dispositivos.
- Animação Controlada: Defina a velocidade do indicador deslizante para uma sensação responsiva perfeita.
- Layouts otimizados para dispositivos móveis: use o Stack On para adaptar a alternância horizontal em uma lista vertical nas telas móveis.
- Predefinições inteligentes: Escolha qual o painel de conteúdo visível quando a página for carregada pela primeira vez.
Perguntas frequentes para alternar conteúdo
Como isso é melhor do que outros Widget Toggle?
A outra alternância é para perguntas e respostas de texto simples Nosso elemento Toggle Content é um sistema de layout e design As principais vantagens são: 1) A capacidade de inserir modelos salvos completos em cada alternância, 2) Um indicador visual deslizante (como um switch iOS), 3) Estilo separado para o alternador, indicador e rótulos e 4) Controles responsivos mais avançados (como Stack On).
Posso usar meus modelos de Elementor existentes (seções) dentro de uma alternância?
Sim, absolutamente! essa é uma das suas funcionalidades mais poderosas Ao adicionar conteúdo a um item de alternância, defina o Tipo de Conteúdo para “Template” Então, você pode selecionar qualquer modelo que você salvou em sua biblioteca Elementor Ele será carregado perfeitamente dentro desse painel de alternância.
Qual é um ótimo uso no mundo real para o tipo de conteúdo "Template" dentro das alternâncias?
Imagine uma página de produto de software Você poderia ter três alternâncias: “Features,” “Pricing,” e “Testimonials.” Em vez de escrever texto, você insere seu modelo de grade de Recursos pré-projetado no primeiro alternador, seu modelo de tabela de Preços no segundo e um modelo de controle deslizante de Testemunhos no terceiro Você acabou de criar uma visão geral de produto poderosa e com guias em minutos.
Como isso se comporta nos celulares?
É totalmente responsivo O conteúdo do interruptor de alternância encolherá para caber na tela Você também pode usar a configuração Stack On para alterar o layout (layout) para exemplo responsivo, tornando os rótulos toggle empilhados verticalmente em vez de lado a lado em telas muito pequenas, o que os torna mais fáceis de tocar (seja texto ou um modelo) também responderá com base em suas próprias configurações responsivas.
Posso ter mais de dois itens alternados?
Sim, você pode adicionar itens de alternância ilimitados clicando no botão “Add Item” Isso o torna perfeito para páginas detalhadas de perguntas frequentes, processos de várias etapas ou comparação de vários planos ou opções de produtos diferentes lado a lado.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
