Pricing Plan
Pricing Plan custom WPBakery Page Builder element, added by Loyde, renders a versatile, customizable pricing plan box.
Note: For a pricing table, it's necessary to add multiple (two or more) Pricing Plan instances to the page. They are usually added side-by-side.
Pricing plan fields
One or more fragments can be added to the pricing plan:
- Title
- Subtitle
- Price
- Features (one or more)
- Call-to-action button
All mentioned fragments are optional. Of course, it's beneficial to add as much information as possible.
How to rearrange pricing plan fields
Steps:
- Add a Pricing Plan instance to the edited page or post
- Open the Settings for the added element
- Open the "Layout" tab
- Under "Left Column" reorder the fields as desired
- Save changes.
Display pricing plan as a two columns layout
By default, the pricing plan fields are displayed in a single column. However, it's possible to split fragments into two columns. Steps:
- Add a Pricing Plan instance to the edited page or post
- Open the Settings for the added element
- Open the "Layout" tab
- Under "Left Column" select the fields which should appear in the left column, and unselect fields which should appear in the right column
- Under "Right Column" select the fields which should appear in the right column
- Save changes.
It's possible to display the same field in both columns. But each field will usually appear only in one of the columns.
How to add currency name/symbol to the price
Steps:
- Add a Pricing Plan instance to the edited page or post
- Open the Settings for the added element
- Open the "Price" tab
- Enter the currency name/symbol to either to field "Price Prefix" or "Price Suffix". The order depends on the currency (for example, $ appears before the price and € after the price)
- Save changes.
How to add a feature, but mark it as disabled
Sometimes it's necessary to display a service or business feature, but mark it disabled/missing in the current pricing plan. As a result, the feature will be crossed out (strikethrough).
Steps:
- Add a Pricing Plan instance to the edited page or post
- Open the Settings for the added element
- Open the "Features" tab
- Add a feature, and enter a label
- Under "Feature Excluded?" select "Yes"
- Save changes.
How to add a call-to-action button
It's possible to add a call-to-action button to the pricing plan. The button can be customized:
- Enter button text
- Choose link
- Choose button type (button types are defined by Loyde)
Steps:
- Add a Pricing Plan instance to the edited page or post
- Open the Settings for the added element
- Open the "Button" tab
- Select desired settings
- Save changes.
How to mark the pricing plan as "featured"
Usually, one of the offered pricing plans is marked as featured, or most popular. As a result, the plan gets slightly different appearance.
How to apply primary & secondary accent color to the element
See description here.
How to apply a basic styling, which applies to the element as a whole
See description here.