Use the widget generator below to create your Pricing Table widget for WordPress for free. Select a template and click “Continue with this template” button to get started.

Want to display your pricing widget in WordPress and others? No problem.

How to use the Pricing Table Widget Generator

1. Choose a template: Select a preferred template and click the “Continue with this template” button. Some available templates are Pricing Grids, Pricing Columns, Comparison Tables, and Service Plans.
2. Add pricing tiers: You can edit an existing table or click on “Add Table” to add a pricing tier.
3. Edit pricing tables: Once you have added a substantial amount of pricing tiers (i.e., tables), it’s time to edit them. Under each table, you can add columns and edit them. For example, you can add column titles (i.e., price tier name), features, price discounts, captions, and pictures and edit the CTA button.
4. Change appearance: Select a layout and column style for your pricing table widget to set primary customization. Then, you can modify the widget’s outlook by choosing a suitable primary color and others based on your requirements. You can also use custom CSS and JavaScript.
5. Once you’ve customized the widget, click the “Add to website for free” button. This will allow you to add a pricing table widget to your WordPress website or WooCommerce store at no cost. You will also need to register to save your changes. It’s as easy as copy and paste. Copy the embed code for the free price comparison widget and paste it into your website’s HTML editor where you want to showcase it.

How to add Pricing Table widget’s HTML embed code to WordPress

Your Pricing Table widget’s embed code is a snippet of HTML code containing a JavaScript external file and a div tag with a class attribute. You can install pricing comparison widget on your WordPress website in many ways, even if you use page builders such as Elementor and Blocksy and other plugins such as WooCommerce.

For the integration of your widget, the HTML code needs to be placed in an HTML block, such as ‘Custom HTML,’ on WordPress’s Gutenberg block builder. This block is where you’ll paste the code.

This way, you can add price table to the WordPress website’s post, page, widget area, and theme.

How to manage your Pricing Table widget

Once you have created your pricing widget for WordPress, you can easily manage it on your account. In your dashboard, search for “Pricing Table” app under list of apps. As you can see from the following screenshot, you can create more Pricing table widgets, edit existing ones, and get HTML embed code.