With this widget, you can create a unique looking toggle pricing table.
Required Setup
- Elementor FREE Plugin installed & activated.
- You need to have the WDesignKit plugin installed and activated.
- Make sure you’ve created an account and logged into it.
- Make sure you’ve downloaded the Toggle Pricing Features Table widget.
How to Activate the Toggle Pricing Features Table Widget?
Go to
- WDesignKit → Widgets.
- Search the widget name and select Elementor as the Page Builder.
- Click on the Download icon.
How to Use the Toggle Pricing Features Table Widget in Elementor?
Add the Toggle Pricing Features Table widget to the page.
Content
In the Title field, you can add a title to the table.
Then, from the Subtitle field, you can add a subtitle.
You can add a button title from the Button Title field.
From the Button Description field, you can add a description to the button.
In the Dollar Sign field, you can add a symbol like a currency symbol.
You can add a text for discount in the Discount Text field.
By enabling the Display Offer toggle button, you can add an offer badge to the table.
Then, in the Products Heading field, you can add a heading for the features.
In the Toggle Before field, you can add the toggle button before label.
Then, in the Toggle After field, you can add the toggle button after label.
After that, from the List section, you can add features to the table. By default, you’ll find one repeater item, open it.
From the Select Icon section, you can add an icon to the list item.
In the Title field, you can add the title of the list item.
You can add a link to the list item from the Url field.
Then, from the Tooltip Icon section, you can add a tooltip icon for the list item.
In the Tooltip Toggle On field, you can add a tooltip content that will be visible when the pricing table toggle is on.
Then in the Tooltip Toggle Off field, you can add a tooltip content when the toggle is off.
You can click on the + Add Item button to add more list items.
From the Toggle On section, you can add price, discount and the button link for the toggle on state.
Similarly, you can add a different price, discount and button link for the toggle off state from the Toggle Off section.
Connection
From this tab, you can connect the Toggle Pricing Features Table widget with the Advanced Pricing With Toggle widget.
In the Connection ID field, you can add an ID to connect with the Advanced Pricing With Toggle widget.
You can customize the style further from the Style tab.
Now you’ll see a beautiful toggle pricing table.
