{"id":721,"date":"2025-01-15T09:28:59","date_gmt":"2025-01-15T09:28:59","guid":{"rendered":"https:\/\/tableberg.com\/?p=721"},"modified":"2025-03-14T19:01:42","modified_gmt":"2025-03-14T19:01:42","slug":"como-criar-uma-tabela-de-comparacao-de-produtos-da-amazon-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-create-amazon-product-comparison-table-in-wordpress\/","title":{"rendered":"Como adicionar uma tabela de compara\u00e7\u00e3o de produtos da Amazon no WordPress"},"content":{"rendered":"

Est\u00e1 procurando aumentar suas vendas de marketing de afiliados da Amazon ou simplesmente quer aumentar as vendas de sua loja nesse mercado? Criar tabelas de compara\u00e7\u00e3o de produtos pode ser uma maneira eficaz de fazer isso.<\/p>\n\n\n\n

Ele permite que voc\u00ea exiba v\u00e1rios produtos lado a lado, permitindo que os clientes explorem seus recursos, pre\u00e7os e outros detalhes importantes para que possam decidir qual deles comprar.<\/p>\n\n\n\n

Esta postagem de tutorial mostrar\u00e1 como criar uma tabela de compara\u00e7\u00e3o de produtos da Amazon no WordPress. Vamos come\u00e7ar!<\/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 o plug-in Tableberg<\/h2>\n\n\n\n

Tableberg<\/a> \u00e9 um plug-in de cria\u00e7\u00e3o de tabelas amig\u00e1vel para iniciantes com muitos recursos avan\u00e7ados. Com esse plug-in, voc\u00ea pode criar v\u00e1rios tipos interessantes de tabelas no WordPress.<\/p>\n\n\n\n

Voc\u00ea pode instalar e ativar o plug-in na p\u00e1gina Plugins<\/strong> se\u00e7\u00e3o.<\/p>\n\n\n\n

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

Etapa 2: Criar uma tabela com o bloco Tableberg<\/h2>\n\n\n\n

O plug-in vem com um Bloco Tableberg<\/strong>. Voc\u00ea precisa adicion\u00e1-lo ao editor de postagem\/p\u00e1gina clicando no bot\u00e3o mais (+)<\/strong> bot\u00e3o.<\/p>\n\n\n\n

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

Defina o n\u00famero da linha e da coluna de acordo com suas necessidades. Para este tutorial, selecionaremos o n\u00famero de linha e coluna 5*4.<\/p>\n\n\n\n

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

O layout da tabela estar\u00e1 pronto em alguns segundos.<\/p>\n\n\n\n

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

Etapa 03: Adicionar conte\u00fado \u00e0 tabela<\/h2>\n\n\n\n

Vamos primeiro nomear as colunas da tabela<\/strong> de acordo com o conte\u00fado e as informa\u00e7\u00f5es que voc\u00ea adicionar\u00e1 \u00e0 respectiva linha seguinte.<\/p>\n\n\n\n

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

# Adicionar imagens de produtos da Amazon<\/strong><\/p>\n\n\n\n

Cada c\u00e9lula da tabela vem com uma op\u00e7\u00e3o adicional de bloco do Gutenberg para adicionar diferentes tipos de conte\u00fado. Selecione a op\u00e7\u00e3o Bloco de imagens<\/strong> para adicionar as fotos de seus produtos Amazon.<\/p>\n\n\n\n

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

Observa\u00e7\u00e3o<\/strong>: Voc\u00ea tamb\u00e9m pode usar o Bloco HTML personalizado para adicionar as imagens do produto<\/a>.<\/p>\n\n\n\n

Voc\u00ea ter\u00e1 permiss\u00e3o para adicionar imagens, seja da biblioteca de m\u00eddia ou de unidades locais, como as op\u00e7\u00f5es padr\u00e3o. Voc\u00ea pode ver que j\u00e1 adicionamos imagens \u00e0 tabela. <\/p>\n\n\n\n

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

# List Amazon Caracter\u00edsticas do produto<\/strong><\/p>\n\n\n\n

\u00c9 melhor mostrar os recursos de um produto no formato de lista. Encontre e adicione os Bloco de listas<\/strong> para a tabela na coluna Recurso.<\/p>\n\n\n\n

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

Voc\u00ea pode listar quantos recursos quiser na tabela usando o bloco List. D\u00ea uma olhada na imagem abaixo. Espero que voc\u00ea consiga fazer isso sozinho.<\/p>\n\n\n\n

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

# Adicionar classifica\u00e7\u00e3o dos produtos da Amazon<\/strong><\/p>\n\n\n\n

N\u00e3o precisamos explicar muito sobre isso. Voc\u00ea pode adicionar classifica\u00e7\u00f5es de seus produtos Amazon simplesmente por meio de texto simples.<\/p>\n\n\n\n

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

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

Voc\u00ea pode informar o pre\u00e7o do produto em texto simples, se quiser. Mas \u00e9 melhor levar o visitante \u00e0 p\u00e1gina do produto com um bot\u00e3o de CTA. Assim, a possibilidade de convert\u00ea-lo em um cliente aumentar\u00e1.<\/p>\n\n\n\n

Adicione o Bloco de bot\u00f5es<\/strong> para a mesa.<\/p>\n\n\n\n

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

Primeiro, adicione uma c\u00f3pia da CTA ao bot\u00e3o. Em seguida, v\u00e1 para a se\u00e7\u00e3o Guia Estilos<\/strong>. Abaixo disso, voc\u00ea encontrar\u00e1 op\u00e7\u00f5es para personalizar cores, tipografia e bordas. Voc\u00ea pode ver que aplicamos um tom de cor azul sobre o bot\u00e3o.<\/p>\n\n\n\n

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

Finalmente, adicionar um link<\/strong> ao bot\u00e3o. Adicione o bot\u00e3o de CTA a outras linhas da mesma forma.<\/p>\n\n\n\n

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

Etapa 4: Visualizar a tabela de produtos da Amazon<\/h2>\n\n\n\n

Espero que sua tabela j\u00e1 esteja pronta. Mas antes de public\u00e1-la, voc\u00ea deve verificar como ela fica no frontend. Portanto, v\u00e1 para o modo de visualiza\u00e7\u00e3o da p\u00e1gina.<\/p>\n\n\n\n

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

Tutorial em v\u00eddeo <\/h3>\n\n\n