Widget de tabela de comparação de elementadores (Pro)
Tabela de comparação é um widget Master Addons Pro que constrói uma grade de recursos para 2 a 6 produtos ou planos Nomes de recursos são executados na primeira coluna, e cada coluna de produto tem um título, preço, imagem, um valor para cada linha de recursos e um botão Os valores podem ser uma marca de seleção, uma cruz, um ícone ou texto Escolha um dos quatro layouts, dê a uma coluna suas próprias cores para marcar a opção recomendada e estilo linhas, cabeçalhos e botões Não precisa de WooCommerce, por isso funciona para planos, software, hardware ou pacotes de serviços Para cartões de plano único, o gratuito Tabela Preços widget é o melhor ajuste.
Como adicionar uma tabela de comparação no Elementor
Tabela de Comparação precisa Elementor e um ativo Master Addons Pro licença.
- Ative o Master Addons Pro, edite sua página com o Elementor e pesquise no painel de widgets Tabela Comparação.
- Em Geral, escolha um Layout e defina Produtos para o número de colunas.
- Em Características Caixa, adicione um item por linha de recursos e defina o título.
- Abrir cada Produto seção e adicione o título, preço, imagem, texto do botão e link.
- Defina cada valor de linha para uma verificação, cruz, ícone ou texto, na mesma ordem da lista de recursos.
- Ative o estilo de substituição da coluna recomendada, estilize a tabela e verifique-a na visualização móvel.
Cada configuração é coberta pelo Configurações do widget da tabela de comparação guia.
Compare 2 a 6 produtos Característica por recurso
Definir Produtos em geral (2 a 6, 3 por padrão) e a Produto a seção aparece para cada coluna. liste suas linhas uma vez Características Caixa: a Título, um item repetidor por recurso e um Título de Botão Em seguida, preencha cada produto com um Título, Preço, Imagem, Texto Botão, Link e um valor para cada linha.
- Cada valor de linha é uma verificação, uma cruz, um ícone de sua escolha ou texto simples, como “1 Year”.
- As linhas de recursos são compartilhadas, portanto, mantenha o mesmo número de itens em cada produto para que as linhas se alinhem.
- O conteúdo é digitado no painel Os preços não extraem do WooCommerce.
Tabela de comparação versus widgets da tabela de preços
Elementor e Elementor Pro não têm widget de tabela de comparação Elementor Pro tem um widget de Tabela de Preços para cartões de plano único Aqui é quando usar cada opção.
| Widget | Layout | Melhor para | Preço |
|---|---|---|---|
| Tabela de comparação de complementos mestres | Uma grade, 2 a 6 colunas de produtos compartilhando as mesmas linhas de recursos | Decisões recurso por recurso entre planos ou produtos | Master Addons Pro |
| Adições Mestres Tabela Preços | Um cartão de plano por widget com cabeçalho, preço, recursos e botão | Páginas de preços com dois ou três planos simples | Grátis |
| Tabela de preços Elementor Pro | Um cartão de plano por widget com opção de fita | Planeje cartões em sites que já usam o Elementor Pro | Elementor Pro |
Se os visitantes precisarem verificar os mesmos recursos em várias opções, uma tabela de comparação é mais fácil de ler do que os cartões lado a lado Se cada plano tiver uma lista curta e um preço, os cartões de preços ocupam menos espaço Também útil: Tabela Dinâmica para tabelas de dados simples.
Quatro layouts e estilo de mesa
Escolher Estilo 1 para Estilo 4 em Layouts, de uma tabela clássica para separar cartões de produtos com crachás de preço A guia Estilo tem quatro seções. Geral define cores de linha pares e ímpares, borda, raio da caixa, espaçamento entre colunas e espaçamento entre linhas. Caixa Característica define a largura da coluna de recursos, cores, alinhamento e preenchimento. Produtos estilos de títulos, preços, imagens e ponto de interrupção móvel, e Botão estilos os botões de compra.
- As linhas de zebra com cor de linha ímpar e cor de linha par tornam as tabelas longas mais fáceis de digitalizar.
- A largura da caixa define a largura da coluna de recursos.
- Abaixo do Formato da guia Iniciar A partir da largura (767 px por padrão) alguns layouts mudam para uma linha de guias de produtos Verifique a tabela na visualização móvel antes de publicar e diminua essa largura se preferir que a tabela completa role.
Destaque a Coluna Recomendada
Ligar Substituir estilo dentro de uma seção de produto para dar a essa coluna suas próprias cores Você pode definir a cor do título e fundo, o emblema de contagem, o preço e seu fundo de coluna, texto de recurso, cores de verificação e cruz, cores de linha pares e ímpares e as cores do botão Use-o para o seu plano “mais popular” ou seu próprio produto em uma tabela us versus them.
- O estilo de substituição funciona por coluna de produto, não por célula.
- Não há fita ou crachá embutido, então adicione o rótulo ao título do produto ou ao texto do preço.
- Mantenha outras colunas no estilo global para que a destacada se destaque.
Perguntas frequentes para tabela de comparação
O widget Tabela de Comparação é gratuito?
No. Tabela de Comparação faz parte de Master Addons Pro. O plugin gratuito inclui o Tabela Preços widget para cartões de plano único.
Quantos produtos posso comparar?
Entre 2 e 6. Mudança Produtos na seção Geral e seções de produtos são adicionados ou escondidos para corresponder Três ou quatro colunas ler melhor na maioria das larguras de página.
Como fica a tabela de comparação no celular?
Abaixo do Iniciar Formato de Tabulação A partir de largura na seção de estilo Produtos (767 px por padrão), alguns layouts mudam para uma linha de guias de produto acima da coluna de recursos, enquanto outros mantêm cada coluna Visualize a tabela na visualização móvel do Elementor e diminua essa largura se a visualização com guias não se adequar à sua tabela.
Devo usar uma tabela de comparação ou uma tabela de preços?
Use Tabela de Comparação quando os visitantes precisam comparar os mesmos recursos em várias opções Use uma tabela de preços quando cada plano é um cartão curto com um preço e alguns recursos Master Addons tem um livre Tabela Preços widget para isso.
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
