Pricing Table (Pro)

the Price list The widget allows you to create advanced and elegant pricing tables that show your products or services.

Content

Header

1. Title: Enter the title of the specific pricing plan
2. Subtitle: Enter the subtitle that appears below the main title
3. Header tag: Sets the heading title tag, choosing between H2 and H6

Prices

1. Coin Symbol: Switch between major currencies or choose a custom symbol
2. Price: Set the exact price of your product or service, including pennies
3. Coin Format: Choose the thousands separator format
4. Reduction: Shows the original price crossed out and the new sale price
5. Period: Enter text for the time period for each payment that appears below the price

Features

List items

A list of all the functions it offers. You can drag and drop them to change their order. Click on the Add item to add another item to the list.

Tip: Quickly duplicate or delete items by clicking the Double or Remove icon

By clicking on each item, you can customize its content and settings, which are:

1. Text: Enter the description of the role
2. Icon: Choose from a list of Font Awesome icons
3. Icon Colour: Choose a color for the icon

Footer

1. Button Text: Write the text that will appear for the button
2. Link: Introduzca la Url del enlace del elemento. Haga clic en el engranaje Opciones de enlace para agregar rel = nofollow al enlace o para abrir el enlace en una nueva ventana.
3. Additional Info: Include an additional line of information below the button

Headband

1. to show: Show or hide a corner tape
2. Title: Enter the text to be displayed on the ribbon
3. Horizontal Position: Displays the ribbon at the top left or right of the price table

Style

Header

1. Background Colour: Choose the background color for the top section of the widget
2. Filling: Choose the padding for the title

Title

1. Colour: Choose any color for the main title
2. Typography: Change the font of the title

Subtitle

1. Colour: Choose any color for the main title
2. Typography: Change the font of the title

Prices

1. Background Colour: Choose a background color for the price area
2. Filling: Change the padding of the price area
3. Colour: Choose the color of the price
4. Typography: Sets the font options for the price area

Currency symbol

1. Size: Changes the size of the currency symbol
2. Position: Displays the currency symbol to the left or right of the price
3. Vertical Position: Set the currency symbol to display at the top, middle, or bottom of the price

Fractional part

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

Period

1. Colour: Choose the text color of the time period
2. Typography: Sets the typography options for the time period text
3. Position: Set the time period below or next to the price

Features

1. Background Colour: Choose the background color from the list of functions
2. Filling: Customize the fill of the function list
3. Colour: Choose the text color from the list of functions
4. Typography: Sets the typography options for the text in the feature list
5. Alignment: Aligns the list to the right, left or center
6. Width: Sets the width of the feature list

Divider

1. Style: Choose the style of the divider from the feature list, solid, dotted, double, or dashed
2. Colour: Choose the color of the divider
3. Weight: Sets the thickness of the divider
4. Width: Sets the width of the divider
5. Gap: Sets the distance between the divider and the function element

Footer

1. Background Colour: Choose the background color of the footer area
2. Filling: Sets the padding of the footer area

Button

1. Size: Choose from 5 button sizes
2. Text Colour: Choose the button text color
3. Typography: Sets the typography options for the button text
4. Background Colour: Choose the background color of the button
5. Border Type: Select the type of border, from none, solid, double, dotted, dashed, or slotted
6. Border Radio: Sets the button border radius to control the roundness of the corners
7. Text Filling: Sets the distance between the button text and the border

Headband

1. Background color: Choose the background color of the ribbon
2. Distance: Controls the distance between the tape and the corner
3. Text color: Choose the color of the ribbon text
4. Typography: Sets the typography options for the ribbon text
5. Shadow of the box: Add a box shadow effect to the ribbon

Advanced

Set the advanced options that are applicable to this widget