jekkilekki

<p>I’ve wanted to add SIMPLE Pricing Tables to my website for a while but many of the<br />
plugins I tried out were either Freemium (requiring me to purchase the full version<br />
in order to unlock the full functionality) or more complicated than I actually wanted.</p>
<p>THIS plugin is exceptionally simple.</p>
<ol>
<li>Step 1: Type the shortcode tags <code>[jkl-pricing-table] ... [/jkl-pricing-table]</code></li>
<li>Step 2: Add an <code><ol></code> ordered list for your Pricing Table</li>
<li>Step 3: Tweak until it looks right</li>
</ol>
<p>Requires WordPress 3.5 and PHP 5.</p>
<h4>Special Features</h4>
<ul>
<li>Styled like <a href="http://foundation.zurb.com/docs/components/pricing_tables.html" rel="nofollow ugc">Zurb Foundation 5 Pricing Tables</a></li>
<li>Utilizes CSS3 for interesting transition effects (like scaling)</li>
</ul>
<h4>How the Plugin works</h4>
<ol>
<li>The shortcode expects an ordered list of ordered lists</li>
<li>The primary ordered list is the names of your Pricing Options (Basic, Business, etc)</li>
<li>The secondary ordered lists are the content within your Pricing Options</li>
<li>Using jQuery, the plugin finds each element within the ordered lists and adds<br />
specific CSS classes to them based on their order (see below)</li>
<li>The SECOND Pricing Option is always set to be “popped out” by default and when<br />
another table is not hovered over</li>
</ol>
<h4>Translations</h4>
<ul>
<li>English (EN) – default</li>
<li>Korean (KO) – upcoming</li>
</ul>
<p>If you want to help translate the plugin into your language, please have a look<br />
at the <code>.pot</code> file which contains all definitions and may be used with a [gettext]<br />
editor.</p>
<p>If you have created your own language pack, or have an update of an existing one,<br />
you can send your [gettext .po or .mo file] to me so that I can bundle it in the<br />
plugin.</p>
<h4>Contact Me</h4>
<p>If you have questions about, problems with, or suggestions for improving this<br />
plugin, please let me know at the <a href="https://wordpress.org/support/plugin/jkl-pricing-tables" rel="ugc">WordPress.org support forums</a></p>
<p>Want updates about my other WordPress plugins, themes, or tutorials? Follow me <a href="http://twitter.com/jekkilekki" rel="nofollow ugc">@jekkilekki</a></p>
<h4>Acknowledgements</h4>
<p>This plugin uses:</p>
<ul>
<li><a href="http://jquery.com/" rel="nofollow ugc">jQuery</a> licensed under MIT License or GNU General Public License (GPL) Version 2</li>
</ul>
<h4>License</h4>
<p>This program is free software; you can redistribute it and/or modify it under the terms<br />
of the GNU General Public License as published by the Free Software Foundation; either<br />
version 2 of the License, or (at your option) any later version.</p>
<p>This program is distributed in the hope that it will be useful, but WITHOUT ANY<br />
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A<br />
PARTICULAR PURPOSE. See the GNU General Public License for more details.</p>
<p>You should have received a copy of the GNU General Public License along with this<br />
program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth<br />
Floor, Boston, MA 02110-1301 USA</p>
<h3>How To</h3>
<h4>How To Use the Plugin</h4>
<ol>
<li>Type the shortcode tags</li>
<li>Create an ordered list <code><ol></code> within the tags</li>
<li>Type the heading for your first table in the first <code><ol></code> item and hit return</li>
<li>TAB the <code><ol></code> in to add the remainder of your content for the first table</li>
<li>Un-indent the <code><ol></code> to write the heading of your second table</li>
<li>TAB in for the remainder of the content in your second table</li>
<li>Rinse, repeat for multiple tables (supports up to 5 in a row)</li>
</ol>
<h4>Example of Usage</h4>
<pre><code>[jkl-pricing-table]
<ol>
  <li>Basic
    <ol>
      <li>$150</li>
      <li>Logo only</li>
      <li>Content 1</li>
      <li>Content 2</li>
      <li>Deliverables</li>
      <li><a href='#'>Select Now</a></li>
    </ol>
  </li>
  <li>Business
    <ol>
      <li>$250</li>
      <li>Logo + Business Cards</li>
      <li>Content 1</li>
      <li>Content 2</li>
      <li>Deliverables</li>
      <li><a href='#'>Select Now</a></li>
    </ol>
  </li>
