The “Price Box Widget” helps you showcase your pricing plans in a flexible and stunning fashion. A lot of customization options are available to create exactly the look you want for your Elementor page.
Let’s look at each of the options in the “Price Box Widget” below.
Install Price Box 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 “Price Box”
- Hover over the widget in the search results and click install
- Add your “Price Box” widget to any Elementor Page
Type the currency symbol.
Select the positioning of currency symbol.
- Before Price
- After Price
Type the old price.
Type the price of product.
Type the subtitle.
Type text to show as content.
Type text to show in the button.
Type or paste your URL to link with button.
Set the transition duration in milliseconds.
Show Graphic Element
Show/Hide the graphic element.
Show Old Price
Show/Hide the old price.
Show/Hide the price element.
Show/Hide the subtitle element.
Show/Hide the content.
Show/Hide the button.
Show/Hide the badge.
Price Box Widget Styling
A variety of styling options are provided to control every aspect of the widget’s appearance. Select the colors that match the theme of your site. Make the widget look exactly how you want it to, by customizing the text, buttons, fonts, and layout.
Set the box alignment, padding, background color, radius, border, and box shadow.
Old Price Styling
In this section, set the old price spacing, typography, color, and text shadow.
Set the price typography, currency typography, price spacing, color, and text shadow.
Set the subtitle padding, typography, color, border, and text shadow.
Set the content typography, spacing, color, and text shadow.
Here, you can set the button typography, padding, spacing, background color, text color, border, and button radius.
Here are some live use cases for the Price Box Widget.