{"id":534,"date":"2025-01-14T05:56:04","date_gmt":"2025-01-14T05:56:04","guid":{"rendered":"https:\/\/tableberg.com\/?p=534"},"modified":"2025-01-14T05:56:07","modified_gmt":"2025-01-14T05:56:07","slug":"como-criar-uma-tabela-de-especificacao-de-produtos-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-create-a-product-specification-table-in-wordpress\/","title":{"rendered":"Como criar uma tabela de especifica\u00e7\u00f5es de produtos no WordPress"},"content":{"rendered":"

Uma tabela de especifica\u00e7\u00e3o de produto apresenta os principais recursos, especifica\u00e7\u00f5es e detalhes de um produto. \u00c9 poss\u00edvel criar tabelas de especifica\u00e7\u00f5es de produtos para produtos de software e de com\u00e9rcio eletr\u00f4nico.<\/p>\n\n\n\n

Ele pode ajud\u00e1-lo a apresentar uma vis\u00e3o geral detalhada do produto de forma concisa para que as pessoas possam comparar v\u00e1rios produtos e tomar decis\u00f5es informadas.<\/p>\n\n\n\n

Neste artigo, mostraremos como criar uma tabela de especifica\u00e7\u00e3o de produto no WordPress para produtos de com\u00e9rcio eletr\u00f4nico da Amazon com um guia passo a passo.<\/p>\n\n\n\n

\n
\n
\n
\n

Criar mesas bonitas <\/strong>
Com o Block Editor<\/strong><\/p>\n\n\n\n

\n
Experimente gratuitamente<\/a><\/div>\n\n\n\n
Obter um profissional<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

Etapa 1: Instalar e ativar o plug-in Tableberg<\/h2>\n\n\n\n

A tabela padr\u00e3o do WordPress n\u00e3o \u00e9 suficiente para criar tabelas abrangentes de especifica\u00e7\u00e3o de produtos. Porque voc\u00ea n\u00e3o pode adicionar imagens, bot\u00f5es de CTA e muitas outras op\u00e7\u00f5es ao bloco de tabela padr\u00e3o.<\/p>\n\n\n\n

Tableberg<\/strong> \u00e9 um plugin de cria\u00e7\u00e3o de tabelas personalizadas com muitos recursos avan\u00e7ados. Voc\u00ea pode us\u00e1-lo no WordPress da mesma forma que o bloco de tabela padr\u00e3o. Mas primeiro, instalar<\/strong> e ativar<\/strong> o plug-in da se\u00e7\u00e3o de plug-ins no back-end.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Etapa 2: Adicione o bloco Tableberg ao seu editor de postagem ou p\u00e1gina<\/h2>\n\n\n\n

Abra uma nova postagem, p\u00e1gina ou uma j\u00e1 existente. Abra a biblioteca de blocos do Gutenberg clicando no \u00edcone Mais (+)<\/strong> \u00edcone. Localize o bloco digitando TableBerg na caixa de pesquisa. <\/p>\n\n\n\n

\"Adicione<\/figure>\n\n\n\n

Defina o n\u00famero da linha e da coluna. Depois de definir um valor inicial, voc\u00ea pode at\u00e9 modificar os n\u00fameros da linha e da coluna conforme necess\u00e1rio. Mas, por enquanto, estamos definindo o coluna<\/strong> e fila<\/strong> n\u00famero 6*3<\/strong>.<\/p>\n\n\n\n

\"Definir<\/figure>\n\n\n\n

Etapa 3: Comece a adicionar conte\u00fado \u00e0 tabela<\/h2>\n\n\n\n

Como essa tabela de especifica\u00e7\u00f5es \u00e9 para produtos de com\u00e9rcio eletr\u00f4nico, adicionaremos as imagens dos produtos na primeira linha.<\/p>\n\n\n\n

# Adicionar imagens <\/strong><\/p>\n\n\n\n

Selecione uma c\u00e9lula na linha superior. O Gutenberg mais (+)<\/strong> ser\u00e1 exibido. Ao clicar nele, selecione e adicione o Bloco de imagens<\/strong> \u00e0 c\u00e9lula. Em seguida, adicione a imagem desejada \u00e0 c\u00e9lula e siga o mesmo m\u00e9todo para a outra c\u00e9lula.<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

Voc\u00ea pode ver que adicionamos duas imagens de dois de nossos produtos \u00e0 tabela. Depois disso, nomeamos o produto em cima das imagens. <\/p>\n\n\n\n

Ao clicar no bot\u00e3o \u00cdcone Mover para baixo<\/strong> na barra de ferramentas, voc\u00ea pode trazer esses nomes para a imagem abaixo. <\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

Talvez voc\u00ea queira alterar a cor do nome do produto para atrair a aten\u00e7\u00e3o dos visitantes. Selecione o texto do nome e pressione o bot\u00e3o Mais op\u00e7\u00f5es<\/strong> na barra de ferramentas do Gutenberg. Clique em Destaque<\/strong> na lista e escolha uma cor adequada para o texto.<\/p>\n\n\n\n

Voc\u00ea pode ver que usamos o c\u00f3digo de cores #2b7186<\/strong> no texto.<\/p>\n\n\n\n

\"Destaque<\/figure>\n\n\n\n

# Adicionar pre\u00e7o <\/strong><\/p>\n\n\n\n

V\u00e1 para uma nova coluna abaixo e defina Pre\u00e7o<\/strong> como seu nome. Coloque os pre\u00e7os nas c\u00e9lulas abaixo da respectiva coluna. Tornamos o texto do pre\u00e7o um pouco maior usando a op\u00e7\u00e3o em Tipografia<\/strong>. <\/p>\n\n\n\n

Depois disso, alteramos sua cor usando o Op\u00e7\u00e3o de destaque<\/strong> da mesma forma que mostramos a voc\u00ea h\u00e1 pouco tempo.<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

# Adicionar classifica\u00e7\u00e3o<\/strong><\/p>\n\n\n\n

Volte para uma nova coluna e d\u00ea um nome a ela Classifica\u00e7\u00f5es<\/strong>. No momento, o TableBerg n\u00e3o tem o bloco Classifica\u00e7\u00e3o. Mas, no momento em que voc\u00ea estiver lendo esta postagem, o bloco Classifica\u00e7\u00e3o poder\u00e1 estar dispon\u00edvel.<\/p>\n\n\n\n

Por favor, verifique se o bloco est\u00e1 dispon\u00edvel com o plug-in. Caso contr\u00e1rio, voc\u00ea poder\u00e1 mostrar as classifica\u00e7\u00f5es em texto simples. A primeira \u00e9 a m\u00e9dia de todas as classifica\u00e7\u00f5es coletadas. O bloco entre colchetes \u00e9 o n\u00famero total de classifica\u00e7\u00f5es recebidas.<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

Lista de recursos do #<\/strong><\/p>\n\n\n\n

Por fim, \u00e9 hora de listar todos os recursos dos produtos (c\u00e2mera). Voc\u00ea pode usar linhas separadas para cada recurso. Voc\u00ea pode ver que listamos todos os recursos do produto na tabela<\/p>\n\n\n\n

\"Liste<\/figure>\n\n\n\n

# Adicionar bot\u00f5es de CTA<\/strong><\/p>\n\n\n\n

Os bot\u00f5es de CTA n\u00e3o s\u00e3o obrigat\u00f3rios na tabela de especifica\u00e7\u00f5es do produto. No entanto, voc\u00ea pode adicion\u00e1-los para ver se algumas pessoas compram seus produtos. Ao clicar no bot\u00e3o \u00cdcone de mais (+)<\/strong>, adicione o Bloco de bot\u00f5es<\/strong> \u00e0 tabela e crie seus bot\u00f5es de CTA.<\/p>\n\n\n\n

\"Adicionar<\/figure>\n\n\n\n

Etapa 4: Visualizar a tabela de especifica\u00e7\u00f5es do produto<\/h2>\n\n\n\n

A esta altura, sua tabela j\u00e1 deve estar pronta. V\u00e1 para o modo de visualiza\u00e7\u00e3o e d\u00ea uma \u00faltima olhada na sua tabela para ver se ela est\u00e1 pronta para ser publicada. Se n\u00e3o houver nenhum problema, voc\u00ea poder\u00e1 publicar a tabela.<\/p>\n\n\n\n

\"Visualizar<\/figure>\n\n\n\n
\n\n\n\n

Conclus\u00e3o<\/h2>\n\n\n\n

Assim, voc\u00ea pode criar tabelas de especifica\u00e7\u00e3o de produtos em seu site WordPress. Mas antes de terminar, aqui est\u00e3o algumas dicas essenciais para voc\u00ea. Use uma linguagem direta para descrever os recursos de seu produto.<\/p>\n\n\n\n

Organize o conte\u00fado de maneira l\u00f3gica, sem deixar nenhuma lacuna informativa. Priorize as informa\u00e7\u00f5es mais importantes na parte superior. Por fim, projete a tabela de forma compat\u00edvel com dispositivos m\u00f3veis para garantir a m\u00e1xima experi\u00eancia do usu\u00e1rio. <\/p>\n\n\n\n

Leia tamb\u00e9m: 7 melhores plug-ins de especifica\u00e7\u00f5es de produtos para WooCommerce<\/a><\/p>","protected":false},"excerpt":{"rendered":"

A product specification table showcases the key features, specifications, and details of a product. You can create product specification tables for both software and eCommerce products. It can help you cover a detailed overview of the product concisely so people can compare multiple products and make informed decisions. In this article, we’ll show you how […]<\/p>\n","protected":false},"author":1,"featured_media":6743,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-534","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/How-to-Create-a-Product-Specification-Table-in-WordPress-.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/534\/revisions"}],"predecessor-version":[{"id":6745,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/534\/revisions\/6745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6743"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}