The first time we set up Pricing Table by Supsystic for a client in Brooklyn, we had three plans, a deadline, and zero patience for shortcode hunting. Two hours later, the table was live and converting. This guide shows you how to use Pricing Table by Supsystic the same way we do on real WordPress builds.
Quick answer: Install the plugin from Plugins → Add New, open Supsystic → Pricing Tables, click Add New, pick a template, fill in columns and prices, then paste the shortcode into any page, post, or widget. Customize colors, highlight your recommended plan, and test on mobile before publishing.
Puntos clave
- Install Pricing Table by Supsystic from the WordPress plugin directory, then build your first table in minutes using a pre-designed template and drag-and-drop editor without any coding knowledge.
- Highlight your recommended pricing plan with a larger size or badge label, use alternating row colors, and limit features to 5–7 key decision-makers to maximize conversion rates.
- Embed your pricing table anywhere by copying its shortcode and pasting it into pages, posts, widgets, or theme files, allowing non-technical team members to update prices independently.
- Test your pricing table layout on mobile devices (375px width) and tablets to ensure responsive stacking works properly before publishing live.
- Use the free version first to validate your table’s performance with real conversion data, then upgrade to Pro only if your metrics justify the investment in advanced templates and premium support.
What Pricing Table by Supsystic Does (And When to Use It)
Pricing Table by Supsystic is a free WordPress plugin that builds responsive pricing and comparison tables with a drag-and-drop editor. No code required.
It supports unlimited tables, columns, and rows, preset templates, column images and videos, hover animations, and a monthly/yearly toggle. You can also import or export tables between sites.
Use it when you sell SaaS plans, service packages, or product tiers and need a clear side-by-side view. For deeper data work (sortable cells, filters, formulas), our Data Tables Generator by Supsystic review covers the sister plugin instead.
Installing and Activating the Plugin
Installation takes under 90 seconds from the WordPress dashboard.
- Go to Plugins → Add New.
- Search “Pricing Table by Supsystic.”
- Click Install Now, then Activate.
- Look for Supsystic → Pricing Tables in the left sidebar.
For Pro features (extra templates, advanced toggles, premium support), buy the Pro version on supsystic.com, upload the zip via Plugins → Add New → Upload Plugin, and paste your license key. Which means you can pilot the free version first, then upgrade only if your conversion data justifies it.
Building Your First Pricing Table
Open Supsystic → Pricing Tables and click Add New. Pick a template that matches your brand (we usually start with a 3-column layout for Starter/Pro/Enterprise).
Enter a title, set the column count, and fill in plan names, prices, feature rows, and CTA buttons. Preview directly from the editor before saving.
If you sell physical goods, pair this with checkout flows discussed on the Shopify ecommerce blog for cart-design context that translates well to WooCommerce.
Customizing Columns, Styles, and Features
Inside the editor, you can:
- Reorder columns and rows by dragging.
- Highlight your recommended plan by enlarging it or adding a badge.
- Add images, icons, or short videos to columns.
- Edit colors, fonts, borders, and hover effects.
- Use Edit HTML/CSS for fine control.
- Configure monthly/yearly toggles and scheduled (time-limited) columns.
For a feature-by-feature breakdown, our Pricing Table by Supsystic review digs into each control.
Embedding the Table on Pages, Posts, and Widgets
Every table gets a shortcode like [supsystic-price-table id="1"]. Copy it from the table list.
Paste it into:
- Pages or posts using the shortcode block in the Gutenberg editor.
- Sidebars or footers via Appearance → Widgets, inside a Text or Custom HTML widget.
- Theme files using the matching PHP snippet if you want it inside a template.
Hit Update, then load the page in an incognito window to confirm it renders. Which means non-technical teammates can update prices without touching layout code. The workflow mirrors what we use in our Data Tables Generator tutorial.
Optimizing Your Pricing Table for Conversions and Mobile
A pricing table that converts follows three rules: clarity, contrast, and a clear winner. According to research summarized on the BigCommerce blog, reducing plan options and emphasizing one tier can lift conversions on ecommerce category pages.
Apply these inside the plugin:
- Use alternating row colors to separate plans visually.
- Enlarge or badge your recommended plan (“Most Popular”).
- Bump plan name, price, and CTA to larger fonts with strong contrast.
- Show only the 5–7 features that influence the decision.
- If the table is long, repeat the CTA at the bottom.
- Test on iPhone SE width (375px) and a tablet: adjust stacking in responsive settings.
For SEO context on page speed and Core Web Vitals impact, the Search Engine Journal tutorials are worth bookmarking. Compare table plugins in our FlexTable vs Data Tables Generator vs Pricing Table comparison before committing.
Conclusión
Pricing Table by Supsystic gives you a fast, code-free path from idea to live comparison table. Install it, build one pilot table this week, highlight a winning plan, and test on mobile. Start small, measure clicks on each CTA, then iterate.
Frequently Asked Questions
What is Pricing Table by Supsystic and what does it do?
Pricing Table by Supsystic is a free WordPress plugin that builds responsive pricing and comparison tables with a drag-and-drop editor. It supports unlimited tables, columns, rows, preset templates, images, videos, hover animations, and monthly/yearly toggles without requiring any code.
How do I install and activate Pricing Table by Supsystic?
Go to Plugins → Add New, search for “Pricing Table by Supsystic,” click Install Now, then Activate. You’ll see Supsystic → Pricing Tables in the left sidebar. For Pro features, purchase the Pro version on supsystic.com, upload the zip file, and activate your license key.
What is the quickest way to embed a pricing table on my WordPress website?
Copy the shortcode (like [supsystic-price-table id=”1″]) from your table list, then paste it into any page, post, or widget using the shortcode block in Gutenberg or a Text widget. Update and preview in an incognito window to confirm it renders correctly.
How can I optimize my pricing table for higher conversions and mobile users?
Use alternating row colors for clarity, highlight your recommended plan with a badge or larger size, increase font sizes for plan names and prices, show only 5–7 decision-influencing features, and test on mobile devices. Research on ecommerce category pages shows emphasizing one tier lifts conversions significantly.
Can I customize the colors, fonts, and styling of my pricing table?
Yes. Inside the editor, you can reorder columns and rows by dragging, edit colors and fonts, add borders and hover effects, include images or icons, and use Edit HTML/CSS for fine control. Our detailed Pricing Table by Supsystic Review covers each customization control.
How does Pricing Table by Supsystic compare to other table plugins?
Pricing Table by Supsystic is purpose-built for pricing and comparison tables with preset templates and conversion-focused features. For deeper data work like sortable cells and filters, the Data Tables Generator by Supsystic is better suited. Our comparison of table plugins details all options.
Algunos de los enlaces compartidos en esta publicación son enlaces de afiliado. Si hace clic en el enlace y realiza una compra, recibiremos una comisión de afiliado sin costo adicional para usted.
Mejoramos nuestros productos y nuestra publicidad utilizando Microsoft Clarity para analizar cómo utilizas nuestro sitio web. Al utilizar nuestro sitio web, aceptas que tanto nosotros como Microsoft podamos recopilar y utilizar estos datos. En nuestra política de privacidad, , encontrarás más detalles.
