Conteúdo do Elementor Alternar Widget para Trocar Seções (Pro)
Toggle Content é um widget Master Addons Pro que coloca um switch acima (ou abaixo) de um bloco de conteúdo Os visitantes clicam em um rótulo e o conteúdo sob ele muda, a maneira como um switch Mensal e Anual Cobrado altera um conjunto de cartões de preços Cada opção pode conter texto que você digita ou uma seção Elementor salva, página ou modelo de widget, e você pode adicionar quantas opções quiser Um indicador colorido desliza atrás do rótulo ativo É um switch entre conjuntos de conteúdo em vez de uma lista de expansão e colapso, portanto, para o uso de FAQs dobráveis Acordeão Avançado em vez disso.
Como adicionar uma alternância de conteúdo no Elementor
Alternar conteúdo precisa do Elementor e de um ativo Master Addons Pro licença. Se uma opção deve mostrar um layout completo, salve esse layout como um modelo primeiro.
- Salve as seções entre as quais deseja alternar (por exemplo, Preços Mensais e Preços Anuais) como modelos de Elementor.
- Edite sua página com Elementor, procure no painel de widgets Alternar conteúdo e arraste-o para o lugar.
- Em Elementos, renomeie Etiqueta Um e Etiqueta Dois e adicione mais itens se precisar deles.
- Para cada item, defina Tipo para Conteúdo e escreva o texto, ou defina-o como Modelo e escolha a seção, página ou widget salvo.
- Em Alternar configurações, escolha o Índice Ativo, coloque o interruptor Antes ou Depois do conteúdo e defina a Velocidade do Indicador.
- Estile o alternador, o indicador e as etiquetas, configure Stack On para celular e visualize e clique em cada etiqueta.
Cada configuração é coberta pelo Alternar configurações de widget de conteúdo guia.
Texto ou um modelo salvo em cada opção
Cada item do Elementos repetidor é uma opção no interruptor Dê-lhe um Etiqueta e um opcional Ícone (antes ou depois da etiqueta, com Espaçamento de Ícones).Em seguida, defina Tipo para Conteúdo para um editor de texto com mídia e tags dinâmicas, ou para Modelo e escolha uma Seção, Página ou Widget salvo na sua biblioteca Elementor.
- Crie as tabelas de preços mensais e anuais como duas seções salvas e aponte uma opção para cada uma.
- Um formulário, uma galeria ou qualquer outro widget pode ficar em uma opção assim que for salvo como modelo.
- Cada opção tem sua própria cor de etiqueta, cor de etiqueta ativa e cor de indicador em sua subguia Estilo.
Estilo o Toggler, Indicador e Etiquetas
O Alternador a seção estiliza a faixa de comutação: Estilo (Rodado ou Quadrado), Cor de Fundo, Raio de Fronteira, Alinhar, Zoom para escalá-lo, Largura (%), Fronteira, Sombra de Caixa, Preenchimento e Margem. Indicador estiliza o destaque deslizante com seu próprio fundo, altura, largura, raio da borda, sombra de caixa e preenchimento. Etiquetas define tipografia, uma transição, espaço entre e cores para os estados padrão, pairado e ativo.
- A Conteúdo a seção estiliza o painel abaixo com tipografia, preenchimento, margem, borda, cor e fundo.
- Velocidade do indicador define quanto tempo o slide leva, 0,3 segundos por padrão.
- O próprio painel de conteúdo troca imediatamente. Apenas o indicador desliza.
Opção padrão, posição e layout móvel
Índice Ativo escolhe a opção que mostra quando a página carrega, 1 para a primeira. Posição coloca o interruptor Antes ou Depois do conteúdo Em telas pequenas, Empilhar ligado (Todos, Tablet e Celular ou Móvel) transforma a linha de rótulos em uma lista vertical, com controles separados de Alinhamento Inline e Alinhamento Empilhado.
- Com duas opções, clicar na etiqueta ativa vira para a outra, para que funcione como um botão liga e desliga.
- Com três ou mais, clicar na etiqueta ativa passa para a próxima opção.
- A página não se lembra da escolha, portanto cada visita começa na opção Índice Ativo.
Alternar conteúdo vs acordeão vs guias no elementor
Todos os três economizam espaço, mas resolvem problemas diferentes O antigo widget Toggle da Elementor é uma lista dobrável, e a Elementor agora o esconde do painel em favor da Accordion Nem a Elementor nem a Elementor Pro têm um switch que troca um conjunto de conteúdo por outro, que é o trabalho que a Toggle Content faz.
| Widget | O que os visitantes veem | Melhor para | Onde obtê-lo |
|---|---|---|---|
| Alternar conteúdo | Um interruptor com rótulos Um conjunto de conteúdo mostra de cada vez. | Preços mensais e anuais, planos pessoais e de negócios, duas versões de uma seção | Master Addons Pro |
| Acordeão | Uma pilha de títulos que se expandem e colapsam | FAQs e longas listas de respostas curtas | Elementor Accordion (grátis) ou Acordeão Avançado (grátis) |
| Guias | Uma linha de títulos de tabulação sobre uma área de conteúdo | Várias seções de peso semelhante, como recursos, especificações e avaliações | Guias Elementor (gratuitas) ou Guias Avançadas (grátis) |
Se os visitantes precisarem ver várias respostas de uma só vez, use um acordeão Se houver muitas seções, as guias ficam mais claras Quando a escolha é entre duas ou três versões da mesma coisa, uma alternância de conteúdo mantém o layout estável e torna óbvia a escolha Também combina bem com o Tabela Preços widget.
Perguntas frequentes para alternar conteúdo
O Toggle Content é gratuito?
No. Toggle Content é um widget Pro e precisa de um Master Addons Pro licença. O plugin gratuito possui Acordeão Avançado e Guias Avançadas, que cobrem listas dobráveis e seções com guias.
Posso usar meus modelos de Elementor salvos dentro de uma alternância?
Sim. Em um item, defina Tipo como Modelo, escolha Seção, Página ou Widget no Tipo de Modelo e escolha o modelo salvo. Essa opção mostra todo o modelo quando seu rótulo estiver ativo.
Como um alternador de conteúdo é diferente de um acordeão ou abas?
Um acordeão expande e colapsa itens em uma lista, e as guias mostram uma linha de títulos sobre uma área de conteúdo Uma alternância de conteúdo é um switch que troca um conjunto de conteúdo inteiro por outro, o que se adapta a escolhas como preços mensais ou anuais O widget Toggle do próprio Elementor é realmente uma lista dobrável e agora está oculto em favor do Accordion.
Como ele se comporta no celular?
Os rótulos ficam em uma linha por padrão Defina Stack On para Mobile, Tablet & Mobile ou All para empilhá-los verticalmente e use Stacked Align para alinhá-los O conteúdo do modelo segue suas próprias configurações responsivas.
Posso ter mais de duas opções de alternância?
Sim. clique em Adicionar item no repetidor de elementos para adicionar mais Com três ou mais opções, clicar no rótulo ativo passa para o próximo e clicar em qualquer outro rótulo salta direto para ele. Para muitas seções, as guias geralmente são mais fáceis de digitalizar.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
