{"id":10304,"date":"2025-07-31T14:48:55","date_gmt":"2025-07-31T14:48:55","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=10304"},"modified":"2025-07-31T14:48:57","modified_gmt":"2025-07-31T14:48:57","password":"","slug":"come-utilizzare-la-tabella-prodotti-per-blocco-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/it\/docs\/how-to-use-the-product-table-by-tableberg-block\/","title":{"rendered":"Come utilizzare il blocco di prodotti Table by Tableberg"},"content":{"rendered":"<p>Il <strong><a href=\"https:\/\/tableberg.com\/it\/plugin-per-la-tabella-dei-prodotti-di-woocommerce-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tabella prodotti di Tableberg<\/a><\/strong> consente di creare tabelle di prodotti WooCommerce completamente personalizzabili direttamente nell'editor di blocchi di WordPress. \u00c8 possibile visualizzare la tabella dei prodotti per rendere pi\u00f9 facile per i clienti sfogliare, confrontare e aggiungere prodotti al carrello.<\/p>\n\n\n\n<p>Seguite questi passaggi per creare e personalizzare il vostro primo Prodotto Table:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Inserire il blocco prodotto Table per Tableberg<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fare clic sul pulsante <strong>(+)<\/strong> nell'editor di WordPress per aggiungere un nuovo blocco.<\/li>\n\n\n\n<li>Iniziare a digitare <strong>\"Prodotto Table\"<\/strong> nella barra di ricerca del blocco.<\/li>\n\n\n\n<li>Select <strong>Tabella prodotti di Tableberg<\/strong> dalle opzioni disponibili.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"730\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1024x730.png\" alt=\"\" class=\"wp-image-10305\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1024x730.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-300x214.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-768x547.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-1536x1095.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-2048x1459.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Insert-the-Product-Table-by-Tableberg-Block-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">2. Selezionare le colonne di WooCommerce Table<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Dopo aver aggiunto il blocco, si vedr\u00e0 l'opzione per <strong>Selezionare le colonne della tabella WooCommerce<\/strong>.<\/li>\n\n\n\n<li>Scegliere le informazioni sul prodotto che si desidera mostrare come colonne (ad esempio, Nome del prodotto, Immagine, Seleziona opzioni per le variazioni, Aggiungi al carrello, ecc.)<\/li>\n\n\n\n<li>Utilizzare il menu a tendina per scegliere un campo, quindi fare clic su <strong>Aggiungi<\/strong> per includerlo nella tabella.<\/li>\n\n\n\n<li>\u00c8 possibile riordinare o rimuovere le colonne in qualsiasi momento.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1024x690.png\" alt=\"\" class=\"wp-image-10306\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1024x690.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-300x202.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-768x518.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-1536x1035.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-2048x1380.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-WooCommerce-Table-Columns-18x12.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">3. Scegliere il numero di elementi da visualizzare<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Impostare il numero di prodotti da mostrare nella tabella.<\/li>\n\n\n\n<li>Utilizzare le levette per visualizzare solo <strong>prodotti in evidenza<\/strong> o <strong>prodotti in vendita<\/strong> se necessario.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"830\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1024x830.png\" alt=\"\" class=\"wp-image-10307\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1024x830.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-300x243.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-768x623.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-1536x1245.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-2048x1660.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Choose-the-number-of-items-to-show-15x12.png 15w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">4. Personalizzazione del design Table<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Con il blocco Tableberg selezionato, passare alla barra laterale destra e fare clic sul pulsante <strong>Stili<\/strong> (l'icona del pennello).<\/li>\n\n\n\n<li>Qui \u00e8 possibile:\n<ul class=\"wp-block-list\">\n<li>Modificare i colori di sfondo dell'intestazione, delle righe e del pi\u00e8 di pagina.<\/li>\n\n\n\n<li>Regolare il padding e la spaziatura delle celle.<\/li>\n\n\n\n<li>Controllare i bordi delle tabelle e gli stili globali dei caratteri.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Personalizzate la vostra tabella in modo che si adatti perfettamente al branding del vostro sito.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1010\" height=\"1024\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1010x1024.png\" alt=\"\" class=\"wp-image-10308\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1010x1024.png 1010w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-296x300.png 296w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-768x778.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-1516x1536.png 1516w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-2021x2048.png 2021w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Select-the-Tableberg-Block-and-click-on-the-Styles-tab-12x12.png 12w\" sizes=\"auto, (max-width: 1010px) 100vw, 1010px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">5. Personalizzazione del singolo sottoblocco<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c8 inoltre possibile personalizzare singolarmente ogni sottoblocco (come Button).<\/li>\n\n\n\n<li>Selezionare il blocco che si desidera personalizzare e apportare le modifiche dal pannello delle opzioni sul lato destro.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"919\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1024x919.png\" alt=\"\" class=\"wp-image-10309\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1024x919.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--300x269.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--768x689.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--1536x1378.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--2048x1837.png 2048w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/07\/Customize-Individual-Block--13x12.png 13w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">6. Pubblicare l'Table<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Una volta soddisfatti della configurazione e del design del tavolo, fare clic su <strong>Pubblicare<\/strong> (o <strong>Aggiornamento<\/strong>) per rendere attiva la tabella dei prodotti.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Suggerimenti<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c8 possibile aggiungere pi\u00f9 blocchi Prodotto Table in una singola pagina per diverse categorie o tipi di prodotto.<\/li>\n\n\n\n<li>Utilizzate le opzioni di filtraggio integrate per evidenziare gli articoli pi\u00f9 venduti, quelli in evidenza o quelli in vendita.<\/li>\n\n\n\n<li>Mescolate e abbinate le colonne (come valutazioni, SKU, ecc.) per un'esperienza di confronto dei prodotti pi\u00f9 ricca.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<p><strong>Ecco fatto!<\/strong><\/p>\n\n\n\n<p>Con il blocco Product Tableberg di Table, la presentazione dei prodotti WooCommerce in una bella tabella personalizzabile \u00e8 a portata di pochi clic, senza bisogno di codifica.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/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\/it\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Getting Started","term_url":"https:\/\/tableberg.com\/it\/docs-category\/getting-started\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/10304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/comments?post=10304"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/10304\/revisions"}],"predecessor-version":[{"id":10311,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/docs\/10304\/revisions\/10311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media\/10310"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/media?parent=10304"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_category?post=10304"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/it\/wp-json\/wp\/v2\/doc_tag?post=10304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}