Add beautiful Pricing tables with Elementor. The widget will output a column for a pricing table including features, price and button.

To add a multi-column pricing table, you can divide the Elementor section in columns and add the pricing table multiple times.

Once added to the page, you can set the pricing table contents and styling.

There are 4 panels:

  • General settings
  • Price settings
  • Items
  • Button

General settings

Icon: you can use the default icons provided with the Elementor builder or enable custom icons set from the premium plugin bundled with the theme called Icons2Go.

The Icons2Go full documentation can be downloaded here

To enable custom icon sets visit Settings > Icons2Go.

Price settings

  • Price: is the larger number.
  • Cents: can be used for a smaller number.
  • Coin symbol: is he text for your own coin, like $ or €.
  • Details: is an optional string that goes to the right of the price.

Items

This is a repeatable field, where you can add a new item using the button "Add Item".

Once you add an item click on its title to modify the content.1. Add the text of the item

2. Set an icon from the dropdown

3. Set the status (yes, no) this will change the color of the icon

Button

The button uses the default styling from the global Appearance settings of the WordPress customizer (see the Customizations settings for more details).

Button label: the text of the button

Button link: the URL to be opened. To link to another section, use #secitonname, where "sectionname" is the ID given to that section.

Button target: choose if you want the link to open in a new tab or in the current one.

Var dette svaret til hjelp? 1 brukere syntes dette svaret var til hjelp (2 Stemmer)