{"id":1918,"date":"2026-04-09T04:09:25","date_gmt":"2026-04-09T04:09:25","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=1918"},"modified":"2026-11-13T14:58:24","modified_gmt":"2026-11-13T14:58:24","password":"","slug":"crear-la-primera-tabla-con-el-plugin-wp-table-builder","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/create-first-table-wp-table-builder\/","title":{"rendered":"C\u00f3mo crear tu primera tabla en WP Table Builder"},"content":{"rendered":"\n
\n

Quick Answer<\/p>\n\n\n\n

Go to WP Table Builder > Add New<\/strong>, set the number of Columns<\/strong> and Rows<\/strong> under Start blank<\/strong> and click Create table<\/strong>. Name the table at the top, click any cell to type, drag elements such as Image, Star Rating or Button from the Elements<\/strong> tab into cells, and adjust colors and borders in the Settings<\/strong> tab. Click Save<\/strong>, then click Embed<\/strong> and copy the shortcode (for example [wptb id=123]<\/code>) into a post or page, or use the WP Table Builder block.<\/p>\n<\/div>\n\n\n\n

This tutorial walks you through building a simple product table from scratch with the free version of WP Table Builder. It takes about 5 minutes. If you prefer to start from a finished design, see How to Create a Table From a Template in WP Table Builder<\/a>.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Requirements<\/h2>\n\n\n\n
Item<\/th>Details<\/th><\/tr><\/thead>
Plan<\/strong><\/td>Free (this tutorial uses only free features)<\/td><\/tr>
Plugin<\/strong><\/td>WP Table Builder 2.3 or later, installed and active. See How to Install and Activate the WP Table Builder Plugin<\/a>.<\/td><\/tr>
User role<\/strong><\/td>Administrator, or a role allowed in WP Table Builder user roles<\/a><\/td><\/tr>
Time needed<\/strong><\/td>About 5 minutes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Step 1: Create a blank table<\/h2>\n\n\n\n
    \n
  1. In your WordPress dashboard, go to WP Table Builder > Add New<\/strong>.<\/li>\n\n\n\n
  2. Under Start blank<\/strong>, use the –<\/strong> and +<\/strong> buttons to set Columns<\/strong> and Rows<\/strong>. You can add or remove rows and columns later.<\/li>\n\n\n\n
  3. Click Create table<\/strong>. The builder opens.<\/li>\n<\/ol>\n\n\n\n
    \"WP<\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    Step 2: Name the table<\/h2>\n\n\n\n

    Click Untitled table<\/strong> at the top of the builder and type a name, for example “Best Laptops 2026”. Clear names make tables easy to find in All Tables<\/strong> and in the WP Table Builder block.<\/p>\n\n\n

    <\/div><\/div><\/div>\n\n\n

    Step 3: Add text<\/h2>\n\n\n\n

    Every new cell already contains a Text element that shows Content here…<\/strong>. Click it and start typing. Select words to see the formatting bar with bold, italic, underline, strikethrough, link and alignment.<\/p>\n\n\n\n

    For a heading cell, select the text element and change Tag<\/strong> from Paragraph<\/strong> to a heading level in the left panel. See Text<\/a>.<\/p>\n\n\n

    <\/div><\/div><\/div>\n\n\n

    Step 4: Drag in elements<\/h2>\n\n\n\n
      \n
    1. Open the Elements<\/strong> tab in the left panel.<\/li>\n\n\n\n
    2. Drag an element (for example Button<\/strong>, Image<\/strong> or Star Rating<\/strong>) into a cell. A blue line shows where it will land.<\/li>\n\n\n\n
    3. Drop it. A cell can hold several elements stacked on top of each other.<\/li>\n<\/ol>\n\n\n\n
      \"A<\/figure>\n\n\n\n

      Free elements are Text, Button, Image, List, Star Rating, Custom HTML and Shortcode. Pro adds seven more. See WP Table Builder Elements: Overview of All 14 Elements<\/a>.<\/p>\n\n\n

      <\/div><\/div><\/div>\n\n\n

      Step 5: Change element settings<\/h2>\n\n\n\n

      Click an element to select it. The left panel shows its settings, often split into tabs. For a button you get General<\/strong> (size, colors, radius), Link<\/strong>, Icon<\/strong> and Label<\/strong>.<\/p>\n\n\n\n

      \"WP<\/figure>\n\n\n\n

      Click the back arrow at the top of the panel to return to the element list.<\/p>\n\n\n

      <\/div><\/div><\/div>\n\n\n

      Step 6: Add or remove rows and columns<\/h2>\n\n\n\n

      Click the empty space in a cell to select it, then use the toolbar above the table: Add column to the left or right<\/strong>, Add row above or below<\/strong>, Merge cells<\/strong>, Split cell<\/strong>, Delete column<\/strong> and Delete row<\/strong>. See How To Add Rows or Columns To An Existing Table<\/a>.<\/p>\n\n\n

      <\/div><\/div><\/div>\n\n\n

      Step 7: Style the table<\/h2>\n\n\n\n

      Open the Settings<\/strong> tab to change the whole table: Cell Padding<\/strong>, Alignment<\/strong>, Border<\/strong>, Background<\/strong> (header, odd and even rows, hover), Font Style<\/strong>, sorting and more. Type in Search settings<\/strong> to find an option quickly.<\/p>\n\n\n\n

      Before publishing, check the Tablet<\/strong> and Mobile<\/strong> previews in the top bar. If the table is too wide, turn on horizontal scrolling<\/a> or responsive mode<\/a>.<\/p>\n\n\n

      <\/div><\/div><\/div>\n\n\n

      Step 8: Save and embed the table<\/h2>\n\n\n\n
        \n
      1. Click Save<\/strong>. The orange dot on the button disappears when everything is saved.<\/li>\n\n\n\n
      2. Click Embed<\/strong> and click Copy<\/strong> next to the shortcode.<\/li>\n\n\n\n
      3. Paste the shortcode into a post or page, or add the WP Table Builder<\/strong> block and pick your table. See How to Add a WP Table Builder Table in the Gutenberg Block Editor<\/a> and How to Embed a WP Table Builder Table With a Shortcode<\/a>.<\/li>\n<\/ol>\n\n\n\n
        \"The<\/figure>\n\n\n\n

        When you edit and save the table later, every page that shows it updates automatically.<\/p>\n\n\n

        <\/div><\/div><\/div>\n\n\n

        Frequently asked questions<\/h2>\n\n\n
        \n
        \n\t\t\t
        \n\t\t\t

        Can I create tables without coding?<\/strong><\/p>\n\t\t\t

        <\/span><\/div>\n\t\t<\/div>\n\t\t\t
        \n\n

        Yes. WP Table Builder is fully drag and drop. You do not need HTML or CSS to build, style or embed a table.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

        \n\t\t\t
        \n\t\t\t

        Is there a limit on how many tables I can create?<\/strong><\/p>\n\t\t\t

        <\/span><\/div>\n\t\t<\/div>\n\t\t\t
        \n\n

        No. Both the free and Pro versions allow unlimited tables.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

        \n\t\t\t
        \n\t\t\t

        Can I edit a table after embedding it?<\/strong><\/p>\n\t\t\t

        <\/span><\/div>\n\t\t<\/div>\n\t\t\t
        \n\n

        Yes. Edit and save the table in WP Table Builder and every page that uses it updates.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

        \n\t\t\t
        \n\t\t\t

        Does this work with the Gutenberg block editor?<\/strong><\/p>\n\t\t\t

        <\/span><\/div>\n\t\t<\/div>\n\t\t\t
        \n\n

        Yes. Use the WP Table Builder block, or a Shortcode block with the table shortcode.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

        \n\t\t\t
        \n\t\t\t

        Can AI build the table for me?<\/strong><\/p>\n\t\t\t

        <\/span><\/div>\n\t\t<\/div>\n\t\t\t
        \n\n

        With WP Table Builder Pro, the AI Assistant can fill and style a table from a plain-language description. See the AI Assistant guide.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n

        <\/div><\/div><\/div>\n\n\n

        Related docs<\/h2>\n\n\n\n