{"id":10304,"date":"2025-07-31T14:48:55","date_gmt":"2025-07-31T14:48:55","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&p=10304"},"modified":"2025-07-31T14:48:57","modified_gmt":"2025-07-31T14:48:57","password":"","slug":"como-usar-a-tabela-de-produtos-por-bloco-de-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/pt\/docs\/how-to-use-the-product-table-by-tableberg-block\/","title":{"rendered":"Como usar o produto Bloco Table por Tableberg"},"content":{"rendered":"

O Tabela de produtos por Tableberg<\/a><\/strong> permite criar tabelas de produtos WooCommerce totalmente personaliz\u00e1veis diretamente no editor de blocos do WordPress. Voc\u00ea pode exibir a tabela de produtos para facilitar a navega\u00e7\u00e3o, a compara\u00e7\u00e3o e a adi\u00e7\u00e3o de produtos ao carrinho pelos clientes.<\/p>\n\n\n\n

Siga estas etapas para criar e personalizar seu primeiro Produto Table:<\/p>\n\n\n\n

1. Insira o bloco do produto Table por Tableberg<\/h3>\n\n\n\n
    \n
  • Clique no bot\u00e3o (+)<\/strong> no editor do WordPress para adicionar um novo bloco.<\/li>\n\n\n\n
  • Comece a digitar \"Produto Table\"<\/strong> na barra de pesquisa do bloco.<\/li>\n\n\n\n
  • Selecione Tabela de produtos por Tableberg<\/strong> entre as op\u00e7\u00f5es dispon\u00edveis.<\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \n\n\n\n

    2. Selecione WooCommerce Table Columns<\/h3>\n\n\n\n
      \n
    • Depois de adicionar o bloco, voc\u00ea ver\u00e1 a op\u00e7\u00e3o de Selecione as colunas da tabela do WooCommerce<\/strong>.<\/li>\n\n\n\n
    • Escolha quais informa\u00e7\u00f5es do produto voc\u00ea deseja mostrar como colunas (por exemplo, nome do produto, imagem, op\u00e7\u00f5es de sele\u00e7\u00e3o para varia\u00e7\u00f5es, adicionar ao carrinho etc.).<\/li>\n\n\n\n
    • Use o menu suspenso para escolher um campo e clique em Adicionar<\/strong> para inclu\u00ed-lo em sua tabela.<\/li>\n\n\n\n
    • Voc\u00ea pode reordenar ou remover colunas a qualquer momento.<\/li>\n<\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \n\n\n\n

      3. Escolha o n\u00famero de itens a serem exibidos<\/h3>\n\n\n\n
        \n
      • Defina quantos produtos voc\u00ea deseja mostrar em sua tabela.<\/li>\n\n\n\n
      • Use os bot\u00f5es de altern\u00e2ncia para exibir apenas Produtos em destaque<\/strong> ou produtos em promo\u00e7\u00e3o<\/strong> se necess\u00e1rio.<\/li>\n<\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \n\n\n\n

        4. Personalizar o design do Table<\/h3>\n\n\n\n
          \n
        • Com o bloco Tableberg selecionado, v\u00e1 para a barra lateral direita e clique no \u00edcone Estilos<\/strong> (o \u00edcone do pincel).<\/li>\n\n\n\n
        • Aqui, voc\u00ea pode:\n
            \n
          • Alterar as cores de fundo do cabe\u00e7alho, da linha e do rodap\u00e9.<\/li>\n\n\n\n
          • Ajuste o preenchimento e o espa\u00e7amento das c\u00e9lulas.<\/li>\n\n\n\n
          • Controle as bordas da tabela e os estilos de fonte globais.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Personalize sua tabela para que ela se ajuste perfeitamente \u00e0 marca do seu site.<\/li>\n<\/ul>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
            \n\n\n\n

            5. Personalizar sub-blocos individuais<\/h3>\n\n\n\n
              \n
            • Voc\u00ea tamb\u00e9m pode personalizar cada sub-bloco (como Button) individualmente.<\/li>\n\n\n\n
            • Selecione o bloco que voc\u00ea deseja personalizar e fa\u00e7a as altera\u00e7\u00f5es no painel de op\u00e7\u00f5es do lado direito.<\/li>\n<\/ul>\n\n\n\n
              \"\"<\/figure>\n\n\n\n
              \n\n\n\n

              6. Publique seu Table<\/h3>\n\n\n\n
                \n
              • Quando voc\u00ea estiver satisfeito com a configura\u00e7\u00e3o e o design da mesa, clique em Publicar<\/strong> (ou Atualiza\u00e7\u00e3o<\/strong>) para tornar sua tabela de produtos ativa.<\/li>\n<\/ul>\n\n\n\n
                \n\n\n\n

                Dicas<\/h3>\n\n\n\n
                  \n
                • \u00c9 poss\u00edvel adicionar v\u00e1rios blocos do Product Table em uma \u00fanica p\u00e1gina para diferentes categorias ou tipos de produtos.<\/li>\n\n\n\n
                • Use as op\u00e7\u00f5es de filtragem incorporadas para destacar os itens mais vendidos, em destaque ou em promo\u00e7\u00e3o.<\/li>\n\n\n\n
                • Misture e combine colunas (como classifica\u00e7\u00f5es, SKUs, etc.) para obter uma experi\u00eancia de compara\u00e7\u00e3o de produtos mais rica.<\/li>\n<\/ul>\n\n\n\n
                  \n\n\n\n

                  \u00c9 isso a\u00ed!<\/strong><\/p>\n\n\n\n

                  Com o bloco Product Table do Tableberg, a apresenta\u00e7\u00e3o dos produtos do WooCommerce em uma tabela bonita e personaliz\u00e1vel est\u00e1 a apenas alguns cliques de dist\u00e2ncia, sem necessidade de codifica\u00e7\u00e3o.<\/p>\n\n\n\n

                  ","protected":false},"excerpt":{"rendered":"

                  The Product Table by Tableberg block lets you create fully customizable WooCommerce product tables right inside the WordPress block editor. You can display product table to make it easier for customers to browse, compare, and add products to their cart. Follow these steps to create and customize your first Product Table: 1. Insert the Product […]<\/p>\n","protected":false},"author":1,"featured_media":10310,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[125],"doc_tag":[],"class_list":["post-10304","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-getting-started"],"year_month":"2026-04","word_count":362,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/pt\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Getting Started","term_url":"https:\/\/tableberg.com\/pt\/docs-category\/getting-started\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/10304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"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=10304"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/10304\/revisions"}],"predecessor-version":[{"id":10311,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/docs\/10304\/revisions\/10311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/10310"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=10304"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_category?post=10304"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=10304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}