Pricing Tables for ButterCMS

Add pricing tables to your site to present plans clearly, help visitors compare features, and guide them toward faster and more confident conversions.

Create a Pricing Table

loved by 500K+ businesses

ButterCMS
plugineditor

Why Should You Use the Pricing Tables Widget+?

Quick and easy access to pricing information on your ButterCMS website

By utilizing the Pricing tables component for ButterCMS, you can provide your ButterCMS website customers with relevant information on what a pricing plan offers and how much it costs. As a result, they will be able to make better decisions faster.

Easy, Visual Comparison Between Plans with Pricing tables for ButterCMS

The ButterCMS Pricing Tables component allows your users to visually compare the different plans you offer and the features each plan offers. It will be easy for them to find the right plan for them.

Increased Conversions on your ButterCMS website

The purpose of a Pricing Table is to nudge your ButterCMS website customers towards choosing the plan you most desire them to buy by highlighting its benefits, features and making it more visible.

Add Ribbons to the Pricing tables for ButterCMS

The Pricing Tables component allows you to add a customizable ribbon to your table to make the desired plan (from your perspective) stand out and be immediately observable.

Pricing Tables - Add Ribbons to the Pricing tables for ButterCMS

Selection of colorful skins for your ButterCMS website

The Pricing tables component comes with a beautiful selection of premade skins that you can choose from to fit your ButterCMS website. Avoid spending too much time on finding the right colors or fonts, kick off your Pricing tables creation process with premade skins

Pricing Tables - Selection of colorful skins for your ButterCMS website

Completely customizable component

You can customize Pricing tables component for ButterCMS to fit the needs of your ButterCMS website. From colors to fonts to spacing, everything can be customized!

Pricing Tables - Completely customizable component
Pricing Tables - Pricing tables Mobile device behavior

Pricing tables Mobile device behavior

The Pricing Tables for ButterCMS offer two ways to interact with the component - Flexible and Scroll. Choose the one that’s most appropriate for your ButterCMS website and your pricing table.

Pricing Tables - Animated Pricing Tables

Animated Pricing Tables

Pricing Tables component has an animated mode that allows you to add animation to a static page on your ButterCMS website to make it more appealing.

Pricing Tables - Billing Cycles

Billing Cycles

With ButterCMS Pricing Tables component you can add as many billing cycles as you want and edit them as you see fit. Enhance your ButterCMS website users' experience with intuitive navigation!

Pricing Tables - A User friendly component

A User friendly component

Pricing tables for ButterCMS requires no coding knowledge and is easy to use. The intuitive dashboard with drag-and-drop functionality will allow you to customize the component in any way you'd like with just a few clicks.

Perfectly Responsive for your ButterCMS website

The Pricing tables component for ButterCMS is responsive and looks great on any device. It is essential to have this feature in today's mobile-first world.

Pricing Tables - Perfectly Responsive for your ButterCMS website

Creating custom CSS for Pricing tables for ButterCMS

The Pricing tables for ButterCMS can be further customized using custom CSS, just like the rest of Common Ninja's components.

Pricing Tables - Creating custom CSS for Pricing tables for ButterCMS

Simple to Embed On Your ButterCMS website

Simply copy a line of code, and you will be able to embed the Pricing tables component on your ButterCMS website. Every time you make a change, the ButterCMS Pricing tables will be automatically updated on your ButterCMS website.

Pricing Tables - Simple to Embed On Your ButterCMS website

Compatible With All Site Builders, E-Commerce Platforms and Websites

webflow logoshopify logowix logowordpress logobigcommerce logosqurespace logoweebly logojoomla logoduda logojimdo logomagento logoshift4hsop logounbounce logocarrd logo
View all supported platforms

FAQ

Yes, you can easily export the pricing table via the “Export” button at the top left corner of the widget’s editor. 

Yes, you can easily change the widget’s mobile behavior via the “Settings” tab.

Yes, you can easily animate the pricing table via the “Settings” tab on the widgdt’s dashboard.

Yes, you can easily add different billing cycles to your pricing table. 

Using the Pricing Tables widget is very easy. Simply sign up and start using the free version. There's no need to worry about complicated setup or installation processes, as the Pricing Tables widget is designed to be user-friendly and straightforward. Once you've signed up, you'll have access to all of the basic features and functions of the widget, which you can use to enhance your website and improve your online presence. From there, you can choose to upgrade to the paid version if you want to access more advanced features and capabilities. Regardless of which version you choose, you'll find that the widget is a powerful and easy-to-use tool that can help you take your online presence to the next level.

