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
General Settings #
Currency
Type the currency symbol.
Currency Position
Select the positioning of currency symbol.
- Before Price
- After Price
Old Price
Type the old price.
Price
Type the price of product.
Subtitle
Type the subtitle.
Content
Type text to show as content.
Button Text
Type text to show in the button.
Button Link
Type or paste your URL to link with button.
Transition Duration
Set the transition duration in milliseconds.
Layout Settings #
Show Graphic Element
Show/Hide the graphic element.
Show Old Price
Show/Hide the old price.
Show Price
Show/Hide the price element.
Show Subtitle
Show/Hide the subtitle element.
Show Content
Show/Hide the content.
Show Button
Show/Hide the button.
Show Badge
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.
Box Styling #
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.
Price Styling #
Set the price typography, currency typography, price spacing, color, and text shadow.
Subtitle Styling #
Set the subtitle padding, typography, color, border, and text shadow.
Content Styling #
Set the content typography, spacing, color, and text shadow.
Button Styling #
Here, you can set the button typography, padding, spacing, background color, text color, border, and button radius.
Usage Examples #
Here are some live use cases for the Price Box Widget.
