The Pricing Table Element affords you a graphic way of showcasing your services, prices and overall offerings. With the Pricing Table Element, two different design styles can be selected, along with various column widths. You can make a column standout for added visibility, change the type of currency and the currency position, change the length of payment time, such as monthly or weekly, and even and add buttons to the footer section. These many options allow you to create beautiful, customized pricing tables throughout your site with ease. Read on to find out more about this professional Element.,Standard$1999monthly5 Projects5 GB StorageUnlimited Users10 GB BandwithSign Up Now!Premium$2999monthly10 Projects15 GB StorageUnlimited Users20 GB BandwithSign Up Now!Professional$3999monthly15 Projects30 GB StorageUnlimited Users50 GB BandwithSign Up Now!Maximum$4999monthly30 Projects100 GB StorageUnlimited Users150 GB BandwithSign Up Now!Extreme$5999monthlyUnlimited ProjectsUnlimited StorageUnlimited UsersUnlimited BandwithSign Up Now!,View Element Demo Page!,OverviewHow To Use The ElementElement OptionsGlobal Options,How To Use The Pricing Table ElementThe Pricing Table Element allows you to easily show pricing tables on your website.
Step 1 – Create a new page or post, or edit an existing one.
Step 2 – Select the container and column you would like to place the portfolio items into.
Step 3 – Click on the + Element button at the bottom of the column. Select Portfolio.
Step 4 – The Pricing Table Element has two preset styles, and this is the first option to choose. But that』s just the start. There are many extra styling options to allow you to control background, background hover, border, heading and divider colors, as well as the pricing and body text colors. Be sure to visit the Pricing Table Element Demo page to get a good idea of what』s possible with this awesome element.
Step 5 – After the styling options, come the table options. The Table tab gives you a visual idea of how your table is laid out, and you can add columns and rows and edit the content right here. One important option on this tab is the Standout option. This adds lift up and drop shadow styling to the selected column to make it stand out more. You can even add Call to Action buttons at the bottom. Clicking on Add Button will call the button Element, where you can style a button before being taken back to complete the Pricing Table Element. Try it out!
Step 6 – Once you have completed styling your Pricing Table Element, click Save. You will be returned to the edit page. You can preview the page to view your content. To get the layout you want might take some further customization, but as always you can always come back into the element for further editing.
Read below for a detailed description of all element options.
767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada767,657 Businesses Trust Avada
Get Avada,Element OptionsLocation: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in your Global Options > Avada Builder Elements > Pricing Table section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada』s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
Table Options
Type – Select the type of pricing table. Choose from Style 1, or Style 2.
Background Color – Set pricing table background color. Leave for the default value selected in the Theme Options (Avada > Theme Options > Fusion Builder Elements > Pricing Table Element).
Background Hover Color – Set pricing table background hover color.
Border Color – Set pricing table border color.
Divider Color – Set pricing table divider color.
Heading Color – Set pricing table headings color.
Heading Color – Set pricing table headings color. There are two of these options. One is for the Style 1 Pricing Table, and the other is for Style 2, but if you have Avada』s Option Network Dependency option enabled, you will only see one option.
Pricing Text Color – Set pricing table price text color.
Body Text Color – Set pricing table body text color.
Element Visibility – Allows you to control the column』s visibility. Choose one or more between Small Screen, Medium Screen, or Large Screen.
CSS Class – Allows you to add a class for the column.
CSS ID – Allows you to add an ID for the column.
View The Options ScreenTable
Add / Remove Rows & Columns – Illustrated as A. You can add columns or feature rows to your pricing table here.
Column Settings – Illustrated as B. Each column has a title, with options to delete or clone the column.
Standout – Illustrated as C. Select if the column should be a Standout column. This lifts the column up and adds a drop shadow to make the column stand out from the others. You can have multiple Standout columns.
Head Title – Illustrated as D. This is the title that will show on the top of the column.
Currency Symbol – Illustrated as E. Enter your currency symbol, and whether it should be before or after the amount.
Price – Illustrated as F. Enter the price for that column.
Period – Illustrated as G.Enter the period for the price. Can also be left empty.
Delete Row – Illustrated as H. If you hover over a row, you can delete the row using the bin icon at the left.
Feature Row – Illustrated as I. Enter a feature of the product here.
Add Button – Illustrated as J. Click this to open the Button dialog. You can make your selections and choose Insert to add the button shortcode into the text field below.
Text Field – Illustrated as K.Allows you to add any text to the bottom row. Will also accept HTML markup and shortcodes, like a small image.
View The Options ScreenGlobal OptionsLocation: WordPress Dashboard > Avada > Global Options > Avada Builder Elements > Pricing Table
The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.
Pricing Box Style 1 Heading Color – Controls the color of style 1 pricing table headings.
Pricing Box Style 2 Heading Color – Controls the color of style 2 pricing table headings.
Pricing Box Color – Controls the color portions of pricing boxes.
Pricing Box Background Color – Controls the color of the main background and title background.
Pricing Box Background Hover Color – Controls the hover color of the main background and title background.
Pricing Box Border Color – Controls the color of the outer border, pricing row and footer row backgrounds.
Pricing Box Divider Color – Controls the color of the dividers in-between pricing rows.
View The Options Screen