{"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-utilizar-la-tabla-de-productos-por-bloque-tableberg","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-use-the-product-table-by-tableberg-block\/","title":{"rendered":"C\u00f3mo utilizar el producto Bloque Table by Tableberg"},"content":{"rendered":"

En Tabla de productos de Tableberg<\/a><\/strong> le permite crear tablas de productos de WooCommerce totalmente personalizables dentro del editor de bloques de WordPress. Puedes mostrar la tabla de productos para facilitar a los clientes la b\u00fasqueda, comparaci\u00f3n y adici\u00f3n de productos a su carrito.<\/p>\n\n\n\n

Siga estos pasos para crear y personalizar su primer Producto Table:<\/p>\n\n\n\n

1. Inserte el bloque de producto Table por Tableberg<\/h3>\n\n\n\n
    \n
  • Haga clic en el bot\u00f3n (+)<\/strong> en el editor de WordPress para a\u00f1adir un nuevo bloque.<\/li>\n\n\n\n
  • Empieza a escribir \"Producto Table\"<\/strong> en la barra de b\u00fasqueda de bloques.<\/li>\n\n\n\n
  • Select Tabla de productos de Tableberg<\/strong> entre las opciones disponibles.<\/li>\n<\/ul>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \n\n\n\n

    2. Seleccione WooCommerce Table Columnas<\/h3>\n\n\n\n
      \n
    • Despu\u00e9s de a\u00f1adir el bloque, ver\u00e1 la opci\u00f3n de Seleccionar columnas de tabla WooCommerce<\/strong>.<\/li>\n\n\n\n
    • Elija qu\u00e9 informaci\u00f3n del producto desea mostrar como columnas (por ejemplo, Nombre del producto, Imagen, Seleccionar opciones para variaciones, A\u00f1adir a la cesta, etc.).<\/li>\n\n\n\n
    • Utilice el men\u00fa desplegable para elegir un campo y, a continuaci\u00f3n, haga clic en A\u00f1adir<\/strong> para incluirlo en su tabla.<\/li>\n\n\n\n
    • Puede reordenar o eliminar columnas en cualquier momento.<\/li>\n<\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \n\n\n\n

      3. Elija el n\u00famero de elementos que desea mostrar<\/h3>\n\n\n\n
        \n
      • Establezca cu\u00e1ntos productos desea mostrar en su tabla.<\/li>\n\n\n\n
      • Utilice los conmutadores para mostrar s\u00f3lo productos destacados<\/strong> o productos en venta<\/strong> si es necesario.<\/li>\n<\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \n\n\n\n

        4. Personalizar el dise\u00f1o Table<\/h3>\n\n\n\n
          \n
        • Con el bloque Tableberg seleccionado, vaya a la barra lateral derecha y haga clic en el bot\u00f3n Estilos<\/strong> (el icono del pincel).<\/li>\n\n\n\n
        • Aqu\u00ed puedes hacerlo:\n
            \n
          • Cambia los colores de fondo de la cabecera, la fila y el pie de p\u00e1gina.<\/li>\n\n\n\n
          • Ajuste el relleno y el espaciado de las celdas.<\/li>\n\n\n\n
          • Controle los bordes de las tablas y los estilos de fuente globales.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Personalice su mesa para que se adapte perfectamente a la marca de su sitio web.<\/li>\n<\/ul>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
            \n\n\n\n

            5. Personalizar subbloque individual<\/h3>\n\n\n\n
              \n
            • Tambi\u00e9n puede personalizar cada subbloque (como Bot\u00f3n) individualmente.<\/li>\n\n\n\n
            • Seleccione el bloque que desea personalizar y realice los cambios en el panel de opciones de la derecha.<\/li>\n<\/ul>\n\n\n\n
              \"\"<\/figure>\n\n\n\n
              \n\n\n\n

              6. Publique su Table<\/h3>\n\n\n\n
                \n
              • Una vez que est\u00e9 satisfecho con la configuraci\u00f3n y el dise\u00f1o de la mesa, haga clic en Publique<\/strong> (o Actualizaci\u00f3n<\/strong>) para que su tabla de productos est\u00e9 activa.<\/li>\n<\/ul>\n\n\n\n
                \n\n\n\n

                Consejos<\/h3>\n\n\n\n
                  \n
                • Puede a\u00f1adir varios bloques Product Table en una misma p\u00e1gina para diferentes categor\u00edas o tipos de productos.<\/li>\n\n\n\n
                • Utilice las opciones de filtrado integradas para destacar los art\u00edculos m\u00e1s vendidos, destacados o en oferta.<\/li>\n\n\n\n
                • Mezcle y combine columnas (como valoraciones, SKU, etc.) para una experiencia de comparaci\u00f3n de productos m\u00e1s rica.<\/li>\n<\/ul>\n\n\n\n
                  \n\n\n\n

                  \u00a1Eso es!<\/strong><\/p>\n\n\n\n

                  Con el bloque Producto Tableberg de Table, mostrar los productos de WooCommerce en una bonita tabla personalizable est\u00e1 a s\u00f3lo unos clics de distancia, sin necesidad de codificaci\u00f3n.<\/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\/es\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Getting Started","term_url":"https:\/\/tableberg.com\/es\/docs-category\/getting-started\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/10304","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=10304"}],"version-history":[{"count":1,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/10304\/revisions"}],"predecessor-version":[{"id":10311,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/10304\/revisions\/10311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/10310"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=10304"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=10304"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=10304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}