{"id":2755,"date":"2026-04-27T15:10:33","date_gmt":"2026-04-27T15:10:33","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=2755"},"modified":"2026-04-27T15:10:34","modified_gmt":"2026-04-27T15:10:34","password":"","slug":"wp-table-builder-block-editor-gutenberg","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/wp-table-builder-block-editor-gutenberg\/","title":{"rendered":"How to Add a WP Table Builder Table in the Gutenberg Block Editor"},"content":{"rendered":"\n
\n

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

In the Gutenberg block editor, type \/wp table builder<\/code> to insert the WP Table Builder block. Select an existing table from the dropdown, or click Create<\/strong> to build a new one. You can also edit any table inline by clicking the Open in Editor<\/strong> icon. Alternatively, use a standard Shortcode<\/strong> block and paste the table shortcode (e.g., [wptb id=\"123\" not found ]<\/code>).<\/p>\n<\/div>\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 or Pro<\/td><\/tr>
Plugin<\/strong><\/td>WP Table Builder installed and activated (install guide<\/a>)<\/td><\/tr>
WordPress<\/strong><\/td>Version 5.0 or later (block editor must be enabled)<\/td><\/tr>
Time needed<\/strong><\/td>About 1 minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Method 1: Using the WP Table Builder block<\/h2>\n\n\n\n

This is the recommended method. The dedicated WP Table Builder block lets you insert, edit, and create tables without leaving the editor.<\/p>\n\n\n\n

Step 1: Insert the WP Table Builder block<\/h3>\n\n\n\n

Open any post or page in the block editor. You can add the block in two ways:<\/p>\n\n\n\n

Option A \u2014 Slash command (fastest):<\/strong> Type \/wp table builder<\/code> (1)<\/strong> directly in the editor, then click the WP Table Builder<\/strong> block from the dropdown (2)<\/strong>.<\/p>\n\n\n\n

\"Slash<\/figure>\n\n\n\n

Option B \u2014 Block inserter:<\/strong> Click the Add Block<\/strong> icon (the “+” icon) (1)<\/strong>, type “WP Table Builder”<\/strong> in the search box (2)<\/strong>, then click the WP Table Builder<\/strong> block (3)<\/strong>.<\/p>\n\n\n\n

\"Block<\/figure>\n\n\n\n

Step 2: Select a table<\/h3>\n\n\n\n

Once the block is inserted, you’ll see a dropdown listing all the tables you’ve created in WP Table Builder.<\/p>\n\n\n\n

\"Table<\/figure>\n\n\n\n

Click any table to insert it. The table will appear inline in your editor.<\/p>\n\n\n\n

\"Table<\/figure>\n\n\n\n

Tip:<\/strong> You can click the minimize icon to collapse the table list into a compact view.<\/p>\n\n\n

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

Method 2: Using a Shortcode block<\/h2>\n\n\n\n

If you prefer using the table shortcode directly, this method works just as well.<\/p>\n\n\n\n

Step 1: Copy the table shortcode<\/h3>\n\n\n\n

Go to WP Table Builder<\/strong> in your dashboard, find the table you want, and copy its shortcode. It will look like [wptb id=\"123\" not found ]<\/code>.<\/p>\n\n\n\n

Alternatively, open the table in the WP Table Builder editor and click the Embed<\/strong> button at the top \u2014 this copies the shortcode to your clipboard automatically.<\/p>\n\n\n\n

Step 3: Paste the shortcode<\/h3>\n\n\n\n

Paste the copied shortcode into the editor. You’ll see the table immediately. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Editing a table from the block editor<\/h2>\n\n\n\n

You can open the full WP Table Builder editor without leaving your post.<\/p>\n\n\n\n

Step 1: Select the table block<\/h3>\n\n\n\n

Click on the WP Table Builder block in the editor to select it.<\/p>\n\n\n\n

Step 2: Open the table editor<\/h3>\n\n\n\n

Click the Open in Editor<\/strong> icon in the block toolbar.<\/p>\n\n\n\n

\"Open<\/figure>\n\n\n\n

The WP Table Builder editor will open as an overlay directly in the block editor. Make your changes, then click Save Table<\/strong> before closing the overlay.<\/p>\n\n\n\n

\"Editing<\/figure>\n\n\n\n

Important:<\/strong> Always save your table inside the WP Table Builder editor before exiting. Changes made in the table editor are separate from the post’s “Save\/Update” button.<\/p>\n\n\n

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

Creating a new table from the block editor<\/h2>\n\n\n\n

You can create a new table directly from the WP Table Builder block without going to the WP Table Builder dashboard first.<\/p>\n\n\n\n

Step 1: Insert the WP Table Builder block<\/h3>\n\n\n\n

Add the block using either method described above (slash command or block inserter).<\/p>\n\n\n\n

Step 2: Click Create<\/h3>\n\n\n\n

Instead of selecting an existing table, click the Create<\/strong> button (1)<\/strong>.<\/p>\n\n\n\n

Step 3: Set rows and columns<\/h3>\n\n\n\n

Enter the number of columns (2)<\/strong> and rows (3)<\/strong>, then click Create (4)<\/strong>.<\/p>\n\n\n\n

\"Create<\/figure>\n\n\n\n

The WP Table Builder editor will open. Build your table using drag-and-drop elements, then save it. For a detailed walkthrough of building a table, see How to Create Your First Table in WP Table Builder<\/a>.<\/p>\n\n\n

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

Troubleshooting<\/h2>\n\n\n\n

The WP Table Builder block doesn’t appear in the block inserter.<\/strong> Make sure the WP Table Builder plugin is installed and activated. If you recently installed it, try refreshing the editor. In rare cases, another plugin may be blocking custom blocks \u2014 try deactivating other plugins one by one to identify conflicts.<\/p>\n\n\n\n

My table shows as a blank block or an error in the editor.<\/strong> The table may have been deleted from the WP Table Builder dashboard. Open WP Table Builder \u2192 All Tables<\/strong> and check if the table still exists. If it was deleted, remove the block and insert a new one.<\/p>\n\n\n\n

Changes I made in the table editor aren’t showing on the frontend.<\/strong> Click Save Table<\/strong> inside the WP Table Builder editor overlay before closing it. Then update the post. If you’re using a caching plugin, purge the cache for that page.<\/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

Should I use the WP Table Builder block or the Shortcode block?<\/strong><\/p>\n\t\t\t

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

You can use any of them. Both of them work exactly same way. If you paste the shortcode, it will automatically convert into the WP Table Builder Block. <\/p>\n\n<\/div>\n\t\t<\/div>\n\n

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

Can I add multiple tables to the same page?<\/strong><\/p>\n\t\t\t

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

Yes. There’s no limit to how many tables you can add to a single page.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

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

Does the WP Table Builder block work with Full Site Editing (FSE) and block themes?<\/strong><\/p>\n\t\t\t

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

Yes. The WP Table Builder block works in the Site Editor the same way it works in the Post Editor. You can add tables to templates, template parts, and patterns.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

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

Will my table be responsive in the block editor?<\/strong> <\/p>\n\t\t\t

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

The editor preview may not reflect the responsive behavior. To see how the table looks on mobile, preview the published page on a mobile device or use your browser’s responsive mode. See How to Make a Table Responsive<\/a> for responsive settings.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

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

Can I use WP Table Builder tables in reusable blocks \/ patterns?<\/strong><\/p>\n\t\t\t

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

Yes. Insert a WP Table Builder block into a post, then convert it to a pattern (reusable block). The table will render correctly wherever the pattern is used.<\/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