REA Pricing Table

The REA Pricing Table widget allows you to create modern, advanced price tables that display your products.

Content

Header

Title: Enter the title of the specific price plan.
Description: Enter the description that appears below the title.
Title HTML Tag: Set the Title's tag, choosing from H2 - H6.

Pricing

Currency Symbol: Choose the main currencies, or choose a custom symbol.
Price: Set the exact pricing of your product or service, including cents
Currency Format: Choose the thousands separator format.
Sale: Switch this on to display the original price with a strikethrough and the new sale price.
Period: Enter text for the period of time for each payment that appears under the price.

Features

List Items

A list of all the features you are offering appears here. You can drag and drop them to change their order. Click on the Add Item button to add another item to the list or click on the cross icon to delete a list. Each item has separate settings available. By clicking on each item, you can customize its settings:

Text: Enter the description of the feature.
Icon: Choose from a list of Font Awesome icons or upload an SVG.
Icon Color: Choose a color for the icon.

Footer

Button Text: Write the text that will appear on the button.
Link: Enter the URL for the item’s link. Click the Link Options to either add rel=nofollow to the link or to open the link in a new window.
Additional Info: Include a line of additional info below the button.

Ribbon

Show: Show or hide a corner ribbon.
Title: Enter the text to be displayed on the ribbon.
Position: Display the ribbon on the top left or top right of the pricing table.

Style

Header

Background Color: Choose the background color for the top section of the widget.
Padding: Choose the padding for the heading.

Title

Color: Choose any color for the main title.
Typography: Change the title typography.

Sub Title

Color: Choose any color for the sub-title.
Typography: Change the sub-title typography.

Pricing

Background Color: Choose a background color for the pricing area.
Padding: Change the padding of the pricing area.
Color: Choose the color of the price.
Typography: Set the typography options for the pricing area.

Currency Symbol

Size: Change the size of the currency symbol.
Position: Display the currency symbol to the left or right of the price.
Vertical Position: Set the currency symbol to display at the top, middle, or bottom of the price.

Fractional part

Size: Set the size of the fractional part of the price.
Vertical Position: Set the fractional part to display at the top, middle, or bottom of the price.

Period

Color: Choose the color of the text of the time period.
Typography: Set the typography options for the text of the time period.
Position: Set the time period below or beside the price.

Features

Background Color: Choose the background color of the features list.
Padding: Customize the padding of the features list.
Color: Choose the color of the features list text.
Typography: Set the typography options for the features list text.
Alignment: Align the list to the right, left, or center.
Width: Set the width of the features list.

Divider

Style: Choose the features list divider style, from solid, dotted, double, or dashed.
Color: Choose the color of the divider.
Weight: Set the thickness of the divider.
Width: Set the width of the divider.
Gap: Set the distance between the divider and the featured item.

Footer

Background Color: Choose the background color of the footer area.
Padding: Set the padding of the footer area.

Button

Size: Choose from 5 button sizes.
Text Color: Choose the color of the button’s text.
Typography: Set the typography options for the button’s text.
Background Color: Choose the background color of the button.
Border Type: Select the border type, from none, solid, double, dotted, dashed, or grooved.
Border Radius: Set the border radius of the button to control corner roundness.
Text Padding: Set the distance between the button text and the border.