Description
Insight Comparison List stores each comparison on its own. A comparison has sections. A section name can be left empty. Each feature has a name, an optional description, and one icon choice for each column.
Add a published comparison to a page with:
[insight_comparison id="your-comparison-slug"]
The id is the comparison slug, or the numeric id. The name insight_comparison stays fixed. You can change the id. It selects the comparison and is saved as its slug. Leave it empty to keep the current slug.
- One column or two columns. Two columns stack on small screens, including landscape phones. On a wide screen each column of features has its own header. When the columns stack, one header stays at the top. In two columns, the line under a row runs across both features.
- The header row shows the feature column label on the left and a title above each icon column. Titles are set per comparison. The header is bold.
- A comparison uses 2 or 3 icon columns.
- Five icon slots. Each slot is unused, a built-in mark, or an uploaded image. Built-in marks are a green check, a red cross, a dash, a star, and an info mark. The feature dropdown lists the slots that are in use, plus none.
- Show or hide the comparison name. It is hidden by default.
- Reorder sections, and reorder features inside a section.
- A line under each feature, a dotted line between the name and the columns, or no line. One color for both line styles.
- For the comparison name, section name, feature name, description, and column header: color, size, a CSS class, and a font the site already loads. The plugin does not add font files. The column header style is used for the feature label and the column titles.
- Width follows the block the shortcode sits in, or uses the theme wide width.
- Duplicate a whole comparison, including its colors and content.
- In the editor, features stay collapsed until opened. Adding a feature leaves it closed. Anyone who can edit the comparison can change its settings and publish it. Uninstall does not delete comparisons.
Need more?
See Insight Comparison List Pro.
- Tab-style layout: sections as tabs, showing the features in that section only.
- Show more/Show less (in columns and tabs mode)
- Section left alignment or centered.
- Images for feature, cover style, custom size.
- Client mode: edit settings with administrator privileges only.
- URLs (page or an external link) can be added to the feature name.
- Separate class field for each section name (notranslate, target colors or any other need).
- Export (backup) and import.
- Import from a text file (paste).
- Cell text instead of an icon (max 12 characters).
Screenshots





![Comparison list with Show More option [Pro]](https://ps.w.org/insight-comparison-list/assets/screenshot-6.png?rev=3792139)
Installation
- Upload the plugin folder to
/wp-content/plugins/insight-comparison-list. - Activate Insight Comparison List.
- Open Insight Comparison List in the admin menu and add a comparison.
- Publish the comparison and paste its shortcode into a page.
FAQ
-
How light is the plugin?
-
The free plugin adds one stylesheet, and only on a page that contains the comparison shortcode. That file is 7,175 bytes (1,785 bytes gzipped). There is no front-end JavaScript. The editor script loads only in the comparison editor.
-
How is the load compared to a manual created list?
-
A hand-built Kadence list (a main table block, a text block, and two icon blocks per row) measured:
- 1 table block (
wp-block-kadence-table) - 38 table rows
- 40 paragraphs
- 74 icon blocks
- HTML 49,116 bytes, of which the inline SVGs are 16,982 bytes (74 SVGs)
- About 154 inline CSS rules for those blocks, about 24,079 bytes
- Shared
style-blocks-table.css: 112 bytes (83 gzip) - Shared
style-blocks-icon.css: 1,043 bytes (401 gzip) - The table itself runs no JavaScript
One Insight Comparison List of 24 to 25 features was about 16.6 KB of HTML, about 642 bytes a feature. At 37 features that is about 25 KB of HTML. Icons are image tags to shared SVG files, not inline SVG. The free stylesheet is loaded once per page: 7,175 bytes (1,785 gzip).
- 1 table block (
-
When are CSS and JS loading?
-
The stylesheet is added when the post contains the shortcode, and you add the comparison id to that shortcode. The free plugin does not load a front-end script.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Insight Comparison List” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Insight Comparison List” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.1
- Dragging a section or feature scrolls the window after the pointer rests at the top or bottom edge for about 300ms.
1.0.0
- Comparisons with sections, features, descriptions, and 2 or 3 icon columns.
- Header row with an editable feature label and a title above each icon column.
- Five icon slots: built-in marks or an uploaded image.
- One or two columns. Container or wide width. Colors, sizes, classes, and fonts the site already loads.
- Drag or move sections and features. Duplicate a whole comparison. Features in the editor stay closed until opened.
- Anyone who can edit a comparison can change its settings and publish it. Uninstall keeps the comparisons.
- The shortcode id can be changed. The name insight_comparison stays fixed, and the id is saved as the comparison slug.
- Link to Pro on the Plugins screen and in the comparison editor.
