booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Pricing Plan

Pricing Plan

Preview Widget
Preview Widget
Getting Started
Layout Settings
Content & Container Styling

More Widgets

• Price Listing
• Price Box
• Block Quotes
• Team Member

# Getting started

Put a price on your plans using the pricing plan widget from Booster Addons.Choose from different layouts and apply custom styles for the pricing plan heading, price and unit, and all the other widget elements.

You can find the detailed widget options down below.


In the content section you can define all the elements of your pricing plan.

  • Plan Heading :  A title text for your pricing plan.
  • Plan Price & Price Unit : Define the price of your plan and the desired currency.
  • Plan Period : Define an optional plan period text.
  • Plan Info : A description text that gives more information about your your plan.
  • Plan Link : Specify a go to link for your plan.You can click on the link options button(The cog wheel on the right) to enable the 'open in new window' and the 'no follow' options.

Layout Settings

Under the layout section, you can select a hover effect, change the elements alignement.

  • Alignment : Control the widget horizontal alignement inside the containing section
  • Hover Effect : Choose a hover effect from the different options available.
  • Unit Alignement & Position :  Control the alignment & position of the unit next to the price.


Under the styling tab section, you will have the full control over the styling & design of all the pricing plan visual aspects.

  • Text Content Styling

Customize the text properties for your elements.Change the font family, line-height, decoration...

-Colors : Customize the color of your text elements, with the possible use gradient color for the heading.This is also available for the hover state of the widget.

  • Container Styling

This is where you can customize the container styling.

-Normal & Hover : Select​ which widget state you want to customize.Normal for the idle state of the widget and hover for when the widget is being hovered.Note that all the remaining options of this section will only affect the selected state.

-Background : Customize the container background & choose to apply either a solid or a gradient color.

-Radius, Borders & Shadows : Control the container's border and apply custom box shadows.The option to change the shape of the container is also possible by changing the border radius value.

  • Distances

Control the margins & distances between all the widget elements to create your own layout.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket


We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.




Email :

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020