Skip to main content

Divi Advanced Pricing Table

This powerful and feature-rich Divi module will help you create concise, easy to understand pricing tables that convert your web visitors into customers that look amazing as well!

Requirements

  • Divi Parent Theme

Installation

  1. Login to your WordPress Admin and select "Plugins" > "Add New" in the left sidebar menu.
  2. Click "Upload Plugin" at the top of the page.
  3. Select the plugin ZIP file and click "Install Now".
  4. Click "Activate Plugin".
  5. Go to Divi >> Divi Advanced Pricing Table and enter your key

Introduction

To add a module to your site, go to Divi Builder/Theme Builder and then choose Advanced Pricing Table from the list of available modules:

By default, when you add a module, you will see a table consisting of 6 options including 3 for plan A and 3 for plan B

Adding pricing content to the table

To add a new pricing option to the table go to the module settings and then click Add New Item and setup fields like Title, subtitle and description:

Price Hide Price - this option allows you to hide the price in edited pricing option

Price - here you can specify the price of edited price option

Override Currency Settings - this option allows you to override the default currency, just activate this option and then enter the currency symbol and choose whether it should be displayed before or after the price.

On Sale - enabling this option will allow you to add a promotional price and display a sale badge.

Period - here you can enter the period to which the price applies, or if the price does not apply to any period, just leave this field empty

Price Variant In this section you can choose to which of the available plans a given price option should belong.

Features In this section you can add features for a given pricing option that are included in it or not, each feature can be edited, deleted and repositioned

By clicking on the gear icon next to the feature you can edit its content:

Mark As Excluded this option allows you to mark a feature as unavailable in a given pricing option it will be displayed as inactive

Display Tooltip this option allows you to display a tooltip in which you can add, for example, a short description of the feature.

Display Icon - this option will allow you to display an icon in front of the Feature

Tooltips Position - here you can select the position in which the tooltip will be displayed

Image / Icon

Hide Image/Icon - opcja to pozwala ukryć ikonę lub obraz w danej opcji cenowej

Display Icon - opcja ta pozwala na wyświetlenie ikony zamiast obraz

Upload - w przypadku użycia Image zamiast ikony w tym miejscu możesz wybrać obrazek

Image Alt - jest to tekst który jest wyświetlany po najechaniu na obrazek

Badges

Display Inline Badge - opcja ta wyświetla Badge Sale pomiędzy Image/Icon a tytułem danej opcji cenowej

Inline Badge Text - w tym miejscu możesz wprowadzić swój własny customary text który będzie wyświetlany w sale badge

Display Overlay Badge - opcja ta pozwala na wyróżnienie danej opcji cenowej poprzez nakładkę badge

Overlay Badge Text - w tym miejscu możesz edytować tekst wyświetlany w overlay Badge

Button In this section you can add a Button for a given price option

Display Button - this option will cause the Button to be displayed

Button Text - here you can edit the text displayed in the button

Button URL - here you can add a link to which you want the button to lead after clicking it

Button Link Target - this option allows you to choose whether the link to which the button leads should be opened in the same window or in a new Tab

Tooltip In this section you can add a tooltip that will be displayed next to the title of the pricing option

Display Tooltip this option allows you to display a tooltip in which you can add, for example, a short description of the pricing option

Tooltips Position - here you can select the position in which the tooltip will be displayed

Background

Layouts

In this section you can choose from among 7 available layouts

Number of columns - this option allows you to specify the number of columns with price options in one line, in addition, by clicking on the phone icon you can set other values for tablets and smartphones

Pricing Elements And Position this option allows you to manage which elements to display and which not, and to change their position by dragging and dropping them

Currency Symbol - this option allows you to set a default currency symbol ( attention! This symbol can be overridden via the Override Currency Settings option available when editing a particular price option)

Currency Position - this option allows you to select the default position of currency symbols

Sale Price Position - this option allows you to select where you want the promotional price to be displayed.

Overlay Badge Style - this option allows you to choose the shape of the overlay distinguishing the price options, there are 6 different shapes to choose from:

Price Variants

In this section you can enable and add different plans with different pricing options

Enable Variants - ta opcja pozwala na włączenie wariantów planów cenowych

Variants Style - opcja ta pozwala wybrać pomiędzy dwoma stylami — switch style - przełącznik pomiędzy dwoma planami

— tab style - zakładki z różnymi planami cenowymi