<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Getting Started &#8211; WP Table Builder</title>
	<atom:link href="https://wptablebuilder.com/docs-category/getting-started/feed/" rel="self" type="application/rss+xml" />
	<link>https://wptablebuilder.com</link>
	<description>Drag &#38; Drop WordPress Table Plugin</description>
	<lastBuildDate>Sun, 26 Apr 2026 10:35:17 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://wptablebuilder.com/wp-content/uploads/2020/10/cropped-WP-Table-Builder-Icon-32x32.png</url>
	<title>Getting Started &#8211; WP Table Builder</title>
	<link>https://wptablebuilder.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>How to Install and Activate the WP Table Builder Plugin</title>
		<link>https://wptablebuilder.com/docs/install-activate-wp-table-builder/</link>
					<comments>https://wptablebuilder.com/docs/install-activate-wp-table-builder/#comments</comments>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Sun, 26 Apr 2026 10:35:15 +0000</pubDate>
				<guid isPermaLink="false">https://wptablebuilder.com/?post_type=docs&#038;p=1956</guid>

					<description><![CDATA[Quick Answer To install the free version, go to Plugins → Add New in your WordPress dashboard, search for &#8220;WP Table Builder,&#8221; click Install Now, then Activate. To add Pro features, keep the free version active and install the Pro extension alongside it by uploading the zip file from your purchase email. The whole process [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained" style="border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px">
<p class="has-text-color wp-block-paragraph" style="color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase">Quick Answer</p>



<p class="wp-block-paragraph" style="margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65">To install the free version, go to <strong>Plugins → Add New</strong> in your WordPress dashboard, search for &#8220;WP Table Builder,&#8221; click <strong>Install Now</strong>, then <strong>Activate</strong>. To add Pro features, keep the free version active and install the Pro extension alongside it by uploading the zip file from your purchase email. The whole process takes about 2 minutes.</p>
</div>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_8df58eb0-a78e-4370-99bb-59106e72c97e"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Requirements</h2>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Item</th><th>Details</th></tr></thead><tbody><tr><td><strong>WordPress</strong></td><td>Version 5.0 or later</td></tr><tr><td><strong>PHP</strong></td><td>Version 7.0 or later</td></tr><tr><td><strong>User role</strong></td><td>Administrator (only admins can install plugins)</td></tr><tr><td><strong>For Pro</strong></td><td>A WP Table Builder Pro license (<a href="https://wptablebuilder.com/pricing/" target="_blank" rel="noreferrer noopener">purchase here</a>) and the free version installed</td></tr><tr><td><strong>Time needed</strong></td><td>About 2 minutes</td></tr></tbody></table></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_3b2e259a-3097-4ebf-a827-225d30f23a6e"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Method 1: Install WP Table Builder Free (from WordPress.org)</h2>



<p class="wp-block-paragraph">This is the fastest way to get started. The free version is available directly from the WordPress plugin directory. It&#8217;s also <strong>required as the base plugin</strong> if you plan to use WP Table Builder Pro.</p>



<h3 class="wp-block-heading">Step 1: Open the plugin installer</h3>



<p class="wp-block-paragraph">In your WordPress dashboard, go to <strong>Plugins → Add New Plugin</strong>.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="571" src="https://wptablebuilder.com/wp-content/uploads/2026/04/Adding-a-Plugin-in-WordPress-1024x571.png" alt="" class="wp-image-23381" srcset="https://wptablebuilder.com/wp-content/uploads/2026/04/Adding-a-Plugin-in-WordPress-1024x571.png 1024w, https://wptablebuilder.com/wp-content/uploads/2026/04/Adding-a-Plugin-in-WordPress-300x167.png 300w, https://wptablebuilder.com/wp-content/uploads/2026/04/Adding-a-Plugin-in-WordPress-768x428.png 768w, https://wptablebuilder.com/wp-content/uploads/2026/04/Adding-a-Plugin-in-WordPress-1536x857.png 1536w, https://wptablebuilder.com/wp-content/uploads/2026/04/Adding-a-Plugin-in-WordPress-2048x1142.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Step 2: Search for WP Table Builder</h3>



<p class="wp-block-paragraph">Type <strong>&#8220;WP Table Builder&#8221;</strong> in the search box in the top right. The plugin will appear in the search results.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="501" src="https://wptablebuilder.com/wp-content/uploads/2026/04/Search-for-WP-Table-Builder--1024x501.png" alt="" class="wp-image-23382" srcset="https://wptablebuilder.com/wp-content/uploads/2026/04/Search-for-WP-Table-Builder--1024x501.png 1024w, https://wptablebuilder.com/wp-content/uploads/2026/04/Search-for-WP-Table-Builder--300x147.png 300w, https://wptablebuilder.com/wp-content/uploads/2026/04/Search-for-WP-Table-Builder--768x376.png 768w, https://wptablebuilder.com/wp-content/uploads/2026/04/Search-for-WP-Table-Builder--1536x752.png 1536w, https://wptablebuilder.com/wp-content/uploads/2026/04/Search-for-WP-Table-Builder--2048x1003.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Step 3: Install the plugin</h3>



<p class="wp-block-paragraph">Click the <strong>Install Now</strong> button on the WP Table Builder card. WordPress will download and install the plugin automatically. This usually takes a few seconds.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="497" src="https://wptablebuilder.com/wp-content/uploads/2026/04/Install-WP-Table-Builder-1024x497.png" alt="" class="wp-image-23383" srcset="https://wptablebuilder.com/wp-content/uploads/2026/04/Install-WP-Table-Builder-1024x497.png 1024w, https://wptablebuilder.com/wp-content/uploads/2026/04/Install-WP-Table-Builder-300x146.png 300w, https://wptablebuilder.com/wp-content/uploads/2026/04/Install-WP-Table-Builder-768x373.png 768w, https://wptablebuilder.com/wp-content/uploads/2026/04/Install-WP-Table-Builder-1536x745.png 1536w, https://wptablebuilder.com/wp-content/uploads/2026/04/Install-WP-Table-Builder-2048x994.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading">Step 4: Activate the plugin</h3>



<p class="wp-block-paragraph">After installation completes, the button will change to <strong>Activate</strong>. Click it.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="498" src="https://wptablebuilder.com/wp-content/uploads/2026/04/Activate-WP-Table-Builder-1024x498.png" alt="" class="wp-image-23384" srcset="https://wptablebuilder.com/wp-content/uploads/2026/04/Activate-WP-Table-Builder-1024x498.png 1024w, https://wptablebuilder.com/wp-content/uploads/2026/04/Activate-WP-Table-Builder-300x146.png 300w, https://wptablebuilder.com/wp-content/uploads/2026/04/Activate-WP-Table-Builder-768x374.png 768w, https://wptablebuilder.com/wp-content/uploads/2026/04/Activate-WP-Table-Builder-1536x748.png 1536w, https://wptablebuilder.com/wp-content/uploads/2026/04/Activate-WP-Table-Builder-2048x997.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">You&#8217;ll now see a new <strong>WP Table Builder</strong> menu in the left admin sidebar. You&#8217;re ready to <a href="https://wptablebuilder.com/docs/create-first-table-wp-table-builder/">create your first table</a>.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_8fccf5e3-1367-40b7-b4f0-1cc519e92e99"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Method 2: Install WP Table Builder Pro (extension)</h2>



<p class="wp-block-paragraph">WP Table Builder Pro works as an extension on top of the free base plugin. You need <strong>both plugins installed and active</strong> for Pro features to work.</p>



<p class="wp-block-paragraph"><strong>Before you start:</strong> Make sure WP Table Builder (free) is already installed and activated using Method 1 above.</p>



<h3 class="wp-block-heading">Step 1: Download the Pro plugin zip file</h3>



<p class="wp-block-paragraph">After purchasing, you&#8217;ll receive a confirmation email with a download link, your license key, and account details. Click the download link to save the <code>.zip</code> file to your computer.</p>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/Plugin-Download-link-WP-Table-Builder.png" alt="Download link in purchase confirmation email"/></figure>



<h3 class="wp-block-heading">Step 2: Open the plugin uploader</h3>



<p class="wp-block-paragraph">In your WordPress dashboard, go to <strong>Plugins (1) → Add New Plugin (2)</strong>, then click <strong>Upload Plugin (3)</strong> at the top.</p>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-08_12-56-59.png" alt="Plugins → Add New → Upload Plugin"/></figure>



<h3 class="wp-block-heading">Step 3: Upload and install</h3>



<p class="wp-block-paragraph">Click <strong>Choose File</strong>, select the Pro <code>.zip</code> file you downloaded, then click <strong>Install Now</strong>.</p>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-08_13-06-58.gif" alt="Upload and install the plugin zip"/></figure>



<h3 class="wp-block-heading">Step 4: Activate the Pro extension</h3>



<p class="wp-block-paragraph">Once the installation finishes, click <strong>Activate Plugin</strong>.</p>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-08_13-21-59.png" alt="Activate plugin button"/></figure>



<p class="wp-block-paragraph">You should now see <strong>two plugins</strong> in your Plugins list: WP Table Builder (free base) and WP Table Builder Pro (extension). Both must stay active.</p>



<h3 class="wp-block-heading">Step 5: Activate your license key</h3>



<p class="wp-block-paragraph">After activation, go to <strong>WP Table Builder</strong> in the sidebar. You&#8217;ll see a banner prompting you to complete activation. Click <strong>Complete &#8220;WP Table Builder Pro&#8221; Activation Now</strong>.</p>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-08_13-36-34-2-1024x554.png" alt="License activation banner"/></figure>



<p class="wp-block-paragraph">Paste the license key from your purchase confirmation email <strong>(1)</strong> and click <strong>Activate License (2)</strong>.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-08_13-38-13-1.png" alt="Paste license key and activate"/></figure>



<p class="wp-block-paragraph">After successful activation, you&#8217;ll be redirected to the Account page showing your license details.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-08_14-10-37-1024x699.png" alt="Account page with license details"/></figure>



<p class="wp-block-paragraph">For more details on license management, see <a href="https://wptablebuilder.com/docs/insert-activate-license-key/">How to Insert &amp; Activate Your License Key</a>.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_5ad6659d-1e43-40e5-83da-7c7fe090368a"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Upgrading from Free to Pro</h2>



<p class="wp-block-paragraph">Already using WP Table Builder Free? Upgrading is simple — you don&#8217;t need to remove anything:</p>



<ol class="wp-block-list">
<li><strong>Keep the free version active.</strong> Do not deactivate or delete it. The free plugin is the base that Pro extends.</li>



<li><strong>Purchase a Pro license</strong> at <a href="https://wptablebuilder.com/pricing/" target="_blank" rel="noreferrer noopener">wptablebuilder.com/pricing</a>.</li>



<li><strong>Download the Pro zip</strong> from your confirmation email.</li>



<li><strong>Install and activate Pro</strong> following Method 2 above (Steps 2–5).</li>
</ol>



<p class="wp-block-paragraph">Your existing tables, settings, and shortcodes are untouched. Pro elements and features will appear in the editor immediately after activation.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_016ae3ec-d39b-4457-8262-65afdd416375"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Troubleshooting</h2>



<p class="wp-block-paragraph"><strong>The plugin won&#8217;t install — I see &#8220;Installation failed: Could not create directory.&#8221;</strong> <br><br>Your server&#8217;s file permissions may be too restrictive. Contact your hosting provider and ask them to check that the <code>wp-content/plugins/</code> directory is writable.</p>



<p class="wp-block-paragraph"><strong>I see &#8220;An error occurred while activating Freemius&#8221; after activation.</strong> </p>



<p class="wp-block-paragraph">This is a known issue related to the Freemius SDK. See <a href="https://wptablebuilder.com/docs/fix-an-error-occurred-while-activating-freemius-in-wp-table-builder/" target="_blank" rel="noreferrer noopener">Fix: &#8220;An error occurred while activating Freemius&#8221;</a> for the solution.</p>



<p class="wp-block-paragraph"><strong>My license key isn&#8217;t working.</strong> </p>



<p class="wp-block-paragraph">Make sure you&#8217;re pasting the key exactly as it appears in your email — no extra spaces before or after. If it still doesn&#8217;t work, check that your license hasn&#8217;t exceeded its site limit. See <a href="https://wptablebuilder.com/docs/insert-activate-license-key/" target="_blank" rel="noreferrer noopener">How to Insert &amp; Activate Your License Key</a> for details.</p>



<p class="wp-block-paragraph"><strong>I installed Pro but I don&#8217;t see Pro elements.</strong> </p>



<p class="wp-block-paragraph">Check two things: first, confirm that the <strong>free base plugin is also installed and active</strong> — Pro won&#8217;t work without it. Second, verify that you activated the license key (Step 5 in Method 2). If both are active and the license is valid but Pro elements still don&#8217;t appear, deactivate both plugins, reactivate the free version first, then reactivate Pro.</p>



<p class="wp-block-paragraph"><strong>The plugin doesn&#8217;t appear in search results on WordPress.org.</strong> </p>



<p class="wp-block-paragraph">Search for the exact name: <strong>WP Table Builder</strong>. If your WordPress installation can&#8217;t connect to WordPress.org (common on localhost or restricted servers), download the free version zip from <a href="https://wordpress.org/plugins/wp-table-builder/" target="_blank" rel="noreferrer noopener">wordpress.org/plugins/wp-table-builder/</a> and upload it manually using the same process as Method 2.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_ffd341b4-9378-4e80-8704-237a6766a6c2"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Frequently asked questions</h2>


<div class="wp-block-ub-content-toggle wp-block-ub-content-toggle-block" id="ub-content-toggle-block-a45d7571-2e13-432a-9017-a781a2ffa754" data-mobilecollapse="false" data-desktopcollapse="false" data-preventcollapse="false" data-showonlyone="false">
<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-0-a45d7571-2e13-432a-9017-a781a2ffa754" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a45d7571-2e13-432a-9017-a781a2ffa754" style="color: #000000; "><strong>Do I need the free version installed to use Pro?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open"></span></div>
		</div>
			<div role="region" aria-expanded="true" class="wp-block-ub-content-toggle-accordion-content-wrap" id="ub-content-toggle-panel-0-a45d7571-2e13-432a-9017-a781a2ffa754">

<p class="wp-block-paragraph">Yes. WP Table Builder Pro is an extension that requires the free version as the base plugin. Both plugins must be installed and active for Pro features to work.</p>

</div>
		</div>

<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-1-a45d7571-2e13-432a-9017-a781a2ffa754" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a45d7571-2e13-432a-9017-a781a2ffa754" style="color: #000000; "><strong>Will I lose my tables when upgrading from Free to Pro?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open"></span></div>
		</div>
			<div role="region" aria-expanded="true" class="wp-block-ub-content-toggle-accordion-content-wrap" id="ub-content-toggle-panel-1-a45d7571-2e13-432a-9017-a781a2ffa754">

<p class="wp-block-paragraph">No. All tables are stored in the WordPress database, not in the plugin files. Installing Pro alongside the free version does not affect any existing tables.</p>

</div>
		</div>

<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-2-a45d7571-2e13-432a-9017-a781a2ffa754" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a45d7571-2e13-432a-9017-a781a2ffa754" style="color: #000000; "><strong>Can I install WP Table Builder on a multisite network?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open"></span></div>
		</div>
			<div role="region" aria-expanded="true" class="wp-block-ub-content-toggle-accordion-content-wrap" id="ub-content-toggle-panel-2-a45d7571-2e13-432a-9017-a781a2ffa754">

<p class="wp-block-paragraph">Yes. You can either network-activate it for all sites or activate it on individual sites. License limits still apply for Pro.</p>

</div>
		</div>

<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-3-a45d7571-2e13-432a-9017-a781a2ffa754" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a45d7571-2e13-432a-9017-a781a2ffa754" style="color: #000000; "><strong>What happens if my Pro license expires?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open"></span></div>
		</div>
			<div role="region" aria-expanded="true" class="wp-block-ub-content-toggle-accordion-content-wrap" id="ub-content-toggle-panel-3-a45d7571-2e13-432a-9017-a781a2ffa754">

<p class="wp-block-paragraph">Your existing tables continue to work. However, you won&#8217;t receive plugin updates or priority support until you renew.</p>

</div>
		</div>

<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-4-a45d7571-2e13-432a-9017-a781a2ffa754" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-a45d7571-2e13-432a-9017-a781a2ffa754" style="color: #000000; "><strong>Is WP Table Builder compatible with my theme?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open"></span></div>
		</div>
			<div role="region" aria-expanded="true" class="wp-block-ub-content-toggle-accordion-content-wrap" id="ub-content-toggle-panel-4-a45d7571-2e13-432a-9017-a781a2ffa754">

<p class="wp-block-paragraph">WP Table Builder works with any standard WordPress theme. </p>

</div>
		</div>
</div>

<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_37ee15ee-121e-431b-9865-80208a1625a3"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">What&#8217;s next?</h2>



<p class="wp-block-paragraph">You&#8217;ve installed WP Table Builder — now put it to use:</p>



<ul class="wp-block-list">
<li><a href="https://wptablebuilder.com/docs/create-first-table-wp-table-builder/" target="_blank" rel="noreferrer noopener">How to Create Your First Table in WP Table Builder</a> — build your first table in 5 minutes</li>



<li><a href="https://wptablebuilder.com/docs/how-to-use-wp-table-builder-within-wordpress-dashboard/" target="_blank" rel="noreferrer noopener">How to Use WP Table Builder within WordPress Dashboard</a> — learn the interface</li>



<li><a href="https://wptablebuilder.com/docs/insert-activate-license-key/" target="_blank" rel="noreferrer noopener">How to Insert &amp; Activate Your License Key</a> — manage your Pro license</li>



<li><a href="https://wptablebuilder.com/docs/make-table-responsive-wordpress/" target="_blank" rel="noreferrer noopener">How to Make a Table Responsive</a> — make sure tables work on mobile</li>



<li><a href="https://wptablebuilder.com/docs/how-to-add-custom-css-in-wp-table-builder/" target="_blank" rel="noreferrer noopener">How to Add Custom CSS in WP Table Builder</a> — customize the look</li>
</ul>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_0de14737-a0b3-4d8f-af85-8af30a549bd6"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>]]></content:encoded>
					
					<wfw:commentRss>https://wptablebuilder.com/docs/install-activate-wp-table-builder/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>How to Insert &#038; Activate Your License Key</title>
		<link>https://wptablebuilder.com/docs/insert-activate-license-key/</link>
					<comments>https://wptablebuilder.com/docs/insert-activate-license-key/#respond</comments>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Sat, 08 Mar 2025 09:08:13 +0000</pubDate>
				<guid isPermaLink="false">https://wptablebuilder.com/?post_type=docs&#038;p=6293</guid>

					<description><![CDATA[Once you&#8217;ve installed and activated the WP Table Builder plugin, it will ask you to insert and activate the license key. If you&#8217;ve missed that step, no worries. Here&#8217;s how you can activate your license key. Just go to WordPress Dashboard and navigate to Plugins (1) > Installed Plugins (2), and click on &#8216;Activate License&#8216; [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Once you&#8217;ve <a href="https://wptablebuilder.com/docs/install-activate-wp-table-builder/" target="_blank" data-type="URL" data-id="https://wptablebuilder.com/docs/install-activate-wp-table-builder/" rel="noreferrer noopener">installed and activated the WP Table Builder plugin</a>, it will ask you to insert and activate the license key. </p>



<p class="wp-block-paragraph">If you&#8217;ve missed that step, no worries. Here&#8217;s how you can activate your license key. </p>



<p class="wp-block-paragraph">Just go to WordPress Dashboard and<strong> navigate to Plugins (1) > Installed Plugins (2), </strong>and <strong>click</strong> on &#8216;<strong>Activate License</strong>&#8216; <strong>(3)</strong> under &#8216;WP Table Builder Pro&#8217;.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="878" height="542" src="https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-53-30-1.png" alt="" class="wp-image-20503" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-53-30-1.png 878w, https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-53-30-1-300x185.png 300w, https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-53-30-1-768x474.png 768w" sizes="auto, (max-width: 878px) 100vw, 878px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Enter your <strong>license key (1) </strong>and cilck on the &#8220;<strong>Agree &amp; Activate License&#8221; (2)</strong>.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="890" height="486" src="https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-57-51-2.png" alt="" class="wp-image-20506" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-57-51-2.png 890w, https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-57-51-2-300x164.png 300w, https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-57-51-2-768x419.png 768w" sizes="auto, (max-width: 890px) 100vw, 890px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Once the license has been activated, you will be redirected to your Account page where you can see your license details. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1028" height="702" src="https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-10-37.png" alt="" class="wp-image-20508" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-10-37.png 1028w, https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-10-37-300x205.png 300w, https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-10-37-1024x699.png 1024w, https://wptablebuilder.com/wp-content/uploads/2021/10/2025-03-08_14-10-37-768x524.png 768w" sizes="auto, (max-width: 1028px) 100vw, 1028px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">That&#8217;s it. Enjoy your plugin!</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wptablebuilder.com/docs/insert-activate-license-key/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Use WP Table Builder within WordPress Dashboard?</title>
		<link>https://wptablebuilder.com/docs/how-to-use-wp-table-builder-within-wordpress-dashboard/</link>
					<comments>https://wptablebuilder.com/docs/how-to-use-wp-table-builder-within-wordpress-dashboard/#respond</comments>
		
		<dc:creator><![CDATA[Ankur Raz Bongshi]]></dc:creator>
		<pubDate>Wed, 05 Mar 2025 08:11:02 +0000</pubDate>
				<guid isPermaLink="false">https://wptablebuilder.com/?post_type=docs&#038;p=20455</guid>

					<description><![CDATA[WP Table Builder is one of the leading Table Builders in the WordPress community. When you create a table using the WP Table Builder, you will notice that the WP Table Builder will run separately from the Dashboard and will run in full-screen. How to Use WP Table Builder within WordPress Dashboard? If you wish [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">WP Table Builder is one of the leading Table Builders in the WordPress community. </p>



<p class="wp-block-paragraph">When you create a table using the WP Table Builder, you will notice that the WP Table Builder will run separately from the Dashboard and will run in full-screen.</p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1176" height="592" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_13-55-58.gif" alt="" class="wp-image-20456" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">How to Use WP Table Builder within WordPress Dashboard? </h2>



<p class="wp-block-paragraph">If you wish not to use the WP Table Builder in fullscreen and run it within the dashboard, you can do that easily. </p>



<p class="wp-block-paragraph">Navigate to <strong>WP Table Builder (1) > Settings (2)</strong>. <strong>Turn off</strong> the option &#8220;<strong>Take over the entire screen in builder</strong>&#8221; <strong>(3)</strong>. Now, hit the Save button <strong>(4)</strong>. And that&#8217;s it. </p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="564" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_14-02-27-1024x564.png" alt="" class="wp-image-20457" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_14-02-27-1024x564.png 1024w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_14-02-27-300x165.png 300w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_14-02-27-768x423.png 768w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_14-02-27.png 1292w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">To Check if it worked, create a new table and see it yourself. </p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="1324" height="652" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_14-08-48.gif" alt="" class="wp-image-20458" style="border-width:1px;border-radius:3px"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So, that&#8217;s how you do it. Hope this tutorial was helpful. </p>
]]></content:encoded>
					
					<wfw:commentRss>https://wptablebuilder.com/docs/how-to-use-wp-table-builder-within-wordpress-dashboard/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Create Your First Table in WP Table Builder</title>
		<link>https://wptablebuilder.com/docs/create-first-table-wp-table-builder/</link>
					<comments>https://wptablebuilder.com/docs/create-first-table-wp-table-builder/#respond</comments>
		
		<dc:creator><![CDATA[Istiak Rayhan]]></dc:creator>
		<pubDate>Thu, 09 Apr 2026 04:09:25 +0000</pubDate>
				<guid isPermaLink="false">https://wptablebuilder.com/?post_type=docs&#038;p=1918</guid>

					<description><![CDATA[Quick Answer Go to WP Table Builder → Add New, set rows and columns, drag elements into cells, save the table, then click Embed to copy a shortcode you can paste into any WordPress post or page. Requirements Item Details Plan Free or Pro — this tutorial uses only Free features Plugin WP Table Builder [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained" style="border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px">
<p class="has-text-color wp-block-paragraph" style="color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase">Quick Answer</p>



<p class="wp-block-paragraph" style="margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65">Go to <code><strong>WP Table Builder → Add New</strong></code>, set rows and columns, drag elements into cells, save the table, then click <code>Embed</code> to copy a shortcode you can paste into any WordPress post or page.</p>
</div>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal is-style-separator-thin" id="ub_divider_0709a557-0a84-441f-96c3-6eaa02e31504"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line is-style-separator-thin" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Requirements</h2>



<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>Item</th><th>Details</th></tr></thead><tbody><tr><td><strong>Plan</strong></td><td>Free or Pro — this tutorial uses only Free features</td></tr><tr><td><strong>Plugin</strong></td><td>WP Table Builder installed and activated (<a href="https://wptablebuilder.com/docs/install-activate-wp-table-builder/">see install guide</a>)</td></tr><tr><td><strong>WordPress</strong></td><td>Version 5.0 or later</td></tr><tr><td><strong>User role</strong></td><td>Administrator, or a role with WP Table Builder permissions (<a href="https://wptablebuilder.com/docs/how-to-manage-user-roles/">manage user roles</a>)</td></tr><tr><td><strong>Time needed</strong></td><td>About 5 minutes</td></tr></tbody></table></figure>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_abddeaf4-0a65-4f8e-9fb6-7bc4168831f0"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">What you&#8217;ll build</h2>



<p class="wp-block-paragraph">In this tutorial, you&#8217;ll build a simple product table with five element types: a text heading, a product image, a feature list, a star rating, and a call-to-action button. By the end, you&#8217;ll know how to add any element to any cell and how to embed the finished table anywhere on your WordPress site.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_17eb7632-591d-4091-be93-f7616b42ec55"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Step 1: Open the table builder</h2>



<p class="wp-block-paragraph">Once WP Table Builder is installed and activated, open your WordPress dashboard. You&#8217;ll see a new <strong>WP Table Builder</strong> menu item in the left admin sidebar.</p>



<p class="wp-block-paragraph">Hover over the <strong>WP Table Builder</strong> menu, then click <strong>Add New</strong> in the flyout.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2020/01/2025-03-09_19-02-42.png" alt="Add New menu in WP Table Builder"/></figure>



<p class="wp-block-paragraph">Alternatively, click the <strong>WP Table Builder</strong> menu item (1) and then <strong>Add New</strong> (2) from the secondary sidebar.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-09_20-53-45-1.png" alt="Alternative path to Add New"/></figure>



<h2 class="wp-block-heading">Step 2: Set rows and columns</h2>



<p class="wp-block-paragraph">On the setup screen, enter the number of <strong>rows (1)</strong> and <strong>columns (2)</strong> your table needs, then click <strong>Create New (3)</strong>.</p>



<p class="wp-block-paragraph">You can add or remove rows and columns later, so don&#8217;t worry about getting this exact.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2020/01/2025-03-09_19-08-29-1.png" alt="Choose rows and columns"/></figure>



<h2 class="wp-block-heading">Step 3: Name your table</h2>



<p class="wp-block-paragraph">You&#8217;ll now see the WP Table Builder editor. Type a name for your table in the title field at the top (1). A clear name makes tables easier to find later when you have many of them.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2020/01/2025-03-09_19-21-03-1024x555.png" alt="Name your table"/></figure>



<h2 class="wp-block-heading">Step 4: Understand elements (Free vs Pro)</h2>



<p class="wp-block-paragraph">WP Table Builder has two types of elements:</p>



<ul class="wp-block-list">
<li><strong>Basic elements</strong> (Free and Pro): Text, Image, List, Star Rating, Button, Custom HTML, Shortcode</li>



<li><strong>Pro elements</strong>: Icon, Text Icon, Styled List, Circle Rating, Ribbon, Badge, Progress Bar</li>
</ul>



<p class="wp-block-paragraph">Basic elements are available in both the Free and Pro versions. Pro elements require a <a href="https://wptablebuilder.com/pricing/" target="_blank" rel="noreferrer noopener">WP Table Builder Pro license</a>.</p>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8d39b2df wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2020/01/2025-03-09_19-25-58-1.png" alt="Basic elements panel"/></figure>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">
<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2020/01/2025-03-09_19-26-13.png" alt="Pro elements panel"/></figure>
</div>
</div>



<p class="wp-block-paragraph">To add any element, drag it from the left sidebar and drop it into a table cell.</p>



<h2 class="wp-block-heading">Step 5: Add text</h2>



<p class="wp-block-paragraph">Text is the most common element. There are two ways to add it:</p>



<ul class="wp-block-list">
<li><strong>Drag and drop</strong>: Drag the <strong>Text</strong> element from the sidebar into a cell.</li>



<li><strong>Click to type</strong>: Click directly inside any empty cell and start typing.</li>
</ul>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_13-03-14.gif" alt="Drag text into cell"/></figure>



<p class="wp-block-paragraph">Once a text element is selected, the left sidebar shows styling options:</p>



<ol class="wp-block-list">
<li><strong>Font color</strong> — color of the text</li>



<li><strong>Link font color</strong> — color of any hyperlinks inside the text</li>



<li><strong>Font size</strong> — text size in pixels</li>



<li><strong>Padding</strong> — inner spacing</li>



<li><strong>Margin</strong> — outer spacing</li>
</ol>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_13-06-02.png" alt="Text element sidebar options"/></figure>



<p class="wp-block-paragraph">A floating toolbar also appears above the selected text with <strong>bold, italic, strikethrough, link, and alignment</strong> controls.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_13-09-21-1.png" alt="Text floating toolbar"/></figure>



<h2 class="wp-block-heading">Step 6: Add an image</h2>



<p class="wp-block-paragraph">Drag the <strong>Image</strong> element into a cell, then click <strong>Upload</strong> to choose an image from your WordPress media library or upload a new one.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_13-14-57.gif" alt="Drag image into cell"/></figure>



<p class="wp-block-paragraph">After selecting the image, use the left sidebar to configure it:</p>



<ul class="wp-block-list">
<li><strong>General tab</strong> — set image alignment (1) and add alt text (2) for SEO and accessibility</li>



<li><strong>Size tab</strong> — change image width and height</li>



<li><strong>Link tab</strong> — make the image clickable by adding a URL, and optionally set the link to open in a new tab via <strong>Link Target → Blank</strong></li>
</ul>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_13-16-14.png" alt="Image general options"/></figure>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_13-17-44.gif" alt="Image size tab"/></figure>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-09-12.png" alt="Image link tab"/></figure>



<p class="wp-block-paragraph"><strong>Tip:</strong> Always add alt text to table images. It improves accessibility and helps search engines understand your content.</p>



<h2 class="wp-block-heading">Step 7: Add a list</h2>



<p class="wp-block-paragraph">Drag the <strong>List</strong> element into a cell and edit the items inline.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-12-43.gif" alt="Drag list into cell"/></figure>



<p class="wp-block-paragraph">Configure the list from three tabs in the left sidebar:</p>



<ul class="wp-block-list">
<li><strong>General tab</strong> — change list type (bulleted/numbered), margin, and padding</li>



<li><strong>Font tab</strong> — adjust font color and size for list items</li>



<li><strong>Layout tab</strong> — control item spacing and list alignment</li>
</ul>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-17-53.png" alt="List general tab"/></figure>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-19-33.png" alt="List font tab"/></figure>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-21-19.png" alt="List layout tab"/></figure>



<h2 class="wp-block-heading">Step 8: Add a star rating</h2>



<p class="wp-block-paragraph">Drag the <strong>Star Rating</strong> element into a cell and click on the stars to set the rating.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-23-19-2.gif" alt="Drag star rating into cell"/></figure>



<p class="wp-block-paragraph">From the left sidebar you can configure:</p>



<ol class="wp-block-list">
<li><strong>Max rating</strong> — maximum number of stars (default is 5)</li>



<li><strong>Rating value</strong> — the current rating to display</li>



<li><strong>Size</strong> — star size</li>



<li><strong>Alignment</strong> — left, center, or right</li>



<li><strong>Color</strong> — star color</li>



<li><strong>Show rating count</strong> — toggle to display the numeric value beside the stars</li>
</ol>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-27-53.png" alt="Star rating options"/></figure>



<h2 class="wp-block-heading">Step 9: Add a button</h2>



<p class="wp-block-paragraph">Drag the <strong>Button</strong> element into a cell, then click it to edit the button text and link.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-35-37.gif" alt="Drag button into cell"/></figure>



<p class="wp-block-paragraph">The left sidebar lets you customize size, border radius, background color, hover color, text color, text hover color, font size, button alignment, content alignment, and button ID.</p>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-45-26.png" alt="Button options part 1"/></figure>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-46-16.png" alt="Button options part 2"/></figure>



<p class="wp-block-paragraph">Your finished table should now look something like this:</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-50-29.png" alt="Finished example table"/></figure>



<h2 class="wp-block-heading">Step 10: Save your table</h2>



<p class="wp-block-paragraph"><strong>Important:</strong> You must save your table before you can preview it, embed it, or come back to it later. Click the <strong>Save Table</strong> button at the top right of the editor.</p>



<p class="wp-block-paragraph">If you close the editor without saving, your changes will be lost.</p>



<h2 class="wp-block-heading">Step 11: Embed the table in a post or page</h2>



<p class="wp-block-paragraph">Once saved, click the <strong>Embed</strong> button in the top toolbar. This copies the table&#8217;s shortcode to your clipboard automatically.</p>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-56-07.gif" alt="Embed button copies shortcode"/></figure>



<p class="wp-block-paragraph">Now open any WordPress post or page where you want the table to appear, and paste the shortcode. It will look like <code>[wptb id=123]</code>.</p>



<ul class="wp-block-list">
<li><strong>Block editor (Gutenberg):</strong> Add a <strong>Shortcode block</strong> and paste the shortcode inside. (<a href="https://wptablebuilder.com/docs/wp-table-builder-block-editor-gutenberg/">Full Gutenberg guide →</a>)</li>



<li><strong>Classic editor:</strong> Paste the shortcode directly into the content area.</li>



<li><strong>Elementor:</strong> Use the <strong>Shortcode widget</strong>. (<a href="https://wptablebuilder.com/docs/add-table-elementor/">Full Elementor guide →</a>)</li>



<li><strong>Divi:</strong> Use the <strong>Text module</strong> and paste the shortcode. (<a href="https://wptablebuilder.com/docs/adding-tables-in-divi/">Full Divi guide →</a>)</li>
</ul>



<figure class="wp-block-image"><img decoding="async" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-10_14-59-36.gif" alt="Paste shortcode into post"/></figure>



<p class="wp-block-paragraph">Publish or update the post, and your table will appear on the frontend.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_95a5e8a2-541d-4e00-a72d-de7e80e26955"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 2px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Troubleshooting</h2>



<p class="wp-block-paragraph"><strong>My table isn&#8217;t showing up on the frontend.</strong> <br><br>Make sure you clicked <strong>Save Table</strong> before copying the shortcode, and that the shortcode ID matches your saved table. If the shortcode still shows as plain text, see <a href="https://wptablebuilder.com/docs/tables-not-showing-dashboard/" target="_blank" rel="noreferrer noopener">Tables Not Showing in WP Table Builder Dashboard</a>.</p>



<p class="wp-block-paragraph"><strong>Elements won&#8217;t drop into cells.</strong> <br><br>Check that you&#8217;re dragging into an empty cell, not onto the cell border. Refreshing the browser usually resolves stuck drag states.</p>



<p class="wp-block-paragraph"><strong>My table looks broken on mobile.</strong> <br><br>WP Table Builder tables are responsive, but you may need to enable the responsive mode. See <a href="https://wptablebuilder.com/docs/make-table-responsive-wordpress/">How to Make a Table Responsive</a>.</p>



<p class="wp-block-paragraph"><strong>The styling in my table looks different from the editor preview.</strong> Your theme may be overriding WP Table Builder&#8217;s styles. See <a href="https://wptablebuilder.com/docs/disable-theme-styles-for-table/" target="_blank" rel="noreferrer noopener">How to Disable Theme Styles for Table</a>.</p>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_9adc67f0-c298-4a38-9fee-f17e5fbac8dd"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Frequently asked questions</h2>


<div class="wp-block-ub-content-toggle wp-block-ub-content-toggle-block" id="ub-content-toggle-block-9367a07a-711c-44a5-97de-38d953e4f0c3" data-mobilecollapse="false" data-desktopcollapse="true" data-preventcollapse="false" data-showonlyone="false">
<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-0-9367a07a-711c-44a5-97de-38d953e4f0c3" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3" style="color: #000000; "><strong>Can I create tables without coding?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open"></span></div>
		</div>
			<div role="region" aria-expanded="true" class="wp-block-ub-content-toggle-accordion-content-wrap" id="ub-content-toggle-panel-0-9367a07a-711c-44a5-97de-38d953e4f0c3">

<p class="wp-block-paragraph">Yes. WP Table Builder is fully drag-and-drop. You don&#8217;t need HTML, CSS, or any coding knowledge to create your first table.</p>

</div>
		</div>

<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-1-9367a07a-711c-44a5-97de-38d953e4f0c3" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3" style="color: #000000; "><strong>Is there a limit to how many tables I can create?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down"></span></div>
		</div>
			<div role="region" aria-expanded="false" class="wp-block-ub-content-toggle-accordion-content-wrap ub-hide" id="ub-content-toggle-panel-1-9367a07a-711c-44a5-97de-38d953e4f0c3">

<p class="wp-block-paragraph">No. Both the Free and Pro versions allow unlimited tables.</p>

</div>
		</div>

<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-2-9367a07a-711c-44a5-97de-38d953e4f0c3" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3" style="color: #000000; "><strong>Can I edit a table after embedding it on a post?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down"></span></div>
		</div>
			<div role="region" aria-expanded="false" class="wp-block-ub-content-toggle-accordion-content-wrap ub-hide" id="ub-content-toggle-panel-2-9367a07a-711c-44a5-97de-38d953e4f0c3">

<p class="wp-block-paragraph">Yes. Any edits you save in the WP Table Builder editor will automatically update everywhere the shortcode is used.</p>

</div>
		</div>

<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-3-9367a07a-711c-44a5-97de-38d953e4f0c3" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3" style="color: #000000; "><strong>Does this work with the Gutenberg block editor?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down"></span></div>
		</div>
			<div role="region" aria-expanded="false" class="wp-block-ub-content-toggle-accordion-content-wrap ub-hide" id="ub-content-toggle-panel-3-9367a07a-711c-44a5-97de-38d953e4f0c3">

<p class="wp-block-paragraph">Yes. Use a Shortcode block and paste the WP Table Builder shortcode inside. See the <a href="https://wptablebuilder.com/docs/wp-table-builder-block-editor-gutenberg/" target="_blank" rel="noreferrer noopener">Gutenberg guide</a> for details.</p>

</div>
		</div>

<div class="wp-block-ub-content-toggle-accordion" style="border-color: #f1f1f1; " id="ub-content-toggle-panel-block-">
			<div class="wp-block-ub-content-toggle-accordion-title-wrap" style="background-color: #f1f1f1;" aria-controls="ub-content-toggle-panel-4-9367a07a-711c-44a5-97de-38d953e4f0c3" tabindex="0">
			<p class="wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-9367a07a-711c-44a5-97de-38d953e4f0c3" style="color: #000000; "><strong>Are WP Table Builder tables SEO-friendly?</strong></p>
			<div class="wp-block-ub-content-toggle-accordion-toggle-wrap right" style="color: #000000;"><span class="wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down"></span></div>
		</div>
			<div role="region" aria-expanded="false" class="wp-block-ub-content-toggle-accordion-content-wrap ub-hide" id="ub-content-toggle-panel-4-9367a07a-711c-44a5-97de-38d953e4f0c3">

<p class="wp-block-paragraph">Yes. Tables are rendered as semantic HTML <code>&lt;table&gt;</code> elements. See <a href="https://wptablebuilder.com/docs/are-wp-table-builder-tables-seo-friendly-do-they-use-html/" target="_blank" rel="noreferrer noopener">Are WP Table Builder Tables SEO-Friendly?</a>.</p>

</div>
		</div>
</div>

<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_fad64e2a-a29a-4ea3-a3bc-28392c723f25"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<h2 class="wp-block-heading">Related docs</h2>



<ul class="wp-block-list">
<li><a href="https://wptablebuilder.com/docs/install-activate-wp-table-builder/" target="_blank" rel="noreferrer noopener">How to Install and Activate the WP Table Builder Plugin</a></li>



<li><a href="https://wptablebuilder.com/docs/make-table-responsive-wordpress/" target="_blank" rel="noreferrer noopener">How to Make a Table Responsive</a></li>



<li><a href="https://wptablebuilder.com/docs/wp-table-builder-block-editor-gutenberg/" target="_blank" rel="noreferrer noopener">How to Use WP Table Builder with Block Editor (Gutenberg)</a></li>



<li><a href="https://wptablebuilder.com/docs/add-table-elementor/" target="_blank" rel="noreferrer noopener">How to Add a Table in Elementor</a></li>



<li><a href="https://wptablebuilder.com/docs/how-to-add-custom-css-in-wp-table-builder/" target="_blank" rel="noreferrer noopener">How to Add Custom CSS in WP Table Builder</a></li>
</ul>


<div class="wp-block-ub-divider ub_divider ub-divider-orientation-horizontal" id="ub_divider_b17006e8-7baf-458f-badf-8aaec6c7acd1"><div class="ub_divider_wrapper" style="position: relative; margin-bottom: 2px; width: 100%; height: 2px; " data-divider-alignment="center"><div class="ub_divider_line" style="border-top: 1px solid #ccc; margin-top: 2px; "></div></div></div>


<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://wptablebuilder.com/docs/create-first-table-wp-table-builder/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>How to Switch Between Old &#038; New Table Builder User Interface?</title>
		<link>https://wptablebuilder.com/docs/how-to-switch-between-old-new-table-builder-user-interface/</link>
					<comments>https://wptablebuilder.com/docs/how-to-switch-between-old-new-table-builder-user-interface/#respond</comments>
		
		<dc:creator><![CDATA[Ankur Raz Bongshi]]></dc:creator>
		<pubDate>Wed, 05 Mar 2025 07:25:05 +0000</pubDate>
				<guid isPermaLink="false">https://wptablebuilder.com/?post_type=docs&#038;p=20436</guid>

					<description><![CDATA[With the new WP Table Builder 2.0, WP Table Builder has introduced a new table builder interface, which is awesome. It has been reworked, and the new table builder is more user-friendly than ever. But some of you might like the new UI, and some might like to stick to the old UI. That&#8217;s why [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">With the new <strong>WP Table Builder 2.0</strong>, WP Table Builder has introduced <strong>a new table builder interface</strong>, which is awesome. It has been reworked, and the new table builder is more user-friendly than ever. </p>



<p class="wp-block-paragraph">But some of you might like the new UI, and some might like to stick to the old UI. That&#8217;s why this guide is important. We will show you how to switch between the Old and New UI. </p>



<p class="wp-block-paragraph">First, we will show you how to switch to the new User Interface below. </p>



<h2 class="wp-block-heading">How to Switch to the New UI?</h2>



<p class="wp-block-paragraph">First, log in to your website&#8217;s dashboard. Now, click on the WP Table Builder. <strong>(1)</strong></p>



<figure class="wp-block-image aligncenter size-full has-custom-border"><img loading="lazy" decoding="async" width="878" height="548" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-45-11.png" alt="" class="wp-image-20438" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-45-11.png 878w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-45-11-300x187.png 300w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-45-11-768x479.png 768w" sizes="auto, (max-width: 878px) 100vw, 878px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Now, select &#8220;<strong>Settings</strong>&#8221; <strong>(1)</strong> and click on the &#8220;<strong>Switch to New Builder</strong>&#8221; button <strong>(2)</strong>. </p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="591" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-47-45-1024x591.png" alt="" class="wp-image-20439" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-47-45-1024x591.png 1024w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-47-45-300x173.png 300w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-47-45-768x443.png 768w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-47-45.png 1158w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">That&#8217;s how your new interface is enabled. Upon successful switching, you will see that the &#8220;<strong>Switch to New Builder</strong>&#8221; button will be changed to the &#8220;<strong>Switch to Legacy Builder</strong>&#8221; (<strong>Old Builder</strong>). </p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="420" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-1-1024x420.png" alt="" class="wp-image-20442" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-1-1024x420.png 1024w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-1-300x123.png 300w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-1-768x315.png 768w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-1.png 1244w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Here&#8217;s what the new builder looks like. </p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="554" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-58-07-1024x554.png" alt="" class="wp-image-20443" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-58-07-1024x554.png 1024w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-58-07-300x162.png 300w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-58-07-768x416.png 768w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-58-07.png 1312w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<h2 class="wp-block-heading">How Do You Switch to the Old User Interface?</h2>



<p class="wp-block-paragraph">Want to switch to the old user interface? You are also eligible to do that. </p>



<p class="wp-block-paragraph">Login to your Dashboard. Navigate to <strong>WP Table Builder (1) &gt; Settings (2).</strong> Click on the &#8220;<strong>Switch to Legacy Builder</strong>&#8221; button <strong>(3)</strong>. </p>



<figure class="wp-block-image aligncenter size-large has-custom-border"><img loading="lazy" decoding="async" width="1024" height="420" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-2-1024x420.png" alt="" class="wp-image-20447" style="border-width:1px;border-radius:3px" srcset="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-2-1024x420.png 1024w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-2-300x123.png 300w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-2-768x315.png 768w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_12-52-48-2.png 1244w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">Now, click &#8220;<strong>Yes</strong>&#8221; when the reminder opens, and it will switch back to the old UI. </p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="892" height="568" src="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_13-23-13.png" alt="" class="wp-image-20448" srcset="https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_13-23-13.png 892w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_13-23-13-300x191.png 300w, https://wptablebuilder.com/wp-content/uploads/2025/03/2025-03-05_13-23-13-768x489.png 768w" sizes="auto, (max-width: 892px) 100vw, 892px" /></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">So that&#8217;s how you switch between the Old and New WP Table Builder User Interface. </p>



<p class="wp-block-paragraph">Hope that tutorial is easy to follow. </p>
]]></content:encoded>
					
					<wfw:commentRss>https://wptablebuilder.com/docs/how-to-switch-between-old-new-table-builder-user-interface/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 

Served from: wptablebuilder.com @ 2026-07-11 13:35:19 by W3 Total Cache
-->