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
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.
