The “Pricing Plans” widget lets you present all the information to your potential clients in a clear and comprehensible manner, allowing them to make an informed decision. It is possible to add items such as badges, price labels, icons, etc. to enhance the widget’s functionality. Additionally, you can customize the background color, border color, button background, and button border for each element separately. It also supports advanced options such as Remote Connection and syncing with other widgets.
Let’s look at each of the options in the “Pricing Plans Widget” below.
Install Pricing Plans Widget for Elementor #
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Pricing Plans”
- Hover over the widget in the search results and click install
- Add your “Pricing Plans” widget to any Elementor Page
General Settings #
Type any text for the button.
Define any number of columns to be displayed.
Adjust the gap between items.
Select the position of the badge
- Before Text
- After Text
Choose icon positioning from the dropdown list.
- On Top
- On Side
Content Settings #
Connected Widgets Settings #
Provide a name for the connection that other widgets will use to connect and control this widget.
Choose the same group for two or more item-based widgets so they can sync together.
Items Settings #
Add Multiple Pricing Plans using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit items
Set a plan name for your item.
Type any custom text to display as a badge.
Type the price you want to display.
Type the price label.
Add URL to link with the button.
Choose or Upload any icon to display.
Type any custom text to display on the button for this particular item.
Pricing Plans Widget Styling #
Item Styling #
Item Active Styling #
Radio Button Styling #
Icon Styling #
Title Styling #
Sub Title Styling #
Price Styling #
Badge Styling #
Button Styling #
Content Styling #
Usage Examples #
Here are some live use cases for the Pricing Plan widget
Pricing Plan Widget connected with Tabs widget.
Pricing Plan Widget connected with Image Carousel widget.