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.
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.
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.
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.
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 imagens à tabela
Você pode ver que adicionamos uma imagem a cada coluna, respectivamente.
# 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 botões à tabela
Agora, adicione o Bloco de botões à tabela. Isso permitirá que você adicione um botão de CTA para cada produto.
Depois que os blocos forem adicionados, você poderá personalizá-los na seção Estilos na barra lateral direita.
Assim, você pode criar tabelas de comparação versáteis e multifuncionais usando o plug-in TableBerg.
Video Tutorial
Leia também:
- Como criar tabelas de comparação de produtos da Amazon
- Melhores plug-ins de comparação para WordPress
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.