{"id":20756,"date":"2019-10-30T14:51:43","date_gmt":"2019-10-30T04:51:43","guid":{"rendered":"https:\/\/thirstyaff.wpengine.com\/?p=20756"},"modified":"2022-01-11T11:19:55","modified_gmt":"2022-01-11T11:19:55","slug":"create-product-comparison-table-wordpress","status":"publish","type":"post","link":"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/","title":{"rendered":"Como criar uma tabela de compara\u00e7\u00e3o de produtos no WordPress"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a5bb99e59d0f\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Alternar<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #38ad9c;color:#38ad9c\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #38ad9c;color:#38ad9c\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a5bb99e59d0f\"  aria-label=\"Alternar\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#How_to_Create_a_Product_Comparison_Table_Using_WP_Table_Builder\" >Como criar uma tabela de compara\u00e7\u00e3o de produtos usando o WP Table Builder<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Step_1_Install_WP_Table_Builder_Plugin\" >Etapa #1 Instalar o plug-in WP Table Builder&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Step_2_Create_a_New_Table\" >Etapa #2 Criar uma nova tabela<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Step_3_Add_Content_to_Your_Table\" >Etapa #3 Adicionar conte\u00fado \u00e0 sua tabela<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Step_4_Make_Your_Table_Beautiful_and_Responsive\" >Etapa #4 Torne sua tabela bonita e responsiva<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Configure_Table_Border\" >Configurar a borda da tabela<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Cell_Padding\" >Preenchimento de c\u00e9lulas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Header_Background\" >Plano de fundo do cabe\u00e7alho&nbsp;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#EvenOdd_Row_Background\" >Fundo da linha par\/\u00edmpar<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Step_5_Insert_the_Table_via_Shortcode\" >Etapa #5 Inserir a tabela por meio de um c\u00f3digo curto<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\/#Conclusion\" >Conclus\u00e3o<\/a><\/li><\/ul><\/nav><\/div>\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"656\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337-1024x656.jpg\" alt=\"Como criar uma tabela de compara\u00e7\u00e3o de produtos no WordPress_ThirstyAffiliates\" class=\"wp-image-30382\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337-1024x656.jpg 1024w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337-300x192.jpg 300w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337-768x492.jpg 768w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2021\/04\/iStock-1176080337.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea v\u00ea tabelas de compara\u00e7\u00e3o de produtos em todos os lugares quando faz compras on-line. Seja em um site de com\u00e9rcio eletr\u00f4nico ou em um blog, as tabelas de compara\u00e7\u00e3o ajudam a entender o que os diferentes produtos oferecem. Elas tamb\u00e9m o ajudam a tomar decis\u00f5es de compra mais informadas.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se estiver executando um <a href=\"https:\/\/thirstyaffiliates.com\/pt\/affiliate-marketing-101\/how-to-start-your-first-affiliate-website\/\" target=\"_blank\" rel=\"noreferrer noopener\">blog de afiliados<\/a>Se voc\u00ea \u00e9 um afiliado, entende especialmente a import\u00e2ncia das tabelas de compara\u00e7\u00e3o de produtos. Com essas tabelas, voc\u00ea pode comparar os diferentes produtos em sua p\u00e1gina e obter mais comiss\u00f5es de afiliados.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Criar uma tabela para comparar produtos de forma atraente \u00e9 bastante simples e n\u00e3o leva muito tempo. Mas \u00e9 importante que a tabela de compara\u00e7\u00e3o que voc\u00ea criar seja atraente para o leitor. Sua tabela de compara\u00e7\u00e3o deve inspirar o usu\u00e1rio a agir, seja para comprar um produto ou simplesmente clicar no link de compra.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste artigo, mostraremos a voc\u00ea como criar uma incr\u00edvel tabela de compara\u00e7\u00e3o de produtos no WordPress. Vamos come\u00e7ar!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_Create_a_Product_Comparison_Table_Using_WP_Table_Builder\"><\/span>Como criar uma tabela de compara\u00e7\u00e3o de produtos usando o WP Table Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Neste tutorial, criaremos a seguinte tabela de exemplo:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"750\" height=\"437\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Product-Comparison-Table.png\" alt=\"Exemplo de tabela de compara\u00e7\u00e3o de produtos\" class=\"wp-image-20932\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Product-Comparison-Table.png 750w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Product-Comparison-Table-300x175.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Embora relativamente simples para nossos prop\u00f3sitos, essa tabela tem todos os elementos que as tabelas de compara\u00e7\u00e3o geralmente t\u00eam. Explicaremos cada se\u00e7\u00e3o em detalhes para ajud\u00e1-lo a criar a tabela exata como mostrada acima.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A primeira etapa deste tutorial come\u00e7a com a instala\u00e7\u00e3o de um plug-in.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_1_Install_WP_Table_Builder_Plugin\"><\/span>Etapa #1: Instalar o plug-in WP Table Builder&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Estaremos usando o <a href=\"http:\/\/wptablebuilder.com\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Construtor de tabelas WP<\/a> Plug-in. \u00c9 um construtor de tabelas gratuito do tipo arrastar e soltar. Esse construtor \u00e9 perfeito para criar tabelas de compara\u00e7\u00e3o e tem muitas op\u00e7\u00f5es de personaliza\u00e7\u00e3o, incluindo os seguintes elementos:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Texto<\/li><li>Imagem<\/li><li>Bot\u00e3o<\/li><li>Classifica\u00e7\u00e3o por estrelas<\/li><li>Lista<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Para instalar o plug-in, v\u00e1 para o site do WordPress <em>Painel de controle &gt; Plug-ins<\/em>. Clique em <em>Adicionar novo<\/em>e procure por <strong>Construtor de tabelas WP<\/strong>. Clique em <em>instalar<\/em> e <em>ativar<\/em> para instalar o plug-in em seu site:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"750\" height=\"402\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Install-WP-Table-Builder-Plugin.png\" alt=\"Como criar uma tabela de compara\u00e7\u00e3o de produtos no WordPress com o plug-in WP Table Builder\" class=\"wp-image-20934\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Install-WP-Table-Builder-Plugin.png 750w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Install-WP-Table-Builder-Plugin-300x161.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Como alternativa, voc\u00ea pode fazer o download do plug-in no site <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Reposit\u00f3rio do WordPress<\/a> e carregue-o em seu site.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_2_Create_a_New_Table\"><\/span>Etapa #2: Criar uma nova tabela<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para criar uma nova tabela no plug-in WP Table Builder, primeiro v\u00e1 para <em>Table Builder &gt; Add New (Construtor de tabelas &gt; Adicionar novo)<\/em>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"320\" height=\"106\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-New-Table-WP-Table-Builder-Plugin.png\" alt=\"Adicionar uma nova tabela\" class=\"wp-image-20935\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-New-Table-WP-Table-Builder-Plugin.png 320w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-New-Table-WP-Table-Builder-Plugin-300x99.png 300w\" sizes=\"(max-width: 320px) 100vw, 320px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea ver\u00e1 o construtor de arrastar e soltar a tabela, conforme mostrado abaixo:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"752\" height=\"370\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Builder-WP-Table-Builder.png\" alt=\"Construtor de tabelas WordPress do tipo arrastar e soltar\" class=\"wp-image-20936\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Builder-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Builder-WP-Table-Builder-300x148.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea pode dar um nome \u00e0 sua tabela e definir o n\u00famero de linhas e colunas. Depois de fazer isso, clique no bot\u00e3o <em>gerar<\/em> button. Isso gerar\u00e1 sua tabela conforme mostrado abaixo:\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"752\" height=\"369\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Generated-WP-Table-Builder-Plugin.png\" alt=\"Configura\u00e7\u00e3o do layout da tabela de compara\u00e7\u00e3o de produtos\" class=\"wp-image-20937\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Generated-WP-Table-Builder-Plugin.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Generated-WP-Table-Builder-Plugin-300x147.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_3_Add_Content_to_Your_Table\"><\/span>Etapa #3: Adicionar conte\u00fado \u00e0 sua tabela<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Agora \u00e9 hora de adicionar conte\u00fado \u00e0 sua tabela. O WP Table Builder permite que voc\u00ea arraste e solte elementos nas c\u00e9lulas da tabela. Voc\u00ea pode selecionar os elementos na barra lateral esquerda e arrast\u00e1-los para a tabela. Esta \u00e9 a apar\u00eancia de nossa tabela ap\u00f3s a adi\u00e7\u00e3o de conte\u00fado:\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"880\" height=\"516\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-Content-To-Table-WP-Table-Builder.png\" alt=\"Adi\u00e7\u00e3o de conte\u00fado para compara\u00e7\u00e3o\" class=\"wp-image-20955\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-Content-To-Table-WP-Table-Builder.png 880w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-Content-To-Table-WP-Table-Builder-300x176.png 300w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Add-Content-To-Table-WP-Table-Builder-768x450.png 768w\" sizes=\"(max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Usamos apenas o <em>texto<\/em>, <em>imagem<\/em>e <em>bot\u00e3o<\/em> para criar a tabela. Como voc\u00ea pode ver, o visual \u00e9 limpo e bonito.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, mostraremos como voc\u00ea pode tornar sua tabela ainda mais atraente usando esse plug-in.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_4_Make_Your_Table_Beautiful_and_Responsive\"><\/span>Etapa #4: Tornar sua tabela bonita e responsiva<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 muitas maneiras de deixar sua tabela linda no WP Table Builder. Esse plug-in tamb\u00e9m tem v\u00e1rias op\u00e7\u00f5es de personaliza\u00e7\u00e3o para ajud\u00e1-lo a tornar sua tabela mais atraente. Vamos come\u00e7ar.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Configure_Table_Border\"><\/span><strong>Configurar a borda da tabela<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">O WP Table Builder permite que voc\u00ea adicione uma borda \u00e0 sua tabela. Voc\u00ea pode encontrar essa op\u00e7\u00e3o nas configura\u00e7\u00f5es da tabela \u00e0 esquerda. Voc\u00ea pode definir o tamanho da borda, alterar sua cor e tamb\u00e9m aplicar uma borda interna \u00e0 sua tabela:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"752\" height=\"308\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Border-WP-Table-Builder.png\" alt=\"Ajustar cores\" class=\"wp-image-20948\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Border-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Table-Border-WP-Table-Builder-300x123.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cell_Padding\"><\/span><strong>Preenchimento de c\u00e9lulas<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">A op\u00e7\u00e3o de preenchimento de c\u00e9lula altera o preenchimento de cada c\u00e9lula de sua tabela:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"752\" height=\"281\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Cell-Padding-WP-Table-Builder.png\" alt=\"Ajustar o preenchimento\" class=\"wp-image-20949\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Cell-Padding-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Cell-Padding-WP-Table-Builder-300x112.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Header_Background\"><\/span><strong>Plano de fundo do cabe\u00e7alho&nbsp;<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea tamb\u00e9m pode personalizar a cor de fundo do cabe\u00e7alho da tabela para adicionar um pouco mais de estilo:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"752\" height=\"280\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Header-Background-WP-Table-Builder-1.png\" alt=\"Ajustar a cor do cabe\u00e7alho\" class=\"wp-image-20950\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Header-Background-WP-Table-Builder-1.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Header-Background-WP-Table-Builder-1-300x112.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Para essa tabela, defini o plano de fundo do cabe\u00e7alho como branco para que os logotipos se misturem bem.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"EvenOdd_Row_Background\"><\/span><strong>Fundo da linha par\/\u00edmpar<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Cores alternativas para linhas s\u00e3o muito populares em tabelas de compara\u00e7\u00e3o de produtos, e voc\u00ea pode aplic\u00e1-las facilmente com o plug-in WP Table Builder:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"752\" height=\"282\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Even-And-Odd-Row-Background-WP-Table-Builder.png\" alt=\"Bg de linha par\/\u00edmpar\" class=\"wp-image-20951\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Even-And-Odd-Row-Background-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Even-And-Odd-Row-Background-WP-Table-Builder-300x113.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Agora que sua tabela est\u00e1 bonita em uma visualiza\u00e7\u00e3o de desktop, voc\u00ea tamb\u00e9m quer garantir que ela fique \u00f3tima em dispositivos m\u00f3veis.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O mais incr\u00edvel \u00e9 que voc\u00ea n\u00e3o precisa se preocupar em fazer muito trabalho bra\u00e7al. Tudo o que voc\u00ea precisa fazer \u00e9 clicar no bot\u00e3o<em> <strong>Tornar a tabela responsiva<\/strong><\/em> toggle. Isso far\u00e1 com que sua tabela pare\u00e7a atraente e envolvente em dispositivos m\u00f3veis:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"752\" height=\"315\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Make-Table-Responsive-WP-Table-Builder.png\" alt=\"Crie uma tabela de compara\u00e7\u00e3o de produtos responsiva\" class=\"wp-image-20952\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Make-Table-Responsive-WP-Table-Builder.png 752w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Make-Table-Responsive-WP-Table-Builder-300x126.png 300w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Por fim, ative o <em>Linha superior como cabe\u00e7alho<\/em> para definir sua linha superior como o cabe\u00e7alho da tabela.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finalmente, sua mesa est\u00e1 pronta para ser usada!\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_5_Insert_the_Table_via_Shortcode\"><\/span>Etapa #5: Inserir a tabela por meio de um c\u00f3digo curto<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Agora que sua tabela est\u00e1 pronta, voc\u00ea precisa inseri-la em seu conte\u00fado. Voc\u00ea pode fazer isso facilmente inserindo o shortcode do plugin.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para localizar o shortcode da tabela, clique no \u00edcone <em>Incorporar<\/em> na parte superior do construtor de tabelas. Isso abrir\u00e1 uma janela pop-up com o shortcode:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"750\" height=\"371\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Embed-Table-WP-Table-Builder.png\" alt=\"Inserir tabela de compara\u00e7\u00e3o via shortcode\" class=\"wp-image-20953\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Embed-Table-WP-Table-Builder.png 750w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/Embed-Table-WP-Table-Builder-300x148.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Agora, voc\u00ea pode copiar e colar esse shortcode em qualquer lugar do seu conte\u00fado.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Outra maneira de encontrar o shortcode da tabela \u00e9 ir para <em>Table Builder &gt; Todas as tabelas<\/em>. Aqui, voc\u00ea encontrar\u00e1 todas as tabelas que criou:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"750\" height=\"248\" src=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/All-Tables-WP-Table-Builder.png\" alt=\"Todas as tabelas listam\" class=\"wp-image-20954\" srcset=\"https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/All-Tables-WP-Table-Builder.png 750w, https:\/\/thirstyaffiliates.com\/wp-content\/uploads\/2019\/10\/All-Tables-WP-Table-Builder-300x99.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Como voc\u00ea pode ver, \u00e9 poss\u00edvel copiar o shortcode da tabela diretamente desta p\u00e1gina.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclus\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se antes voc\u00ea estava se perguntando como criar uma tabela de compara\u00e7\u00e3o de produtos no WordPress, espero que agora veja como o processo \u00e9 f\u00e1cil. Com o plug-in WP Table Builder, todo o processo de cria\u00e7\u00e3o de uma tabela atraente \u00e9 simplificado e pode ser feito em minutos.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 muitas op\u00e7\u00f5es de personaliza\u00e7\u00e3o que permitem projetar a apar\u00eancia da mesa que voc\u00ea est\u00e1 criando.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se tiver alguma d\u00favida sobre este tutorial, fa\u00e7a-a na se\u00e7\u00e3o de coment\u00e1rios abaixo. Ficaremos felizes em ajudar!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea gostou deste post, n\u00e3o deixe de nos seguir em <a href=\"https:\/\/twitter.com\/thirstyaff\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Twitter<\/strong><\/a>, <a href=\"https:\/\/www.instagram.com\/thirstyaffiliates\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Instagram<\/strong><\/a>, <a href=\"https:\/\/www.facebook.com\/thirstyaffiliates\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Facebook<\/strong><\/a>, <a href=\"https:\/\/www.pinterest.com\/memberpressplugin\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Pinterest<\/strong><\/a>e <a href=\"https:\/\/www.linkedin.com\/showcase\/thirstyaffiliates\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>LinkedIn<\/strong><\/a>! E n\u00e3o se esque\u00e7a de se inscrever na caixa abaixo.<\/p>","protected":false},"excerpt":{"rendered":"<p>You see product comparison tables everywhere when you\u2019re shopping online. Whether it\u2019s an eCommerce site or a blog, comparison tables help you understand what different products offer. They also help you make more informed purchasing decisions.\u00a0 If you\u2019re running an affiliate blog, you especially understand the importance of product comparison tables.&nbsp;With these tables, you can&hellip;<\/p>","protected":false},"author":606,"featured_media":28996,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_strive_checklists":"\"\"","_strive_active_checklist":"","_strive_post_notes":"","footnotes":""},"categories":[1],"tags":[210],"class_list":["post-20756","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-increasing-sales","tag-affiliate-products"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/posts\/20756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/users\/606"}],"replies":[{"embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/comments?post=20756"}],"version-history":[{"count":0,"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/posts\/20756\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/media\/28996"}],"wp:attachment":[{"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/media?parent=20756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/categories?post=20756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thirstyaffiliates.com\/pt\/wp-json\/wp\/v2\/tags?post=20756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}