Como criar uma tabela de especificações de produtos no WordPress

Uma tabela de especificação de produto apresenta os principais recursos, especificações e detalhes de um produto. É possível criar tabelas de especificações de produtos para produtos de software e de comércio eletrônico.

Ele pode ajudá-lo a apresentar uma visão geral detalhada do produto de forma concisa para que as pessoas possam comparar vários produtos e tomar decisões informadas.

Neste artigo, mostraremos como criar uma tabela de especificação de produto no WordPress para produtos de comércio eletrônico da Amazon com um guia passo a passo.

Criar mesas bonitas
Com o Block Editor

Etapa 1: Instalar e ativar o plug-in Tableberg

A tabela padrão do WordPress não é suficiente para criar tabelas abrangentes de especificação de produtos. Porque você não pode adicionar imagens, botões de CTA e muitas outras opções ao bloco de tabela padrão.

Tableberg é um plugin de criação de tabelas personalizadas com muitos recursos avançados. Você pode usá-lo no WordPress da mesma forma que o bloco de tabela padrão. Mas primeiro, instalar e ativar o plug-in da seção de plug-ins no back-end.

Etapa 2: Adicione o bloco Tableberg ao seu editor de postagem ou página

Abra uma nova postagem, página ou uma já existente. Abra a biblioteca de blocos do Gutenberg clicando no ícone Mais (+) ícone. Localize o bloco digitando TableBerg na caixa de pesquisa.

Adicione o bloco TableBerg ao seu editor de postagem ou página

Defina o número da linha e da coluna. Depois de definir um valor inicial, você pode até modificar os números da linha e da coluna conforme necessário. Mas, por enquanto, estamos definindo o coluna e fila número 6*3.

Definir o número da linha e da coluna

Etapa 3: Comece a adicionar conteúdo à tabela

Como essa tabela de especificações é para produtos de comércio eletrônico, adicionaremos as imagens dos produtos na primeira linha.

# Adicionar imagens

Selecione uma célula na linha superior. O Gutenberg mais (+) será exibido. Ao clicar nele, selecione e adicione o Bloco de imagens à célula. Em seguida, adicione a imagem desejada à célula e siga o mesmo método para a outra célula.

Adicionar imagens à tabela de especificações do produto

Você pode ver que adicionamos duas imagens de dois de nossos produtos à tabela. Depois disso, nomeamos o produto em cima das imagens.

Ao clicar no botão Ícone Mover para baixo na barra de ferramentas, você pode trazer esses nomes para a imagem abaixo.

Adicionar a imagem do produto e seu nome à tabela de especificações do produto

Talvez você queira alterar a cor do nome do produto para atrair a atenção dos visitantes. Selecione o texto do nome e pressione o botão Mais opções na barra de ferramentas do Gutenberg. Clique em Destaque na lista e escolha uma cor adequada para o texto.

Você pode ver que usamos o código de cores #2b7186 no texto.

Destaque o nome do produto

# Adicionar preço

Vá para uma nova coluna abaixo e defina Preço como seu nome. Coloque os preços nas células abaixo da respectiva coluna. Tornamos o texto do preço um pouco maior usando a opção em Tipografia.

Depois disso, alteramos sua cor usando o Opção de destaque da mesma forma que mostramos a você há pouco tempo.

Adicionar preços à tabela de especificações do produto

# Adicionar classificação

Volte para uma nova coluna e dê um nome a ela Classificações. No momento, o TableBerg não tem o bloco Classificação. Mas, no momento em que você estiver lendo esta postagem, o bloco Classificação poderá estar disponível.

Por favor, verifique se o bloco está disponível com o plug-in. Caso contrário, você poderá mostrar as classificações em texto simples. A primeira é a média de todas as classificações coletadas. O bloco entre colchetes é o número total de classificações recebidas.

Adicionar classificação à tabela de especificações do produto

Lista de recursos do #

Por fim, é hora de listar todos os recursos dos produtos (câmera). Você pode usar linhas separadas para cada recurso. Você pode ver que listamos todos os recursos do produto na tabela

Liste todos os recursos do produto na tabela

# Adicionar botões de CTA

Os botões de CTA não são obrigatórios na tabela de especificações do produto. No entanto, você pode adicioná-los para ver se algumas pessoas compram seus produtos. Ao clicar no botão Ícone de mais (+), adicione o Bloco de botões à tabela e crie seus botões de CTA.

Adicionar botões de CTA à tabela de especificações do produto no WordPress

Etapa 4: Visualizar a tabela de especificações do produto

A esta altura, sua tabela já deve estar pronta. Vá para o modo de visualização e dê uma última olhada na sua tabela para ver se ela está pronta para ser publicada. Se não houver nenhum problema, você poderá publicar a tabela.

Visualizar a tabela de especificações do produto

Conclusão

Assim, você pode criar tabelas de especificação de produtos em seu site WordPress. Mas antes de terminar, aqui estão algumas dicas essenciais para você. Use uma linguagem direta para descrever os recursos de seu produto.

Organize o conteúdo de maneira lógica, sem deixar nenhuma lacuna informativa. Priorize as informações mais importantes na parte superior. Por fim, projete a tabela de forma compatível com dispositivos móveis para garantir a máxima experiência do usuário.

Leia também: 7 melhores plug-ins de especificações de produtos para WooCommerce



A equipe do Tableberg