1. Home
  2. Docs
  3. TableBerg One
  4. TableBerg
  5. How to Add Custom HTML to WordPress Tables

How to Add Custom HTML to WordPress Tables

The Custom HTML block allows you to add a personalized code snippet directly to your site to display interactive elements, embedded media, etc. With the TableBerg plugin, you can now add the Custom HTML block to your WordPress tables as well.

In this documentation post, we'll show you how to add Custom HTML to WordPress tables with a step-by-step guide.

Step 01: Add the Custom HTML Block to the Table

Go to the cell where you want to add the block. Click the plus (+) icon. Type Custom HTML in the search box. Add the block to the cell once it appears.

Add the Custom HTML Block to the Table

The block will be added to the cell in no time.

Custom HTML block is added

Step 02: Add an HTML Code Snippet to the Block

Simply copy-paste an HTML code snippet to the block. Get the code from anywhere of your desired source.

Add an HTML Code Snippet to the Block

Click the Preview button on the toolbar.

Go to preview of the custom HTML block

The preview option will instantly display the content embedded with the HTML link.

Content displayed with the Custom HTML block

Step 03: Configure Setting of the Custom HTML Block

By togglin on the this option on the right sidebar, you can preview the Custom HTML snippet while the block is deselected.

Hope you are satisfied with this documentation. The Custom HTML block doesn't have the stylization option. It's one of the simplest block of the TableBerg plugin.

The plugin also allows you to add Styled List to the table. Let's take a look at how to add Styled Lists to WordPress tables.

Tags ,

How can we help?