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 #
Button Text
Type any text for the button.
Columns
Define any number of columns to be displayed.
Gap
Adjust the gap between items.
Badge
Select the position of the badge
- Before Text
- After Text
Icon
Choose icon positioning from the dropdown list.
- Hide
- On Top
- On Side
Content Settings #
Show Title
Show Description
Connected Widgets Settings #
Enable Remote Connection
Widget Name for Connection
Provide a name for the connection that other widgets will use to connect and control this widget.
Sync
Sync Group
Choose the same group for two or more item-based widgets so they can sync together.
Show Debug
Items Settings #
Add Multiple Pricing Plans using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit items
Plan Name
Set a plan name for your item.
Sub Title
Badge
Type any custom text to display as a badge.
Price
Type the price you want to display.
Price Label
Type the price label.
Link
Add URL to link with the button.
Icon
Choose or Upload any icon to display.
Override Button Text
Type any custom text to display on the button for this particular item.
Overrides
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.
