{"id":2403,"date":"2026-04-28T11:24:24","date_gmt":"2026-04-28T11:24:24","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=2403"},"modified":"2026-11-13T14:58:21","modified_gmt":"2026-11-13T14:58:21","password":"","slug":"ajouter-lelement-table-orm_table","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/add-table-elementor\/","title":{"rendered":"Comment ajouter un tableau WP Table Builder dans Elementor"},"content":{"rendered":"\n
\n

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

Copy your table’s shortcode (for example [wptb id=123]<\/code>) from Embed<\/strong> in the WP Table Builder builder. In Elementor, drag the Shortcode<\/strong> widget onto the page, paste the shortcode into its field, then click Update<\/strong>. You can also use the WP Table Builder<\/strong> widget mentioned in the plugin’s Embed dialog. Both work with Elementor Free and Elementor Pro.<\/p>\n<\/div>\n\n\n\n

Elementor is a popular page builder for WordPress. WP Table Builder tables work inside any Elementor layout, including sections, containers, popups and templates.<\/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>WP Table Builder Free or Pro<\/td><\/tr>
Page builder<\/strong><\/td>Elementor Free or Elementor Pro<\/td><\/tr>
A saved table<\/strong><\/td>See How to Create Your First Table in WP Table Builder<\/a> if you do not have one yet<\/td><\/tr>
Time needed<\/strong><\/td>About 2 minutes<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Step 1: Copy the table shortcode<\/h2>\n\n\n\n
    \n
  1. Go to WP Table Builder > All Tables<\/strong> and click Edit<\/strong> under your table.<\/li>\n\n\n\n
  2. Click Embed<\/strong> in the top bar.<\/li>\n\n\n\n
  3. Click Copy<\/strong> next to the shortcode, for example [wptb id=123]<\/code>.<\/li>\n<\/ol>\n\n\n\n

    You can also copy the shortcode from the Shortcode<\/strong> column on the All Tables page. See How to Embed a WP Table Builder Table With a Shortcode<\/a>.<\/p>\n\n\n

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

    Step 2: Open your page in Elementor<\/h2>\n\n\n\n

    Go to Pages<\/strong>, hover over the page and click Edit with Elementor<\/strong>.<\/p>\n\n\n\n

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

    Step 3: Add the Shortcode widget<\/h2>\n\n\n\n
      \n
    1. In the Elementor panel, search for Shortcode<\/strong>.<\/li>\n\n\n\n
    2. Drag the Shortcode<\/strong> widget into the section or container where the table should appear.<\/li>\n<\/ol>\n\n\n\n
      \"Dragging<\/figure>\n\n\n
      <\/div><\/div><\/div>\n\n\n

      Step 4: Paste the shortcode<\/h2>\n\n\n\n

      Paste the WP Table Builder shortcode into the widget’s Enter your shortcode<\/strong> field.<\/p>\n\n\n\n

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

      Step 5: Preview and publish<\/h2>\n\n\n\n

      Click Update<\/strong> (or Publish<\/strong>), then view the page. Elementor’s editor may show the table without all its scripts, so always check the published page or the preview.<\/p>\n\n\n\n

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

      Why the table can look different in the Elementor editor<\/h2>\n\n\n\n

      Elementor renders shortcodes in its editor without loading every script a table uses. Search, sorting, pagination, sticky rows and responsive layouts work on the live page even if they do not work inside the Elementor editor.<\/p>\n\n\n

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

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