</ol>
[/jkl-pricing-table]
</code></pre>
<h4>Special CSS Classes and How to Style the Plugin</h4>
<p>The plugin uses jQuery to dynamically add the following CSS classes to the ordered<br />
list elements. Use these classes in your Custom CSS if you want to change things.</p>
<ol>
<li><code>.pricing-table</code> = Each first level ordered list item (<code><ol><li></code>)</li>
<li><code>.price</code> = The FIRST second level list item (<code><ol><li><ol><li></code>)</li>
<li><code>.description</code> = The SECOND second level list item</li>
<li>List items after this have no special styling until the end</li>
<li><code>.deliverables</code> = The SECOND-TO-LAST second level list item</li>
<li><code>.cta-button</code> (Call To Action button) = The LAST second level list item (it should be an <code><a></code> link)</li>
<li><code>.button</code> = The <code><a></code> link in the <code>.cta-button</code> list item</li>
</ol>
<p>When applying custom CSS to change the design of your plugin, please reference these<br />
classes as <code>.pricing-table .class</code></p>
<h4>Example of CSS Classes after jQuery assigns them</h4>
<pre><code>[jkl-pricing-table]
<ol>
  <li class="pricing-table">Basic
    <ol>
      <li class="price">$150</li>
      <li class="description">Logo only</li>
      <li>Content 1</li>
      <li>Content 2</li>
      <li class="deliverables">Deliverables</li>
      <li class="cta-button"><a class="button" href='#'>Select Now</a></li>
    </ol>
  </li>
  <li class="pricing-table">Business
    <ol>
      <li class="price">$250</li>
      <li class="description">Logo + Business Cards</li>
      <li>Content 1</li>
      <li>Content 2</li>
      <li class="deliverables">Deliverables</li>
      <li class="cta-button"><a class="button" href='#'>Select Now</a></li>
    </ol>
  </li>
</ol>
[/jkl-pricing-table]
</code></pre>


JKL Pricing Tables

This is probably the SIMPLEST Pricing Tables plugin you'll ever use. Just type an ordered list of ordered lists within the shortcode tags.

