{"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":"comment-utiliser-le-tableau-des-produits-par-bloc-de-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/fr\/docs\/how-to-use-the-product-table-by-tableberg-block\/","title":{"rendered":"Comment utiliser le produit Table by Tableberg Block"},"content":{"rendered":"

Les Tableau des produits par Tableberg<\/a><\/strong> vous permet de cr\u00e9er des tables de produits WooCommerce enti\u00e8rement personnalisables directement dans l'\u00e9diteur de blocs de WordPress. Vous pouvez afficher des tableaux de produits pour faciliter la navigation des clients, leur comparaison et l'ajout de produits \u00e0 leur panier.<\/p>\n\n\n\n

Suivez ces \u00e9tapes pour cr\u00e9er et personnaliser votre premier produit Table :<\/p>\n\n\n\n

1. Ins\u00e9rer le bloc de produits Table par Tableberg<\/h3>\n\n\n\n
    \n
  • Cliquez sur le bouton (+)<\/strong> dans l'\u00e9diteur WordPress pour ajouter un nouveau bloc.<\/li>\n\n\n\n
  • Commencer \u00e0 taper \"Produit Table\"<\/strong> dans la barre de recherche du bloc.<\/li>\n\n\n\n
  • S\u00e9lectionner Tableau des produits par Tableberg<\/strong> parmi les options disponibles.<\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \n\n\n\n

    2. S\u00e9lectionnez les colonnes WooCommerce Table<\/h3>\n\n\n\n
      \n
    • Apr\u00e8s avoir ajout\u00e9 le bloc, vous aurez la possibilit\u00e9 de S\u00e9lectionner les colonnes du tableau WooCommerce<\/strong>.<\/li>\n\n\n\n
    • Choisissez les informations sur le produit que vous souhaitez afficher dans les colonnes (par exemple, le nom du produit, l'image, les options de s\u00e9lection des variantes, l'ajout au panier, etc.)<\/li>\n\n\n\n
    • Utilisez la liste d\u00e9roulante pour choisir un champ, puis cliquez sur Ajouter<\/strong> pour l'inclure dans votre tableau.<\/li>\n\n\n\n
    • Vous pouvez r\u00e9organiser ou supprimer des colonnes \u00e0 tout moment.<\/li>\n<\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \n\n\n\n

      3. Choisissez le nombre d'\u00e9l\u00e9ments \u00e0 afficher<\/h3>\n\n\n\n
        \n
      • D\u00e9finissez le nombre de produits que vous souhaitez afficher dans votre tableau.<\/li>\n\n\n\n
      • Utilisez les boutons de s\u00e9lection pour afficher uniquement produits vedettes<\/strong> ou produits en vente<\/strong> si n\u00e9cessaire.<\/li>\n<\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \n\n\n\n

        4. Personnaliser la conception de Table<\/h3>\n\n\n\n
          \n
        • Le bloc Tableberg \u00e9tant s\u00e9lectionn\u00e9, allez dans la barre lat\u00e9rale droite et cliquez sur le bouton Styles<\/strong> (ic\u00f4ne du pinceau).<\/li>\n\n\n\n
        • Ici, vous pouvez :\n
            \n
          • Modifier les couleurs d'arri\u00e8re-plan de l'en-t\u00eate, des lignes et du pied de page.<\/li>\n\n\n\n
          • Ajuster le remplissage et l'espacement des cellules.<\/li>\n\n\n\n
          • Contr\u00f4ler les bordures de tableau et les styles de police globaux.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Personnalisez votre tableau pour qu'il corresponde parfaitement \u00e0 l'image de marque de votre site.<\/li>\n<\/ul>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
            \n\n\n\n

            5. Personnalisation des sous-blocs individuels<\/h3>\n\n\n\n
              \n
            • Vous pouvez \u00e9galement personnaliser chaque sous-bloc (comme le bouton) individuellement.<\/li>\n\n\n\n
            • S\u00e9lectionnez le bloc que vous souhaitez personnaliser et apportez des modifications dans le panneau d'options situ\u00e9 \u00e0 droite.<\/li>\n<\/ul>\n\n\n\n
              \"\"<\/figure>\n\n\n\n
              \n\n\n\n

              6. Publier votre Table<\/h3>\n\n\n\n
                \n
              • Une fois que vous \u00eates satisfait de la configuration et de la conception de la table, cliquez sur Publier<\/strong> (ou Mise \u00e0 jour<\/strong>) pour rendre votre tableau de produits vivant.<\/li>\n<\/ul>\n\n\n\n
                \n\n\n\n

                Conseils<\/h3>\n\n\n\n
                  \n
                • Vous pouvez ajouter plusieurs blocs Product Table sur une m\u00eame page pour diff\u00e9rentes cat\u00e9gories ou types de produits.<\/li>\n\n\n\n
                • Utilisez les options de filtrage int\u00e9gr\u00e9es pour mettre en \u00e9vidence les meilleures ventes, les articles en vedette ou les articles en solde.<\/li>\n\n\n\n
                • M\u00e9langez les colonnes (comme les classements, les UGS, etc.) pour une exp\u00e9rience de comparaison de produits plus riche.<\/li>\n<\/ul>\n\n\n\n
                  \n\n\n\n

                  C'est tout !<\/strong><\/p>\n\n\n\n

                  Avec le bloc Produit Tableberg, la pr\u00e9sentation des produits WooCommerce dans un tableau magnifique et personnalisable se fait en quelques clics, sans codage.<\/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\/fr\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Getting Started","term_url":"https:\/\/tableberg.com\/fr\/docs-category\/getting-started\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/10304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=10304"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/10304\/revisions"}],"predecessor-version":[{"id":10311,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/docs\/10304\/revisions\/10311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/10310"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=10304"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_category?post=10304"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=10304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}