The Common Ninja Pricing Tables widget is a free tool reach with features and options. While this widget is free to use, it does have a limit on the number of views it can handle. This means that after a certain number of views, the chat button may no longer be visible or functional on your website. It is important to note that this view limit may vary depending on the plan you are using. Despite this limitation, Common Ninja's Pricing Tables is still a valuable tool for businesses looking to increase customer engagement and improve the overall user experience of their website.

The Common Ninja's Pricing Tables widget is a versatile tool for any website builder. This means that you can easily add this widget to your website or store no matter what platform you use to build your website. The Pricing Tables widget will work seamlessly with your platform whether you are using a popular website builder or something more specialized. This means you can enjoy all the benefits of this powerful tool without having to worry about compatibility issues.

It’s very easy to embed Common Ninja’s Pricing Tables widget on your website and the process consists of two steps:


  1. Once you’ve finished working with the Pricing Tables widget, copy the HTML text that can be found under the 'Add to Website' tab on the widget’s dashboard.
  2. On your website builder, find the 'embed' widget option, place it where you want the Pricing Tables widget to appear, and then paste the HTML code you’ve copied before into the widget.

The Pricing Tables widget is designed to comply with the General Data Protection Regulation (GDPR), a set of EU regulations protecting personal data and privacy. When using the Pricing Tables widget, you can be confident that it will not collect or store personal data that could violate GDPR regulations. This ensures that your business is in compliance with these regulations and can protect your customers' data privacy. Overall, the Pricing Tables widget is a secure and reliable tool that can be used to enhance your website without any concerns about GDPR compliance.

No need for coding skills. Our Pricing Tables widget is designed to be easy to use, even for those with limited technical experience. The widget features a user-friendly interface that allows you to easily customize the widget without coding knowledge. You can fully customize the Pricing Tables to match your branding. When you're done, simply copy the provided code and paste it into your website. It's that simple!

Embedding the Pricing Tables widget on your website is a straightforward process. Simply copy the provided code and paste it into the desired location on your website. The widget will seamlessly integrate into your site, allowing you to take advantage of its features and functions. No technical expertise or programming knowledge is required - just copy and paste the code to get started. This simple process allows you to easily add the widget to your website and enhance its functionality without any hassle.

Yes. We are eager to hear your request. Please refer to this page.

A pricing tables widget is a pre-designed, interactive element that can be added to a website to display pricing information for different products or services in a clear and organized way. A pricing table typically includes a list of features or benefits and the corresponding prices for each option. It can also include information such as the duration of the service or product, any discounts or promotions that are available, and any other relevant details.


Pricing Tables widgets are often used to help users compare the available options and pricing plans and to make it easier for them to choose the one that best meets their needs. They can also help establish credibility and trust by clearly displaying the prices and terms of the products or services being offered.


A pricing tables widget can help improve the user experience on a website by making it easy for users to understand the different pricing options and make informed decisions about which products or services to purchase. It can also help increase conversions by providing users with the information they need to make a purchase decision.




Displaying pricing tables on your website can have several benefits, including:

  1. Improved transparency: By clearly displaying the different pricing options available to users, you can increase transparency and help users make informed decisions about which product or service is right for them.
  2. Enhanced credibility: A well-designed pricing table can help increase the credibility of your business and give users confidence in the products or services you are offering.
  3. Greater clarity: A pricing table can help users quickly and easily understand the different features and benefits included in each pricing tier, which can help them make a more informed decision.
  4. Increased conversions: By clearly displaying your products or services pricing and features, you can make it easier for users to understand the value they will be getting for their money. This can lead to increased conversions and sales.
  5. Improved user experience: A pricing table can help improve the user experience on your website by providing a clear and easy-to-use way for users to compare different pricing options and make a decision.


Displaying pricing tables on your website can help increase transparency, credibility, and clarity for your users, which can ultimately lead to increased conversions and a better user experience.




Displaying pricing tables on your website can potentially improve the user experience by providing users with a clear and concise way to compare different pricing options. This can help users make informed decisions about which product or service best fits their needs and budget.

Here are some ways that pricing tables can improve the user experience:

  1. Increased clarity: Pricing tables can help clearly outline each pricing option's features and benefits, making it easier for users to understand what they are getting for their money.
  2. Enhanced comparability: By presenting pricing options in a table format, users can easily compare different options side by side, which can help them to make more informed decisions.
  3. Improved navigation: Pricing tables can provide users with a clear and intuitive way to navigate different pricing options, which can make it easier for them to find the information they need.
  4. Greater convenience: By providing all of the necessary pricing information in one place, users can save time and effort when making purchasing decisions.
  5. Overall, displaying pricing tables on your website can be a helpful way to improve the user experience and help users to make informed decisions about which products or services to purchase.