{"id":3308,"date":"2024-09-07T18:42:52","date_gmt":"2024-09-07T18:42:52","guid":{"rendered":"https:\/\/tableberg.com\/?p=3308"},"modified":"2024-09-07T18:42:53","modified_gmt":"2024-09-07T18:42:53","slug":"como-adicionar-caixas-de-produtos-da-amazon-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-amazon-product-boxes-in-wordpress\/","title":{"rendered":"Como adicionar caixas de produtos da Amazon no WordPress"},"content":{"rendered":"

As caixas de produtos da Amazon s\u00e3o projetadas para apresentar os produtos dispon\u00edveis na plataforma da Amazon de uma forma visualmente atraente. Elas incluem imagens, recursos, descri\u00e7\u00f5es, pre\u00e7os e links diretos para que as pessoas possam comprar os produtos.<\/p>\n\n\n\n

O principal objetivo dessa caixa \u00e9 informar os clientes sobre os recursos e benef\u00edcios do produto em um piscar de olhos e incentiv\u00e1-los a compr\u00e1-lo instantaneamente. Com o plugin Tableberg, voc\u00ea pode criar caixas de produtos impressionantes da Amazon no editor do WordPress.<\/p>\n\n\n\n

Neste artigo, abordaremos uma postagem tutorial sobre como adicionar caixas de produtos da Amazon no WordPress.<\/p>\n\n\n\n

Etapa 01: Adicionar o bloco Tableberg ao Editor<\/h2>\n\n\n\n

O plug-in vem com um bloco personalizado chamado Tableberg. Clique no bot\u00e3o \u00edcone de mais (+)<\/strong>. Adicione o Bloco Tableberg<\/strong> para o editor.<\/p>\n\n\n\n

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

Defina o n\u00famero de colunas e linhas necess\u00e1rias de acordo com seu conte\u00fado. Para este tutorial, vamos definir 2*1.<\/p>\n\n\n\n

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

A vers\u00e3o b\u00e1sica da tabela est\u00e1 pronta. Em seguida, adicionaremos conte\u00fado a suas colunas e linhas.<\/p>\n\n\n\n

\"Sele\u00e7\u00e3o<\/figure>\n\n\n\n

Etapa 02: Adicionar uma imagem do produto da Amazon<\/h2>\n\n\n\n

O Tableberg permite que voc\u00ea adicione v\u00e1rios blocos personalizados \u00e0s c\u00e9lulas da tabela, como no editor Gutenberg. Adicione o bloco Bloco de imagens<\/strong> a uma c\u00e9lula para exibir a imagem do produto da Amazon.<\/p>\n\n\n\n

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

Adicionamos uma imagem de produto da Amazon. Voc\u00ea pode aumentar seu tamanho arrastando o \u00edcone circular e mantendo-o pressionado simultaneamente.<\/p>\n\n\n\n

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

Etapa 03: Adicionar os detalhes do produto<\/h2>\n\n\n\n

Na coluna da direita, adicionaremos o nome do produto, os recursos, o pre\u00e7o e uma breve descri\u00e7\u00e3o. Voc\u00ea pode fazer tudo isso usando a tag Bloco de par\u00e1grafos<\/strong>.<\/p>\n\n\n\n

Escreva o nome do produto<\/h3>\n\n\n\n

Por padr\u00e3o, o Bloco de par\u00e1grafos<\/strong> \u00e9 selecionado automaticamente. Basta escrever o nome do seu produto nele.<\/p>\n\n\n\n

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

Aumentar o tamanho do nome do produto<\/strong> do Se\u00e7\u00e3o de tipografia<\/strong> na barra lateral direita. Porque esse texto deve parecer maior do que os outros textos.<\/p>\n\n\n\n

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

Adicionar o pre\u00e7o do produto<\/h3>\n\n\n\n

Adicionar um novo Bloco de par\u00e1grafos<\/strong> para escrever o pre\u00e7o de seu produto.<\/p>\n\n\n\n

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

Defina uma cor atraente diferente para o pre\u00e7o, para que ele possa atrair a aten\u00e7\u00e3o das pessoas. <\/p>\n\n\n\n

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

\u00c9 sempre bom mostrar um pre\u00e7o com desconto para entusiasmar as pessoas. Voc\u00ea pode fazer isso adicionando um pre\u00e7o maior com um strikethough.<\/p>\n\n\n\n

Portanto, escreva um pre\u00e7o maior. Usando as op\u00e7\u00f5es Realce e Tachado, voc\u00ea pode definir uma cor diferente e tach\u00e1-la.<\/p>\n\n\n\n

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

Escreva uma descri\u00e7\u00e3o sobre o produto<\/h3>\n\n\n\n

Usando outro bloco de par\u00e1grafo, escreva uma descri\u00e7\u00e3o para o produto da Amazon.<\/p>\n\n\n\n

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

Etapa 04: Adicionar um bot\u00e3o de CTA<\/h2>\n\n\n\n

Localize e adicione o Bloco de bot\u00f5es<\/strong> sob a descri\u00e7\u00e3o.<\/p>\n\n\n\n

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

Escreva uma c\u00f3pia para o bot\u00e3o. Em seguida, v\u00e1 para a se\u00e7\u00e3o Guia Configura\u00e7\u00f5es<\/strong>. <\/p>\n\n\n\n

De Configura\u00e7\u00f5es de largura<\/strong>, selecione uma op\u00e7\u00e3o para aumentar a largura do bot\u00e3o<\/strong> como voc\u00ea quiser.<\/p>\n\n\n\n

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

Em seguida, v\u00e1 at\u00e9 o Guia Estilos<\/strong>. Usando op\u00e7\u00f5es adequadas, colorir<\/strong> e redimensionar a c\u00f3pia do bot\u00e3o<\/strong>.<\/p>\n\n\n\n

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

Etapa 05: Adicione espa\u00e7o entre os blocos<\/h2>\n\n\n\n

Selecione a coluna inteira<\/strong> clicando em sua borda. V\u00e1 para a se\u00e7\u00e3o Guia Estilos<\/strong>. Venha para o Se\u00e7\u00e3o Espa\u00e7amento de blocos<\/strong> rolando a guia para baixo. Coloque um valor para adicionar espa\u00e7o entre os blocos na coluna.<\/p>\n\n\n\n

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

Etapa 06: adicionar uma fita \u00e0 caixa de produto da Amazon<\/h2>\n\n\n\n

As fitas permitem exibir uma breve mensagem promocional que estimula instantaneamente os usu\u00e1rios a comprar o seu produto. Adicione o Bloco de fitas<\/strong> para a coluna que voc\u00ea deseja exibir.<\/p>\n\n\n\n

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

Adicionar um c\u00f3pia da faixa de op\u00e7\u00f5es, estilo da faixa de op\u00e7\u00f5es, posi\u00e7\u00e3o, <\/strong>e cor<\/strong> usando as op\u00e7\u00f5es da guia Settings and Styles (Configura\u00e7\u00f5es e estilos).<\/p>\n\n\n\n

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

Etapa 07: Personalizar a borda da caixa de produto da Amazon<\/h2>\n\n\n\n

Ao personalizar a borda da caixa, voc\u00ea pode embelezar sua est\u00e9tica. Acesse a se\u00e7\u00e3o Se\u00e7\u00e3o de borda da tabela<\/strong> rolando a barra de rolagem Guia Estilos<\/strong>.<\/p>\n\n\n\n

Desativar a borda interna<\/strong>. Depois disso, alterar a cor<\/strong> e Largura da borda externa<\/strong>. <\/p>\n\n\n\n

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

Portanto, sua caixa de produto da Amazon est\u00e1 pronta. Voc\u00ea pode modific\u00e1-la ainda mais como quiser.<\/p>\n\n\n\n

Ponto de b\u00f4nus: Use um modelo de caixa de produto pr\u00e9-constru\u00eddo<\/h2>\n\n\n\n

O plug-in Tableberg vem com um abrangente biblioteca de modelos<\/a> onde encontrar\u00e1 uma boa cole\u00e7\u00e3o de tabelas pr\u00e9-criadas com as quais poder\u00e1 preparar instantaneamente suas v\u00e1rias se\u00e7\u00f5es da Web. Ele tamb\u00e9m inclui muitas caixas de recursos pr\u00e9-criadas que voc\u00ea pode usar para criar tabelas de produtos da Amazon.<\/p>\n\n\n\n

Nos videoclipes a seguir, mostramos como encontrar as caixas de recursos e adicion\u00e1-las ao editor. Em seguida, basta alterar seu conte\u00fado para preparar sua caixa de produto da Amazon.<\/p>\n\n\n\n

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

Cobrimos o tutorial de forma resumida. Voc\u00ea pode tornar sua caixa de produto da Amazon mais ampla adicionando muitas outras informa\u00e7\u00f5es. Voc\u00ea pode at\u00e9 mesmo adicionar v\u00e1rias imagens e bot\u00f5es de CTA. Neste artigo, acabamos de tentar apresentar um guia inspirador que voc\u00ea pode usar para criar designs mais interessantes.<\/p>\n\n\n\n

Por exemplo, antes de ir embora, reserve mais alguns minutos para explorar a postagem como mostrar as etapas do processo no WordPress<\/a> com o plug-in.<\/p>","protected":false},"excerpt":{"rendered":"

Amazon product boxes are designed to feature products available on the Amazon platform in a visually engaging way. They include images, features, descriptions, prices, and direct links so people can buy the products. The main purpose of this box is to inform customers about the product’s features and benefits at a glance and excite them […]<\/p>\n","protected":false},"author":1,"featured_media":3334,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[111,10,102],"class_list":["post-3308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-amazon-product-marketing","tag-customize-table","tag-web-design"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/09\/How-to-Add-Amazon-Product-Boxes-in-WordPress.webp","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\/3308","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=3308"}],"version-history":[{"count":2,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3308\/revisions"}],"predecessor-version":[{"id":3335,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/3308\/revisions\/3335"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/3334"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=3308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=3308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=3308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}