supsystic

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_iTqniU-4Ec?version=3&rel=0&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<strong>Data Tables Generator by Supsystic</strong><br />
A powerful table builder plugin for WordPress — with built-in charts and graphs. Think of it like <strong>Excel spreadsheets for WordPress websites</strong>, where your data lives in structured tables and can also be visualised with charts when needed.</p>
<p>Data Tables Generator by Supsystic is a flexible <a href="https://supsystic.com/plugins/wordpress-data-table-plugin/" rel="nofollow ugc">WordPress table plugin</a> that lets you create clean, interactive tables and datatables, with integrated charts and graphs to present structured data clearly — without writing code.</p>
<p>If your content makes more sense in rows and columns — but benefits from visual insights too — this plugin was built for you.</p>
<h4>🤖 Now Works With AI — Control Your Tables by Typing or Talking</h4>
<p>Data Tables Generator now connects directly to the AI tools you already use — including ChatGPT, Claude, Gemini, Copilot, Cursor, and any other AI assistant that supports the MCP standard.</p>
<p>Instead of clicking through menus, just ask:</p>
<ul>
<li>“What’s the average value in column B?”</li>
<li>“Which rows have a quantity below 10?”</li>
<li>“Give me a summary of this table.”</li>
</ul>
<p>Your AI assistant reads your WordPress tables and answers instantly. No SQL. No exports. No manual scanning.</p>
<p>Included free: read and analyse any table using AI chat or voice.</p>
<h4>⚡ Pro AI Add-On — Create, Edit and Manage Tables With AI</h4>
<p>Upgrade to the Pro AI add-on and your AI assistant goes from reader to editor. Just describe what you want done:</p>
<ul>
<li>“Create a pricing table with three tiers.”</li>
<li>“Add a new column for discount percentage.”</li>
<li>“Apply a formula to calculate totals in the last row.”</li>
<li>“Export this table as Excel.”</li>
</ul>
<p>No need to open the WordPress dashboard. Non-technical team members can create and update structured data safely, just by asking.</p>
<p>Free = ask questions about your data. Pro AI = create, edit and manage it.</p>
<h4>📊 Turn Data Into Usable Tables (and Visuals)</h4>
<p>Create:<br />
* Simple and complex data tables<br />
* Comparison and pricing tables<br />
* Lists, schedules, directories, and datasets<br />
* Large tables built from spreadsheet-style data<br />
* <a href="https://supsystic.com/blog/how-to-visualize-data-table-information-with/" rel="nofollow ugc">Charts and graphs</a> generated directly from table data</p>
<p>Tables are responsive by default and remain readable on all devices.</p>
<h4>🧩 A Serious Table Builder — Not Just a Block</h4>
<p>This is a dedicated table builder, designed for real data.<br />
Built for table-heavy content where structure and usability matter:</p>
<ul>
<li>Sorting, searching, and pagination</li>
<li>Column control and visibility options</li>
<li>Reliable performance with large datatables</li>
<li>Visual charts to highlight trends and comparisons</li>
</ul>
<p>You get structured tables and visual storytelling in one plugin.</p>
<h4>📥 Import From Spreadsheet & Database Sources</h4>
<p>Create tables manually or <a href="https://supsystic.com/importing-data-into-wordpress-tables/" rel="nofollow ugc">import data</a> from:<br />
* CSV files<br />
* Excel spreadsheets<br />
* Google Sheets<br />
* MySQL databases</p>
<p>Ideal if your data already lives outside WordPress.</p>
<h4>🔄 Work With Dynamic Data</h4>
<p>Data Tables Generator supports tables connected to <a href="https://supsystic.com/docs/data-tables/" rel="nofollow ugc">external data sources</a>.<br />
When your source data changes — such as a spreadsheet or database — tables can be updated without rebuilding them from scratch. This makes it suitable for data that evolves over time, not just static content.<br />
<strong>For example</strong>:<br />
If you manage a product list, pricing table, availability sheet, or catalogue in a spreadsheet, you can connect it to a table on your site.<br />
When prices, descriptions, or other data change in the source file, the table can be updated without manually editing it inside WordPress.</p>
<h4>🎨 Style Tables to Match Your Site</h4>
<p><a href="https://supsystic.com/building-pricing-tables-with-wordpress-plugin/" rel="nofollow ugc">Customise tables and charts</a> visually:<br />
* Fonts, colours, borders, and spacing<br />
* Row and column formatting<br />
* Links, images, icons, and tooltips<br />
* Optional custom CSS is available for advanced users.</p>
<p>Table cells can also include images and video, allowing you to build richer layouts — such as:<br />
* Product or feature comparison tables with short demo videos<br />
* Staff or team directories with profile media<br />
* Data lists where visuals explain context better than text</p>
<h4>📘 Learn as You Go</h4>
<p>Data Tables Generator includes a growing library of <a href="https://supsystic.com/docs/data-tables/" rel="nofollow ugc">step-by-step tutorials</a>.<br />
From your first table to more advanced setups with charts and larger datasets, the guides focus on practical, real-world use cases.</p>
<h4>⚡ Fast, Stable, and Actively Maintained</h4>
<p>Built to handle real-world data without slowing down your site. The plugin is <a href="https://wordpress.org/plugins/data-tables-generator-by-supsystic/#developers" rel="ugc">regularly updated</a> to stay compatible with the latest versions of WordPress and modern themes.</p>
<h4>⚙️ Beginner Friendly. Developer Capable.</h4>
<ul>
<li>Visual table builder UI</li>
<li>Insert tables using shortcodes or blocks</li>
<li>Extend behaviour with custom CSS or JavaScript<br />
Suitable for site owners, agencies, and developers alike.</li>
</ul>
<h4>🔓 Free Version + Pro When You Need More Power</h4>
<p>The free version covers most common table use cases <a href="https://supsystic.com/plugins/wordpress-data-table-plugin/" rel="nofollow ugc">Upgrade to Pro</a> and is ideal for getting started — including free AI read and analyse access.</p>
<p>As your data grows or requirements become more advanced, the Pro version unlocks tools designed to save time and reduce manual work, including:</p>
<ul>
<li>Formula calculations and computed values</li>
<li>Advanced filtering and search logic</li>
<li>Front-end table editing</li>
<li>Additional import and export options</li>
<li>Enhanced chart and visualisation features</li>
</ul>
<h4>❤️ Real Support From People Who Know the Plugin</h4>
<p>Data Tables Generator is actively maintained and supported by a team that builds, uses, and supports the plugin every day.<br />
When you need help, you’ll be talking to <a href="https://supsystic.com/contact-us/" rel="nofollow ugc">Get support</a> who live and breathe tables.</p>


Data Tables Generator by Supsystic


I had a strange issue in a multisite, but their support team worked hard, and I had an excellent communication to solve the issue. 



I highly recommend this plugin.






Great plugin and excelent support

Excel-style tables for WordPress — now with AI. Create, edit and analyse data using ChatGPT, Claude, Gemini and more.

JKL Pricing Tables vs Data Tables Generator by Supsystic