Como criar uma tabela de comparação no WordPress (duas maneiras)

Uma tabela de comparação permite que você compare vários itens horizontal ou verticalmente, destacando seus principais recursos, especificaçõese outros recursos. É uma maneira eficiente de permitir que os usuários tomem decisões informadas.

Embora você possa criar tabelas de comparação com o Bloco de tabela padrão do WordPressEle tem várias limitações. Não é possível adicionar imagens, botões e listas ao bloco padrão.

Tableberg é um maravilhoso plugin de criação de tabelas que supera todas essas limitações. Neste artigo, mostraremos dois métodos de como criar uma tabela de comparação no WordPress: com um plugin e sem plugin.

Criar mesas bonitas
Com o Block Editor

Método 1: Sem usar um plug-in

Você obterá um bloco Table padrão na biblioteca de blocos do WordPress. Com ele, você pode criar uma tabela de comparação de nível básico.

Etapa 1: Adicione o bloco de tabela ao seu editor de postagem/página

Clique no botão ícone de mais (+). Tipo Tabela na caixa de pesquisa. Quando o bloco for exibido, adicioná-lo ao editor de seu post/página.

Adicionar o bloco de tabela ao seu editor de postagem/página

Etapa 2: Definir o número da coluna e da linha

Defina o número da coluna e da linha que você deseja para a tabela. Neste tutorial, selecionaremos 4*3 para a tabela de comparação.

Definir o número da linha e da coluna

Etapa 3: Adicionar informações à tabela

Agora, adicione informações à tabela. Você só pode adicionar informações textuais, sem imagens, botões ou qualquer outro bloco.

Aqui está uma tabela de demonstração que preparamos para a postagem.

Tabela de comparação de demonstração criada com o bloco Table padrão do WordPress

Método 2: Usando o plug-in Tableberg

Como você pode ver no primeiro método, não é possível adicionar nenhum imagem, botãoou então para a tabela de comparação criada com o bloco de tabela padrão. Mas sem esses elementos, as tabelas de comparação não acionam os usuários.

Tableberg é um maravilhoso plugin de criação de tabelas compatível com o Gutenberg que pode ajudá-lo a superar todas essas limitações.

Etapa 01: Instalar o plug-in Tableberg

Faça login no painel do WordPress. Vá para Plug-ins > Adicionar novo plug-in. Tipo Tableberg na caixa de pesquisa para localizar o plug-in. Quando o plug-in aparecer abaixo, pressione o botão Instalar agora botão. Ativar depois.

Etapa 02: Adicionar o bloco Tablegerg

Abra um post ou uma página. Adicione o Bloco de tablegerg no editor do WordPress.

Etapa 03: Selecione o número de linhas e colunas

Selecione o número de linhas e colunas como você faz com o bloco de tabela padrão. Pressione o botão Criar tabela depois disso. Selecionaremos duas (2) colunas e quatro (4) linhas.

Selecione o número de linhas e colunas

Etapa 04: Adicionar conteúdo à tabela

Adicione títulos às colunas. Pressione o botão Mais (+) e selecione o bloco desejado. Selecione o Bloco de imagens depois disso. Isso permitirá que você adicione uma imagem à célula.

Adicionar bloco de imagem à tabela criada pelo TableBerg

# Adicionar imagens à tabela

Você pode ver que adicionamos uma imagem a cada coluna, respectivamente.

Adicionar imagens à tabela

# Adicionar listas à tabela

Em seguida, selecione o Bloco de listas. Usando esse bloco, você pode listar todos os recursos do seu produto. Faça isso na respectiva linha de cada coluna.

Adicionar lista à tabela criada pelo TableBerg

# Adicionar botões à tabela

Agora, adicione o Bloco de botões à tabela. Isso permitirá que você adicione um botão de CTA para cada produto.

Adicionar botões à tabela

Depois que os blocos forem adicionados, você poderá personalizá-los na seção Estilos na barra lateral direita.

Personalizar os blocos do TableBerg

Assim, você pode criar tabelas de comparação versáteis e multifuncionais usando o plug-in TableBerg.


Video Tutorial


Leia também:

Conclusão

A criação de tabelas de comparação pode melhorar muito a experiência do usuário ao apresentar informações em um formato estruturado e de fácil digestão. O TableBerg promete revolucionar sua experiência de criação de tabelas no WordPress com mais lançamentos impressionantes nos próximos dias.

Aqui está um guia rápido sobre como remover bordas de tabelas no WordPress para que você possa tornar o design de sua mesa mais cativante.



A equipe do Tableberg