How To Create Your First Table With WP Table Builder

3 min read

WP Table Builder makes it insanely easy to create tables in WordPress. With the drag-and-drop editor, anyone can create beautiful tables in WordPress.

But if you use the WP Table Builder plugin for the first time, you may need a tutorial to create your first table.

To make things easier, here’s a step-by-step tutorial for creating your first WordPress table.

Add a New Table

Once you’ve installed and activated the WP Table Builder plugin, it’s time to add your first table.

Just go to your WordPress dashboard. The ‘WP Table Builder‘ menu is in the admin sidebar. Just hover over the WP Table Builder menu, and it will show you the popup of a new menu. Click on ‘Add New‘ from there.

You can do this another way. Click on the WP Table Builder Menu on the left side (1) and then “Add New” (2) from the side menu or the table builder interface.

Once you click on it, you will be taken to the WP Table Builder’s Interface within the Dashboard. Choose your Number of rows (1) and Columns (2), then click the “Create New” button (3).

It will take you to the Table Builder’s user interface. You will see that your table is created based on the rows and columns you input. Please give it a name as you like (1).

Add Content To Your Table

Now, it’s time to add data to the table.

WP Table Builder offers two types of Elements: Basic and PRO. Check out the Basic & Pro elements below.

The basic elements are usable in free and paid versions, whereas the pro elements are accessible only in the paid version.

It’s very easy to add elements to the table. Just drag an element and drop it into a cell.

Adding Text In The Table

Let’s see how we can add text elements in the first row.

Text elements are inserted in the table by default, but you can add them separately.

You can also add ‘Text‘ just by clicking in the cell.

You can change font color (1) & Link Font Color (2), Font Size (3), Padding (4), and Margin (5) to your text from the left side menu after clicking the text element in your table.

You can also make it bold, italic, strikethrough, insert a link, and change the alignment from the toolbar that appears above the text element.

Adding Images In The Table

Now, let’s see how to add images to the table. To add the image element, drag and drop the image element in the table cell.

You can change the image alignment (1) and add the image Alt Text (2) from the General tab on the left side after selecting the image element in the table.

To change the image size, navigate to the Size tab (1) from the left side.

To insert a link to the image, navigate to the Link Tab (1) and insert your image’s link in the designated area (2). You can also set attributes to your image’s link in the Link Rel menu.

The image’s link will be opened in the current window by default. But, if you wish to open the link in a new tab, change the Link Target to “Blank“.

Adding Lists In The Table

Adding the list element is pretty straightforward. Just drag and drop the element and change the text.

You can change the list type, margin, and padding from the General Tab.

To change the font color and size of the List Item, navigate to the Font tab.

You can modify the item spacing and list alignment in the layout tab.

Adding Star Rating In The Table

Adding a star rating is extremely easy. Just drag & drop it and select the rating.

You can change the Sta Rating’s Max rating (1), rating value (2), size (3), alignment (4), and color (5). You can also show the rating count (6).

Adding Button In The Table

The last element we will add to this table is the button. You can add buttons by just dragging and dropping them on the cells.

You can change the button’s size, border radius, color, hover color, text color, text hover color, font size, button alignment, button content alignment, and button ID.