Adding comparison table in WordPress is very easy. It's even easier with a page builder tool to clearly show data comparison column side by side without messing with HTML or CSS codes.
Adding Comparison Table As An Image
The easiest way to add a comparison table without using any tool is to create a table on excel and screenshot it as an image.
The downside of using this method is that it's not responsive based on the screen size and it's not flexible when it comes the time to edit the data.
The user has to go back to the Excel sheet to edit, and re snip the image to upload.
Adding Comparison Table With Gutenberg Blocks
There are many Gutenberg blocks plugins to download. They are simply drag and drop elements on to the page to add features similar to what a page builder can do.
It's basically an upgraded classic editor in WordPress with more options.
For advanced tables with search, sorting, and ordering features, we still recommend the free TablePress plugin.
Table data can be edited easily in a spreadsheet-like interface. The user can input any type of data, even formulas just like a Excel sheet. An additional JavaScript library adds features like sorting, pagination, filtering, and more for site visitors. These Tables can be also be imported and exported from/to Excel, CSV, HTML, and JSON files.
Other popular options are:
- Ultimate Blocks
- Advanced Gutenberg
- Stackable
- CoBlocks
- Kadence Blocks
- Spectra
Adding Comparison Table With A Page Builder Plugin
A page builder plugin like Elementor or Thrive Architect can do the same thing as Gutenberg Blocks, but it features more control over CSS codes to make your page or post looking nice.
The best part about using something like the Thrive Architect is the option to pick professional looking templates with just a few clicks.
We highly recommend this as far as adding tables and other elements
