Themify Pricing Table - WordPress Plugin
Themify Pricing Table is a plugin recognized for its functionality as a tariff table plugin for WordPress, offering users a streamlined approach to showcasing pricing details effectively. Its intuitive design elements allow for easy customization to match various website aesthetics, ensuring seamless integration and display across different devices. Equipping WordPress users with a powerful tool to present pricing plans distinctively, the plugin is a versatile choice for those seeking versatility in design.

Plugin Features
For users looking for customization options, this plugin offers an array of layout options, color schemes, and typography choices to align with branding effortlessly. The drag-and-drop interface simplifies organizing and structuring pricing information efficiently, enhancing user engagement through interactive capabilities that present pricing details in a visually appealing manner.
Incorporating features like pricing toggles, ribbons, and tooltips, this plugin creates a dynamic and engaging user experience that facilitates exploration and comparison of different options. With seamless integration within WordPress, users can implement Themify Pricing Table without any technical hassle, further extending to performance optimization for fast loading times and optimal responsiveness, crucial for enhancing user experience.
Additionally, compatibility with various WordPress themes makes this plugin a valuable choice for users looking to add pricing tables without compromising the sites design integrity. In conclusion, this comprehensive solution offers a user-friendly interface, customizable design elements, and interactive features, presenting pricing information effectively while enhancing pricing table displays on WordPress sites. With a focus on aesthetics and functionality, this plugin provides a seamless way to showcase pricing plans with sophistication and ease.
Guide to Setting Up and Using Themify Pricing Table
Themify Pricing Table is not meant for a plain table of numbers. It is designed to help visitors choose a pricing plan, service package, or product bundle directly on a WordPress page. In this guide, we will walk through how to use the addon with Themify Builder, which fields to fill out first, how to build multiple columns, how to highlight the main plan, how to check the result on the live page, and where problems usually show up.
This article is written for a site owner, webmaster, or editor who already works with Themify Builder or plans to add a pricing comparison block to a page. We are not going to repeat the product's marketing copy. Instead, we will go from preparation and installation to a practical scenario: a service page with three packages, click-through buttons, a visual emphasis on the recommended plan, and a mobile responsiveness check.
We will also cover the limitations. Themify Pricing Table is an addon for Builder, so it fits naturally inside Themify layouts, but it is not a standalone system for payments, customer accounts, or subscription management. If you need a full sales flow with a cart, payments, coupons, invoices, and order statuses, the pricing table is only the visible storefront, not a replacement for WooCommerce or a payment service.
What Problem the Addon Solves and Where It Works Best
The main job of Pricing Table is to turn a set of plans, packages, or service options into a visual block where users can quickly understand the differences. In its official description, Themify emphasizes the ability to display prices for products, services, or packages in a polished responsive table, and the documentation clarifies that the module is added from the Themify Builder panel under Addons. That matters because you are not working with a separate pricing screen in the admin area. You are working with a module inside the page builder.
This approach works well for landing pages, service pages, SaaS pricing pages, membership programs, courses, consulting offers, support plans, agency packages, hosting tiers, content subscription options, and any case where the comparison fits into 2 to 6 columns. The Themify demo shows several common variations: standard pricing plans, an enlarged column, a label such as Popular, lists of available and unavailable features, call-to-action buttons, and different billing period labels. You do not need to copy those examples literally, but they show the typical logic behind the block.
The addon's strong point is visual emphasis. You can choose a color preset, adjust the card style, place an icon next to the title, add a list of included features, list unavailable features in a muted style, set button text and a button link, enable an enlarged column, and add a pop-out label with animation. Together, those options let you do more than just place three cards side by side. They let you direct attention so the visitor sees a basic option, a recommended mid-tier plan, and an expanded plan.
It is just as important to understand where the addon does not fully solve the problem. It does not store orders, calculate taxes, generate invoices, control access to paid content, or replace a payment module. The button can lead to a checkout page, inquiry form, external service, WooCommerce product, or contact block, but the table itself does not handle the payment flow. That is why this article will keep two things separate: visual pricing comparison and what the button leads to after the user makes a choice.
Who the Addon Is For
Themify Pricing Table is a good fit if the site is already built with Themify Builder, the editor needs a pricing block without custom development, and the number of options is limited to a few clear columns. It works especially well on pages where build speed matters, where the design needs to match the rest of the layout, and where the content should remain editable without touching templates.
- For a service business owner who wants to show
Basic,Standard, andPremiumpackages on one page. - For an agency building landing pages in Themify Builder and wanting to update pricing quickly for a campaign.
- For an editor who needs to manage column text, buttons, and plan highlighting without a developer.
- For a developer who wants to leave the client with a clear module instead of a bundle of hand-written HTML and CSS.
When It Makes Sense to Choose Another Solution
If the site does not use Themify Builder, adding this addon just for one table may be unnecessary. For the WordPress block editor, there are dedicated plugins with their own blocks and shortcodes. For a WooCommerce store, it is more practical to use a solution that can pull in products, prices, variations, or cart links. For complex comparisons with dozens of attributes, a full comparison table is usually better because pricing cards become overloaded very quickly.
Practical rule of thumb: Themify Pricing Table works best when the user is choosing one of a few packages. If you are trying to show a long 30-row specification instead of a plan choice, split the content: a short decision-focused pricing table at the top and a detailed comparison below in a regular HTML table.
What to Check Before Installing It on a WordPress Site
Before installation, check more than just whether you have the ZIP file. You also need to check the page context where the table will appear. The official documentation clearly states that Builder Addons require Themify Builder and can be used with a Themify theme or the standalone Builder plugin. That means the first question is not "where do I upload the file?" but "does this site already have a working Builder and an editable page?"
Start with a test page or a copy of a live page. A pricing table affects both conversions and visual presentation, so it is not a good idea to edit the main sales page first. If the site collects leads or sends users toward payment, decide in advance where the buttons should go. A link can open in the same tab, a new tab, or a lightbox if that option is available in the button settings. The right choice depends on the scenario: a form on the same page usually works best with an anchor or embedded form, while an external payment service should open predictably, without hidden intermediate steps.
Minimum Environment Check
Before uploading the addon, run through a short checklist. It does not replace a backup, but it reduces the risk of common issues like a module not appearing in the panel or rendering without styles.
- Make sure Themify Builder is installed, activated, and opens on a normal page or post.
- Confirm that you are editing a page where Builder actually works. Themify documentation specifically notes that the homepage often needs to be a static page rather than a posts archive.
- Prepare the addon ZIP file and do not unzip it manually before uploading it to WordPress if you are installing it through the plugin screen.
- Back up the page or save the current Builder layout if you are changing an already published sales page.
- Disable aggressive CSS and JavaScript merging during the first test run if the site has already had conflicts with page builders.
- Prepare real plan content: title, price, billing period, 4 to 7 key points, 1 to 2 limitations, and the destination URL for the button.
Why It Is Better to Prepare Pricing Copy in Advance
Prices and feature lists look simple, but they are often what breaks the layout. One column gets a long name, another has a short list, a third gets a button with a long CTA, and the visual balance falls apart. Themify Pricing Table gives you fields for a title, price, billing period, description, features list, unavailable features, button text, button link, pop-out label, and column emphasis. If you fill them out on the fly without a structure, you end up with a set of cards that all have different density.
Start by drafting your plans in a table or document. For each package, use the same data structure: name, target audience, price, billing period, core features, limitations, and button action. Then remove secondary phrasing. A pricing card does not need to explain the whole product. Its job is to help the visitor choose a direction. Details can live lower on the page, in the FAQ, or in a separate block.
Installing the Addon and Running the First Check
Technically, installing Themify Pricing Table is similar to installing a standard WordPress plugin. Themify documentation describes the path as WP Admin > Plugins > Add New, then Upload Plugin, selecting the ZIP file, and clicking Install Now. After installation, the addon must be activated. If your browser automatically unzipped the archive, Themify recommends downloading the ZIP again by saving the link properly, because WordPress expects the plugin archive itself.
After activation, do not look for a large standalone "Pricing Table" section in the left WordPress menu. According to the documentation, the module appears in the Themify Builder panel under Addons, and it is available both in admin editing mode and in the visual front-end mode. That behavior sets it apart from many standalone pricing table plugins, where tables are created in a separate library and inserted with a shortcode.
A Low-Risk Installation Sequence
- Open the WordPress admin area with an account that has permission to install plugins.
- Go to
Plugins > Add Newand chooseUpload Plugin. - Select the Themify Pricing Table ZIP file and click
Install Now. - When the installation finishes, click
Activate Plugin. - Open a test page, enable Themify Builder, and check the modules panel.
- Find the
Pricing Tablemodule in theAddonssection and add it to an empty row. - Save the page and open it in a private browser window so you can see the result without the editor panels.
What Counts as a Successful Initial Check
A successful installation is not just an active plugin in the list. Check for three signs: the module is visible in the Builder panel, a test card can be added to a row, and after saving, the page displays the table without broken styles. If the module appears but the front end looks different from the editor, the cause is usually not installation itself. It is more often caching, an optimization conflict, or theme styling.
Until you configure real plans, do not enable complex visual effects. Add one simple column first, fill in the title, price, and a couple of points, and confirm that the module itself works. After that, move on to a multi-column layout, color presets, a pop-out label, and an enlarged recommended column.
Pricing Table Field Map: What to Fill In and Why
The Themify documentation lists the module's main settings: Appearance, Title, Title Icon, Price, Recurring Fee, Description, Features List, Unavailable Feature List, Buy Button Text, Buy Button Link, Pop-Out Text, and Enlarge this pricing box. These fields look self-explanatory, but it is better to think of them as one system: the title and price enable fast comparison, the lists explain the differences, the button defines the next action, and the visual emphasis guides attention.
You do not need to turn on every effect at once. A good pricing table usually depends on three things: the same structure across columns, a clear difference between plans, and one visible recommended option. If every column gets its own color, icon, pop-out label, and long list, the user stops seeing the hierarchy.
Core Fields and Their Practical Purpose
| Field | What to Enter | How to Check the Result |
|---|---|---|
Appearance |
The card's color preset and style. According to the documentation, several popular color presets and multiple display styles are available. | Check that the title, border, and button remain readable against the section background and do not clash with the theme colors. |
Title and Title Icon
|
A short package name and an icon, if it truly helps distinguish the plan. | Compare the title height across all columns. If a title is too long, move part of the wording into the description. |
Price and Recurring Fee
|
The price, currency, and billing period or service format. | Make sure labels such as /mo, monthly, or other UI wording are clear for the page audience. |
Features List |
The features included in the package. One item per line. | Open the page on mobile and make sure the list does not stretch one column into a disproportionately long card. |
Unavailable Feature List |
Features that are not included in the package. The documentation says this list is displayed in a muted style. | Use this list only for genuinely important differences, otherwise the table starts to feel negative and visually noisy. |
Buy Button Text and Buy Button Link
|
The action text and the URL where the user is sent. | Test the click in a private window. If the link points to an anchor, make sure the target block actually exists on the page. |
Pop-Out Text |
A short note above the column, such as a recommendation, offer, or plan status. | Check that the label does not overlap nearby elements on tablet and mobile screens. |
Enlarge this pricing box |
Emphasis on an important column through enlargement. | Enable it for only one plan in a block, otherwise the emphasis loses its meaning. |
How to Choose the Number of Columns
The official product page mentions multi-column layouts of up to 6 columns. In practice, that does not mean 6 columns are always a good choice. They may fit on a wide screen, but on mobile each one becomes a separate block, and the user has to keep scrolling. For most service pages, 3 to 4 plans is the sweet spot. Five or six columns only make sense if the names are short, the lists are very compact, and users truly need to compare many options.
If you have more than four plans, try grouping them. For example, show packages for small businesses separately from enterprise options. Another approach is to keep only the main plans inside Pricing Table and move the detailed comparison below into a standard table. That way, Themify Pricing Table stays focused on choice instead of turning into an overloaded price sheet.
How Not to Undermine the Meaning of the Highlighted Column
The highlighted column should suggest a safe choice. In most cases, that is the mid-tier plan where price and features are balanced. If you highlight the most expensive plan without explanation, users may read it as pressure. If you highlight the cheapest plan, you lower the perceived value of the others. That is why Pop-Out Text and Enlarge this pricing box work best together: the label explains why the plan is recommended, and the enlargement makes it easier to notice.
Result check: cover the prices with your hand or mentally remove the color. If it is still clear from the titles and lists how the plans differ, the table is built correctly. If the differences only work because of color, the content needs to be rewritten.
Adjusting the Visual Design Without Losing Readability
Themify Pricing Table includes settings for color, typography, sizing, and background for the title, feature list, and button. The official product page specifically mentions Font Color, Font Family, Font Size, and Background Color. That gives you flexibility, but it also creates a risk: the table can start competing with the rest of the page design.
Start with structure, not color. First, establish a consistent rhythm: similar title length, the same billing-period style, the same order of points, and the same button logic. Only after that should you choose the visual styling. If you change colors before the copy is solid, it is easy to mistake a bright card for a well-configured one even when the content is weak.
Color Presets and Styles
The documentation mentions 14 popular color presets and 5 display styles. Use that as a quick starting point, not as a reason to test every combination. On a page built around one brand color, it is usually better to choose one accent and one neutral background. If each column gets a new color, the block starts looking like a template showcase instead of part of the site.
For plans with different levels of importance, use a soft visual hierarchy. The basic plan can stay neutral, the recommended plan can use the brand accent, and the premium plan can use a calm dark or contrasting shade. Unavailable features should look muted but not so faint that they become unreadable. The button should have enough contrast against its background and remain equally noticeable across columns when the action carries equal weight.
Typography and Line Length
The price usually occupies the most prominent level. The plan name should be shorter than the price and should not compete with it. The description under the price is best kept to one or two lines. Feature lists should be scannable: "10 pages," "Email support," "Basic setup," not long full sentences. If a point cannot be shortened without losing meaning, it does not belong in the card and should be moved into the details below.
Pay attention to button wording. Buy Now, Get it Now, and Sign Up in the Themify demo show the idea of a short action. For an English-language page, options like "Choose a Plan," "Request a Quote," "Start with Basic," or "Get a Consultation" work naturally. If the button does not lead to a purchase, do not call it a purchase. A mismatch between the button text and the actual action weakens trust.
A Small CSS Tweak for Local Refinement
If the built-in settings are enough, you do not need code. But sometimes a theme adds too little space around the section, or the table buttons sit lower than other elements. Without a documented public API for the addon, there is no reason to invent PHP hooks. It is safer to use a small CSS adjustment on the specific page or in a child theme. The example below shows the general approach: add a custom CSS class to the Builder row that contains the table, for example pricing-landing-plans, and scope the styles to that area only.
.pricing-landing-plans .module-pricing-table {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.pricing-landing-plans .module-pricing-table .pricing-button,
.pricing-landing-plans .module-pricing-table a {
word-break: normal;
}
.pricing-landing-plans .module-pricing-table li {
line-height: 1.45;
}
Before applying it, inspect the classes in your browser because the exact markup can vary by addon version, theme, and settings. It is best to add the tweak through the page's custom CSS field, a child theme, or the standard CSS location in your project. Rolling it back is simple: remove the row class or delete the CSS snippet. Do not edit the addon files themselves, or your changes may be lost during updates.
Practical Example: Three Service Packages on a Landing Page
Let us look at a concrete scenario: an agency site wants to display three WordPress support packages. The goal is to give visitors a quick choice and send them to an inquiry form. We are not building a payment flow inside the table. Instead, we are using the button as a jump link to a contact block on the same page. This is a safe first-use scenario because it does not depend on a shopping cart or payment gateways.
Goal and Preparation
We want a three-column block: "Starter," "Support," and "Growth." The middle package will be the recommended one. Each package has a price, billing period, short description, list of included work, 1 to 2 unavailable features, and a "Request a Quote" button. Before setup, create or locate a form on the page with an anchor such as #request. If there is no form, the button can link to the contact page, but then you should confirm that the user is not being taken too far away from the pricing context.
Prepare a Consistent Column Structure
- Starter: basic audit, updates, uptime monitoring, no design revisions.
- Support: updates, backups, small edits, priority response.
- Growth: support, page improvements, speed optimization, content consulting.
Notice how the points are short and follow the same logic. We are not mixing outcomes, process, and conditions in one list. The user should see not "a lot of text" but the difference between service levels.
Setup Steps in Builder
- Create or open the landing page, enable Themify Builder, and add a new row for the pricing block.
- Open the modules panel, find
Pricing Tablein theAddonssection, and drag the module into the row. - Create the first column by filling in
Title,Price,Recurring Fee,Description,Features List, andUnavailable Feature List. - For the button, set
Buy Button Textto "Request a Quote" and enter#requestor the contact page URL inBuy Button Link. - Copy the structure for the other two columns and change only the plan details while keeping the same order of points.
- For the middle package, enable
Enlarge this pricing boxand add a shortPop-Out Text, for example "Most Popular." - Choose a consistent
Appearance: neutral side columns and a moderate brand accent for the recommended plan. - Save the changes with the Builder save button and open the page outside editing mode.
Testing and Nuances
After saving, check the action first, not the visual polish. Click each button. If the link goes to a form on the same page, make sure the scroll lands on the correct block and that the form is not hidden under a sticky header. If the link goes to a separate page, confirm that the user can still tell which package they selected. Sometimes it helps to add a URL parameter or use separate buttons for separate forms, but do not do that unless your process actually handles those parameters.
Then check responsiveness. On narrow screens, the cards usually stack one after another. The recommended package should not "jump out" so much that it overlaps nearby elements or causes horizontal scrolling. If the pop-out label is too long, shorten it to 1 or 2 words. If one column's feature list is twice as long as the others, split that plan into essential and secondary benefits.
How to Use Pop-Out Labels, Icons, and an Enlarged Column Without Visual Noise
The addon gives you several ways to draw attention to a specific plan. The official page mentions icons next to the title, pop-out text with a bouncing animation, and column enlargement. These features are useful, but only when each one has a separate job. The icon helps identify the type of package, the pop-out label explains the status, and the enlarged column signals the recommendation.
The most common mistake is turning on every accent in every column. Once that happens, the block stops guiding the user. Instead of a clear recommended path, the visitor sees a set of competing effects. A good pricing table usually relies on one main column and one main emphasis. Everything else should stay calmer.
Pop-Out Label
Pop-Out Text works best when it stays short. This is not the place for a sales pitch. Phrases like "Popular," "Best Value," "For Growth," "Savings," or "Team" fit well. If the label needs explanation, it is too complex for this area. Extra promo conditions, time limits, and restrictions belong in a paragraph below the table.
Icons Next to the Title
The documentation says you can choose from a set of more than 300 icons. Use them only when they help users distinguish plans quickly. For example, the starter plan might use a launch icon, the mid-tier plan a support icon, and the premium plan a growth icon. Do not choose random decorative symbols. They add noise and may be interpreted as another plan attribute.
Enlarged Column
Enlarge this pricing box should only be enabled for one option. If two plans are enlarged, users cannot tell which one matters most. If the outermost column is enlarged, check on tablet to make sure it does not disrupt the visual center. On many pages, the middle column works best because the eye naturally compares it with the basic and expanded options beside it.
Dynamic Data Through Builder Pro: When It Makes Sense
The Themify documentation for Pricing Table includes a separate note about Builder Pro Dynamic. If Builder Pro is active, some fields may show a Dynamic toggle. Themify describes the ability to output values from post metadata, shortcodes, custom fields, and fields created through Post Type Builder or Advanced Custom Fields. The same note includes an important caveat: some fields may not offer dynamic functionality if it is unavailable or incompatible.
In practice, that means dynamic values are not helpful for every table. If prices and packages change rarely, it is simpler and safer to enter them manually. Dynamic data becomes worthwhile when the same pricing structure is reused across multiple pages and the values come from a product record, post type, or a set of custom fields.
Where Dynamic Data Helps
- A service catalog where each service has its own packages but all cards follow the same structure.
- A site with multiple cities or branches where the price and billing period differ, but the table design should stay consistent.
- A project built with Builder Pro and Post Type Builder where package details are stored as post metadata.
- Pages that need to display a shortcode value, as long as the shortcode itself is safe and supported by your stack.
Where Dynamic Data May Be Unnecessary
Do not overcomplicate a simple page just for theoretical flexibility. Dynamic fields are harder to test because you need to verify not only the table design but also the data source. If a field is empty, the column may look broken. If a shortcode is disabled or unsafe, the value will not appear. ACF documentation, for example, warns about shortcode security and notes that the ACF shortcode may be disabled by default in new installations. That is why any dynamic source should be enabled deliberately.
Safe rule: build the table manually first and verify the conversion logic. Only enable dynamic fields once you have a clear data model, someone responsible for updating the values, and a test page for checking empty or incorrect data.
Checking the Result: Design, Links, Responsiveness, and Speed
Result checks should happen in several passes. First structure, then action, then visual responsiveness, then technical details. If you try to assess everything at once, it is easy to miss a simple issue: the button goes to the wrong place, an unavailable feature was put into the available list, the recommended plan is not actually highlighted, or the table becomes too long on mobile.
Check the Structure and Meaning
Read the table the way a visitor would, with no knowledge of your internal naming. Can they understand how "Starter" differs from "Support"? Can they see which package is right for them? Does one plan look artificially weak just to push users into the expensive option? A good pricing block sells through clarity, not pressure.
- Each column follows the same logic: name, price, billing period, description, features, limitations, button.
- Features are not duplicated in long repetitive phrases. The differences are visible through 3 to 5 key points.
- Unavailable features do not take up more space than included ones.
- The recommended plan is highlighted once and explained with a short label.
Check Links and Button Behavior
Click every button. If you are using an anchor, make sure the URL and the target block match. If the link opens in a new tab, confirm that this is actually necessary. If the button goes to an external payment or booking service, check that the destination page matches the selected package. Themify Pricing Table lets you define button text and link, but responsibility for the user's next step still belongs to the site owner.
Check Responsiveness
Open the page at smartphone, tablet, and laptop widths. Builder supports responsive layouts, and the official product is described as responsive, but the actual result depends on the theme, text length, container width, and any third-party optimizations. Check for horizontal scrolling, pop-out labels overlapping the price, broken buttons, or a column sequence that becomes too long.
Check Speed and Cache
The table block is usually lighter than a complex interactive widget, but it still adds builder-related styles and scripts. If the site uses file merging, deferred loading, or minification, clear the cache after publishing and test the page while logged out of the admin area. If the table looks correct in the editor but not on the public page, rule out caching and optimization first before reinstalling the addon.
Practical Scenarios for Different Types of Site Pages
The same Pricing Table module can be used in different ways, but in each scenario you need to change more than just the wording. You need to change the decision logic. A pricing table on an agency page, course page, support page, or digital product page answers different questions. If you only swap the package names without changing the comparison structure, the block may look familiar but still fail to help users decide.
Below are several scenarios where the addon works especially well. They are based on confirmed features: columns, titles, price, billing period, lists of available and unavailable features, button, pop-out label, icon, and enlarged column. These are not different technical modes of the product. They are different ways to build meaning from the same fields.
Service Packages for an Agency or Specialist
For services, it is important to show not just the price but also the boundary of responsibility. In a "Starter" plan, you might list an audit, basic updates, and one consultation. In a "Support" plan, regular updates, backups, and small edits. In a "Growth" plan, page improvements, speed optimization, and content consulting. Unavailable features help you honestly show that the basic package does not include design work, urgent requests, or ad campaign support.
In this type of scenario, the button usually leads to an inquiry form. Do not label it "Buy" if the click leads to a consultation. It is better to use "Discuss This Plan," "Request a Quote," or "Choose Support." The recommended plan can be highlighted as "Best Value" if it genuinely covers the needs of a typical client.
Courses, Consulting, and Educational Programs
For education, the table often compares access levels: a self-paced package, a package with assignment review, and an expanded package with personal support. Here, unavailable features are especially important because the user needs to understand where feedback, access to materials, recorded lessons, or live consultation begin. If you use a dynamic price from a custom field, first make sure an empty field does not leave an awkward gap in the card.
In the plan description, it is more useful to write not "best package" but a concrete outcome: "For self-paced study," "For people who want feedback," or "For teams." That way, the user chooses not just a price but a support format. The pop-out label is best placed on the reviewed package if that is your main product, not automatically on the most expensive option.
Membership, Club, or Gated Content
If the table leads to a membership offer or gated content, it still functions as a storefront for choice. Access itself should be controlled by separate tools: a membership plugin, WooCommerce, an external service, or another system. In Pricing Table, you configure the visible choice: tier name, billing period, included content, and the button link. Do not promise that the table itself will automatically unlock access if another component is actually responsible for that.
In this scenario, button testing is especially important. A "Monthly" tier should not lead to an annual plan, and a "Team" tier should not lead to an individual checkout. After changing links, clear the cache and test the click path in a private window. If your site is multilingual, confirm that the buttons lead to the correct language version of the destination page.
Product Bundles and Packages
For digital products or service bundles, the table can compare package compositions: a basic archive, an expanded bundle, or a package with support. In this case, the features list should show what is included rather than general benefits. For example: "Template files," "Setup guide," "Access to updates," "Email support." Unavailable features should be used only for key differences, otherwise the card starts to look like a list of restrictions.
If the product is sold through WooCommerce, the button can lead to a specific product or checkout page. But Themify Pricing Table does not automatically sync the price with WooCommerce unless you have configured a dynamic source or use a separate integration. So after changing the product price, check the visible price in the table. A mismatch between the price in the card and the price on the product page is one of the fastest ways to damage trust.
Accessibility and Clarity for Real Users
A pricing table often looks like a design element, but its main job is to help a person make a decision. That is why accessibility here goes beyond formal contrast ratios. Users should be able to compare plans quickly, understand the buttons, and identify the key option without relying on color alone.
In Themify Pricing Table, part of the appearance is controlled through colors, fonts, sizes, and background settings. Use them carefully. If the recommended plan is highlighted only by color, a user with low vision or a poor-quality display may miss the emphasis. Add a short text label through Pop-Out Text and use a clear title. If unavailable features are muted, they still need to remain readable.
Comparison Order
Arrange plans in a natural order: from basic to expanded, or from a small team to a large one. Do not place the recommended plan first just for attention if users expect features to grow from left to right. The visual highlight already handles the emphasis. The order itself should make comparison easier.
Inside the feature lists, use the same order of attributes. If the first plan starts with the number of projects, the second and third should start with that too. If one column begins with support and another begins with response time, users are comparing different concepts and may get confused.
Buttons and Microcopy
The button text should match the action after the click. If it goes to a form, write "Request a Quote." If it leads to a consultation, write "Discuss This Plan." If it goes to a product page, write "Learn More About This Package." Do not use the same generic "Buy" across scenarios where no immediate purchase happens.
Under the table, it is helpful to add one short paragraph clarifying the terms: that pricing may depend on the scope of work, that details are confirmed before kickoff, or that the expanded package is intended for teams. That kind of paragraph resolves questions that do not belong inside small pricing cards.
Mobile Readability
On mobile, users see the plans one after another. That means you cannot assume they will remember every difference between the first and third column. Repeat the core context inside each card: who the package is for, what is included, and what action is available. At the same time, do not overstuff the lists. On mobile, 5 short points are better than 12 lines that turn the choice into a long scroll.
Quick test: open the page on a phone and read only the titles, prices, pop-out labels, and buttons. If that is already enough to understand which plan to choose, the detailed lists are supporting the decision instead of compensating for a weak structure.
How to Update Pricing Without Introducing Errors After Launch
A pricing table rarely stays unchanged. Prices change, package contents change, support terms change, form links change, and service names change. That is why after the first launch, it is worth creating a simple update process. Themify Pricing Table gives you a convenient editing interface, but convenience does not remove the need for verification.
It is better not to edit a published block in a rush. Create a duplicate of the page or save the current layout before a major update. If only one list item changes, a normal review is enough. If the pricing structure changes, the number of columns changes, or the recommended plan changes, you need a full recheck just like the first launch.
Post-Change Checklist
- Check that the price, currency, and billing period are consistent with each other across all columns.
- Compare the feature lists so that equivalent items appear in a similar order.
- Review unavailable features to make sure an outdated limitation was not left behind in the basic package.
- Click every button and confirm that it goes to the correct plan, form, or page.
- Open the page while logged out of the admin area because cache and the editor panel can hide a problem.
- Check the mobile view, especially if the title length, pop-out label, or button text changed.
How to Work Across Multiple Pages
If you need the same table on several pages, do not blindly copy it into ten different places. With manual copying, it is easy to forget to update one version. Consider reusable Builder elements, saved layouts, or dynamic sources if your Themify setup supports them and you understand the tradeoffs. But do not turn on dynamic features just for the sake of cleaner architecture. First decide how often the plans change and who will maintain them.
For a small site, it is often easier to keep one main pricing page and link to it from other sections. For a larger site with multiple services, it is better to maintain an internal document listing current prices, button text, and destination pages. That way, the editor updates verified data instead of relying on memory.
How to Avoid Outdated Promises
Do not put absolute promises into the cards such as "instant support," "guaranteed growth," or "unlimited" unless a real process exists behind them. A pricing table sits close to a purchase or lead decision, so vague promises quickly turn into expectation conflicts. It is better to use verifiable wording such as "Response during business hours," "Up to 3 small edits," "Monthly report," or "Backup setup."
If the terms depend on a contract, say so near the table or in the FAQ. Pricing Table should speed up the choice, not replace the detailed service terms. The more honestly you define the boundaries of each package, the fewer questions users will have after clicking the button.
Why the Table May Not Work and How to Find the Cause
Problems with Themify Pricing Table are usually not caused by a single "plugin error." They are more often a chain of issues: Builder is not active, the addon did not appear in the panel, the module was added to the wrong page, the theme overrides the styles, the cache shows an old version, or the button points to the wrong address. The best way to troubleshoot is from simple to complex.
The Module Does Not Appear in the Builder Panel
Symptom: the addon is activated in WordPress, but there is no Pricing Table module in the Addons section of Themify Builder.
Possible cause: Themify Builder is not active, the wrong ZIP file was installed, the installation did not finish, the user is editing a page without Builder enabled, or they are looking in the wrong module panel.
What to check: open the plugin list, verify that both Themify Builder and Pricing Table are active, then open a normal page or post, enable Builder, and locate the Addons section. If you are using a Themify theme, check that Builder is available within that theme environment.
How to fix it: reinstall the correct ZIP through Plugins > Add New > Upload Plugin, activate the addon, and open a test page. If the browser unzipped the archive automatically, download the ZIP again using a method that preserves it as an archive file.
The Table Looks Fine in the Editor but Unstyled on the Live Site
Symptom: the cards look correct in editing mode, but the public page shows an unstyled list or incorrect spacing.
Possible cause: cache, CSS merging, deferred file loading, a theme conflict, or custom CSS overriding the module classes.
What to check: clear the site and browser cache, temporarily disable aggressive CSS/JS optimization on the test page, and open the page in a private window. In the browser inspector, check whether Themify styles are loading and whether theme rules are overriding them.
How to fix it: add exclusions in the optimization plugin, reduce broad theme-level CSS overrides, and scope local classes only to the row with the table. If the issue started after a specific CSS snippet, roll it back and test again.
The Button Goes to the Wrong Place or the Anchor Does Not Work
Symptom: the user clicks a pricing button but stays on the same spot, lands on the wrong page, or the anchor does not scroll to the form.
Possible cause: an incorrect value in Buy Button Link, a missing block with the required ID, a smooth-scroll conflict, extra whitespace in the URL, or a link to a draft page.
What to check: copy the link from the button, open it in a new tab, and verify the target block ID. If the link is something like #request, the page must contain an element with the matching anchor.
How to fix it: enter the correct URL or anchor, save Builder, clear the cache, and test in a private window. If the site has a sticky header, add spacing to the target block through the theme or Builder settings so the form is not hidden underneath it.
The Pop-Out Label Overlaps Nearby Elements
Symptom: the label above a plan overlaps the price, a neighboring column, or the top block of the page.
Possible cause: the text is too long, the container is too small, an enlarged column sits inside a tight layout, or the theme adds custom spacing.
What to check: shorten the label to 1 to 2 words and test the behavior on tablet. Temporarily disable column enlargement to see which effect is creating the issue.
How to fix it: make the pop-out label shorter, reduce the number of columns in the row, or move the longer explanation below the table. If CSS is needed, scope it only to the specific section.
A Dynamic Value Does Not Render
Symptom: a field that should pull a value through Dynamic stays empty or displays the wrong text.
Possible cause: Builder Pro is not active, the field does not support dynamic data, the metadata source is empty, the shortcode is disabled, or the value does not belong to the current post.
What to check: make sure Builder Pro is active, confirm that the field actually shows the Dynamic toggle, and verify that the data source is filled in. If you are using an ACF shortcode, review its security settings and whether it needs to be enabled.
How to fix it: first restore a manual value in the field and make sure the design works. Then reconnect the dynamic source one field at a time. If a field does not support dynamic data, do not work around it with questionable code snippets. Use manual text or another confirmed data source instead.
Limitations, Security, and Ongoing Content Maintenance
Pricing Table displays plans, but it does not solve legal, payment, or operational questions. If the price depends on region, tax, currency, user count, or contract terms, do not force the table to act as the only source of truth. Add a short note under the block and direct the user either to a form where a manager can confirm the details or to a full checkout flow.
From a security standpoint, button links and dynamic content matter most. Do not place random external URLs in buttons unless they are verified. Do not use shortcodes from unclear sources in dynamic fields. Do not grant editors access to sensitive metadata just to automate pricing. If prices need centralized updates, it is better to design that through a clear data model and proper access roles than through a set of manual shortcodes.
How to Keep the Table Up to Date
Use one simple rule: every pricing change goes through text, link, and public-page verification. If you change the price, check the billing period. If you change the package contents, check the unavailable features list. If you change the form URL or checkout page, click every button. It takes only a few minutes, but it prevents the situation where a visually polished block leads to an outdated offer.
For larger sites, it is useful to keep a short internal note next to the table: who owns the pricing, when the structure was last reviewed, which links are used, and which conditions are handled in a contract or form. That note does not need to be visible to users, but it helps editors avoid changing the table blindly.
Questions About Themify Pricing Table Before Launch
Can You Use Themify Pricing Table Without Themify Builder?
According to the official documentation, Builder Addons require Themify Builder. You can use the addon with a Themify theme that includes Builder or with the standalone Themify Builder plugin. Without a working Builder environment, the Pricing Table module is not useful as a standalone block.
Where Should You Look for the Module After Installation?
After activation, open a page or post, enable Themify Builder, and review the modules panel. The documentation says that Pricing Table appears in the Addons section and is available both in admin editing mode and in visual mode on the public side of the site.
How Many Columns Should You Use?
Technically, the official product page mentions multi-column layouts of up to 6 columns. In practice, 3 to 4 plans work better for most landing pages. Six columns are only worth using when the points are short and there is a real need to compare many options.
Can You Connect the Button to WooCommerce?
The button field includes text and a link, so it can point to a product page, cart, form, or another verified URL. But Themify Pricing Table itself is not a WooCommerce checkout module and does not replace the payment flow. Check the link and the full user path separately.
What If the Price Needs to Pull In Automatically?
If you have Builder Pro, Themify documentation describes a Dynamic mode for some fields that can pull data from metadata, shortcodes, custom fields, and integrations such as Post Type Builder or Advanced Custom Fields. But not every field may support dynamic data. Start by testing the manual version, then connect dynamic values one field at a time.
Why Does the Table Look Different After Clearing the Cache?
The likely cause is CSS/JS optimization, theme caching, or a custom-style conflict. Check the page in a private window, temporarily disable CSS merging on the test page, and confirm that Builder styles are loading. Do not reinstall the addon before checking caching.
Do You Need to Add Custom CSS?
Not necessarily. Start with the built-in Appearance settings, colors, fonts, and Builder spacing controls. CSS is only needed for local refinements such as section width or line spacing. Add it through a child theme, page settings, or a safe custom CSS location, not inside the addon files.
Is the Addon a Good Fit for a Complex Comparison Table?
If you need to compare dozens of attributes, pricing cards may become too long. In that case, use Themify Pricing Table for the short package selection and place the detailed comparison below in a separate HTML table or another tool.
When Themify Pricing Table Is the Right Choice
Themify Pricing Table is worth using when you need a clear pricing table inside a Themify Builder page: several columns, polished styling, icons, feature lists, buttons, recommended-plan highlighting, and responsive output. The product is especially convenient when editing should stay inside the familiar Builder interface, without a separate table system and without hand-coding each pricing card.
Before publishing, check three things: the addon appears in the Addons panel, every button leads to the correct destination, and the block stays readable on mobile. If you plan to use dynamic fields, add a separate test for empty values and data sources. If the table leads to a payment flow or inquiry step, verify the entire path after the click because the table itself only presents the choice.
Once preparation is complete, you can get the WordPress version, install the addon on a test page, and build your first pricing block using the workflow in this guide. Start by entering three plans manually, save the page, check the public result, and only then add visual accents, a pop-out label, dynamic values, and local CSS refinements if they are truly needed.


