{"id":14368,"date":"2016-12-30T09:43:02","date_gmt":"2016-12-30T17:43:02","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?p=14368"},"modified":"2018-12-13T22:39:13","modified_gmt":"2018-12-14T06:39:13","slug":"free-pricing-table-module-beaver-builder","status":"publish","type":"post","link":"https:\/\/wpbeaveraddons.com\/free-pricing-table-module-beaver-builder\/","title":{"rendered":"Friday Freebie – 8 Free Pricing Table Presets for Beaver Builder"},"content":{"rendered":"

Welcome once again to our Friday Freebie<\/a> series. Today, we have come up with something really new for you. We present in front of you 8 free Pricing Table presets. Nidhi & Ramesh, from our team, built these beautiful pricing tables using Beaver Builder’s Pricing Table module and custom CSS. You can choose amongst them as per your requirement.<\/p>\n

Beaver Builder Pricing Table Module Presets<\/h2>\n

Beaver Builder has simplified the web development process for a lot of users. Although, it provides great functionality there are some limitations with the design options. So, we decided to design some presets and share them with you. Here are 8 beautifully designed Pricing Tables built using Beaver Builder Modules<\/a> and custom CSS.<\/p>\n

Click here to check out a live demo.<\/a><\/h4>\n

\"beaver-builder-pricing-table\"<\/a><\/p>\n

How to use a Pricing Table Preset<\/strong><\/h3>\n

Each Pricing Table preset uses a Custom CSS class. We have listed the CSS class below and shared a link to the CSS snippet that you will need to copy.<\/p>\n

Under Advanced Tab of the Pricing Table module, add the specific CSS class in CSS Selectors section.<\/p>\n

After adding the CSS Class, copy the CSS from the links given and paste it under Tools > Layout CSS \/ JS > CSS Tab<\/strong>, or simply to your child theme\u2019s style.css file.<\/strong><\/p>\n

\"pricing-table-setting-beaver-builder\"<\/p>\n

Style 1<\/h3>\n

This preset will be a perfect fit for your site with minimal design. The subtle blue color is used to highlight your preferred pricing option. You can customize the colors in CSS as per your requirements.<\/p>\n

CSS Class: pricing-table-style-1<\/strong>
\nClick here to get CSS style<\/a><\/p>\n

\"pricing-table-beaver-builder-style-1\"<\/p>\n

 <\/p>\n

Style 2<\/h3>\n

A dark background and contrasting blue color will be perfect for your website with bold looks and dark color scheme.<\/p>\n

CSS Class: pricing-table-style-2<\/strong>
\nClick Here to get the CSS style<\/a><\/p>\n

\"pricing-table-beaver-builder-style-2\"<\/p>\n

 <\/p>\n

Style 3<\/h3>\n

If you want to go in for a two colored bright pricing table, choose this pricing table.<\/p>\n

CSS Class: pricing-table-style-3<\/strong>
\nClick Here to get the CSS style<\/a><\/p>\n

\"pricing-table-beaver-builder-style-3\"<\/p>\n

 <\/p>\n

Style 4<\/h3>\n

Again a beautifully designed\u00a0Pricing Table with high contrast colors. This style highlights the middle section with a bigger size.\u00a0The subtle shadow around the middle column makes it stand out. It will be perfect for a creative agency website or an app.<\/p>\n

CSS Class: pricing-table-style-4<\/strong>
\nClick Here to get the CSS style<\/a><\/p>\n

\"pricing-table-beaver-builder-style-4\"<\/p>\n

 <\/p>\n

Style 5<\/h3>\n

If you are a fan of iOS Gradient style then this one is the right pick for you.<\/p>\n

CSS Class: pricing-table-style-5
\n<\/strong>Click Here to get the CSS style<\/a>
\n<\/strong><\/p>\n

\"pricing-table-beaver-builder-style-5\"<\/p>\n

 <\/p>\n

Style 6<\/h3>\n

Another minimal design with a highlighted price. This will be a better fit for your creative site that uses round corner buttons and elegant typography.<\/p>\n

CSS Class: pricing-table-style-6
\n<\/strong>Click Here to get the CSS style<\/a><\/p>\n

\"pricing-table-beaver-builder-style-6\"<\/p>\n

 <\/p>\n

Style 7<\/h3>\n

If you offer services and have a description to add in each section then\u00a0here’s a beautiful, minimal design. Change the colors to your choice.<\/p>\n

CSS Class: pricing-table-style-7
\n<\/strong>Click Here to get the CSS style<\/a><\/p>\n

\"pricing-table-beaver-builder-style-7\"<\/p>\n

 <\/p>\n

Style 8<\/h3>\n

And here’s the last one with shadows, round corners, and left aligned text.\u00a0This is a beautifully designed\u00a0Card Style Pricing Table.<\/strong><\/p>\n

CSS Class: pricing-table-style-8
\n<\/strong>Click Here to get the CSS style<\/a>
\n<\/strong><\/p>\n

\"pricing-table-beaver-builder-style-8\"<\/p>\n

Want more control over Design? Get PowerPack for Beaver Builder.<\/h3>\n

Why spend hours in the design, development, and testing of pricing tables when we have Beaver Builder Pricing Table Templates<\/a> and a special Pricing Table Module<\/a> in PowerPack. Pick the one that suits your need and deploy the same on your WordPress website without any hassle.<\/p>\n

Further, if you wish to speed up the overall development process, you must give a whirl to PowerPack Beaver Builder Addons. A bundle packed with 50+ custom modules, 150+ page templates<\/a>, and 200+ section templates<\/a>, PowerPack Beaver Addon is sure to be an invaluable set of tools in your WordPress website development process.<\/p>\n

Trusted by more than 15,000 users and experts, the addon pack also boasts of a host of other features, functionalities, and benefits. So, what are you waiting for, get your hands on PowerPack for Beaver Addons NOW<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"

Welcome once again to our Friday Freebie series. Today, we have come up with something really new for you. We present in front of you 8 free Pricing Table presets. Nidhi & Ramesh, from our team, built these beautiful pricing tables using Beaver Builder’s Pricing Table module and custom CSS. You can choose amongst them…<\/p>\n","protected":false},"author":664,"featured_media":14458,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[29],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/14368"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/664"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=14368"}],"version-history":[{"count":0,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/posts\/14368\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media\/14458"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=14368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/categories?post=14368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/tags?post=14368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}