{"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_80 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-69d33209425cf\" 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-69d33209425cf\"  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 fetchpriority=\"high\" 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>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>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>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 apenas clicar no link de compra.\u00a0<\/p>\n\n\n\n<p>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>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>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>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>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>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>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>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 loading=\"lazy\" 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>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 loading=\"lazy\" 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>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 loading=\"lazy\" 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>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 loading=\"lazy\" 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>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>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>H\u00e1 muitas maneiras de deixar sua tabela linda com o WP Table Builder. Esse plugin tamb\u00e9m tem muitas 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>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 loading=\"lazy\" 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>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 loading=\"lazy\" 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>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 loading=\"lazy\" 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>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>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 loading=\"lazy\" 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>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>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 loading=\"lazy\" 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>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>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>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>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 loading=\"lazy\" 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>Agora, voc\u00ea pode copiar e colar esse shortcode em qualquer lugar do seu conte\u00fado.&nbsp;<\/p>\n\n\n\n<p>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 loading=\"lazy\" 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>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>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>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>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>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 no <a href=\"https:\/\/thirstyaffiliates.com\/go\/box\/\" title=\"Link de afiliado da caixa\" class=\"pretty-link-keyword\"rel=\"\">caixa<\/a> abaixo.<\/p>","protected":false},"excerpt":{"rendered":"<p>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.  Se estiver administrando um blog de afiliados, voc\u00ea entende especialmente a import\u00e2ncia da compara\u00e7\u00e3o de produtos<\/p>\n<p><a class=\"read-more\" href=\"https:\/\/thirstyaffiliates.com\/pt\/blog\/create-product-comparison-table-wordpress\">Leia mais<\/a><\/p>","protected":false},"author":606,"featured_media":28996,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"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"],"acf":[],"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}]}}