Do you know? Ultra Addons include an amazing widget to display price plans for your products and services. This widget is called Pricing Table. From the name, you can probably understand this widget creates a price table of your service or product. A lot of us don’t find much help while creating a pricing table or they even hire a developer to simply implement one in their websites. Ultra Addons will save you from this hassle by technically saving both labor and cost.
The great thing is, the Pricing Table widget can be used in the free version of Ultra Addons. As a result, you can make the most use of Elementor when you are using Ultra Addons. So what are you waiting for? Install and activate Ultra Addons to make beautiful pricing tables without spending a single penny. But before that, we will show you how to use Pricing Table from Ultra Addons. So, don’t go anywhere.
How to Use the Pricing Table from Ultra Addons to Boost Your Sales
Before using the Pricing Table widget, make sure you have installed and activated both Elementor and Ultra Addons on your website. Using the Pricing Table widget is simple to use and it is effective, just like we have shown how to use the Ultra Slider.
Okay! First thing first, choose the web page where you want to insert a Pricing Table. Just navigate to the page which you want to edit –
Dashboard >> All Pages >> [The Page You Want to Edit]
Let’s say, we want to edit the homepage for this tutorial. After selecting the homepage, we will need to hit the Edit with Elementor button.
When you click the button, it will open the page with the Elementor customization panel. Scroll down until you finally see the Pricing Table widget. Select it and drag it over to a suitable place where you want a pricing table to appear.
As soon as you place the widget, you will notice an auto-generated price table like below –
This suggests you have created a price table successfully. Now it’s time to customize it to your preference. We will start with the Header section. You can change the title from the “Title” field and write a short description under the Title in the “Description” field.
Change the Header style from the “Heading Tag”,
You can either select an image or an icon from the “Select Icon/Image” option
As soon as you click on space under Icon, there will be plenty of icons to choose from the Icon Library –
If you notice at the left under the “All Icons”, you will see there is Font Awesome – Regular, Font Awesome – Solid, Font Awesome – Brands. You can also pick an icon from these sections.
Ultra Addons allows you to pick icons from its own selections. Click on UltraAddons Icons to find a wide selection of icons.
Otherwise, you can upload your own custom icon from “My Libraries” only if you are using the premium version of Elementor.
That being said, if you select Image from the “Select Icon/Image” drop-down menu, you can literally upload a picture in the pricing table, which is cool.
As you can see, you can do a lot of stuff from the Header section. Now, it’s time to discuss what you can do in the Pricing section.
You can change the format (i.e. Dollar, Euro, Lira, Peso, Yen, etc) from the “Currency Symbol” drop-down menu.
After that, set the price in the pricing table
Note:Dynamic Content can also be set at the price. Just click the icon beside the input field. Change the style of the currency from the Currency Style drop-down menu.
Set whether you like to show decimal values in the prices or not from the “Currency Format” drop-down option –
And if you like to change the appearance of the currency, then select either Style 1 or Style 2 from the “Currency Style” drop-down menu.
Also, you can change the time period to /month, /year, /week, or whatever you like.
The Pricing Table from Ultra Addons features an awesome “Sale” option for showing a special discounted price to your customers. This can lure customers to buy your product or service.
Let’s say we want to show a discounted price on Black Friday. The regular price was $200. After giving a $5 discount, we want to show $195 in the pricing table.
In order to do this, you have to toggle the Sale option. A Sale Price option with an input field will appear as soon as you do this.
Remember, you need to insert the regular price in the Sale Price input field to display the discounted price properly.
Therefore, we will provide the regular price which was $200. And in the “Price” field, we have to keep the discounted price. Once you do everything properly, you should be seeing something like below –
Some would want to show the price first, then they would like to show the pricing table title, description, and icon. Ultra Addons have thought about this scenario. As a result, there is a toggle button named “Price in Top” in the Pricing section. Enabling it will display the price on top of everything in the pricing table.
Next comes the Features section. This is the part where you need to insert the features or facilities in a plan or service. By default, there will be 3 features. Change the name of each feature by clicking it.
When you click on a particular feature, you can change the name of the feature, change the icon, and the icon color.
Copy or delete a feature like below –
If you like to add more than 3 features, click on the “ADD ITEM” button to insert extra features.
Now comes to the Footer section. This section is pretty simple where you can add some information about the pricing table. This information will be shown under the button of the pricing table, just like the picture below –
Now, this is something cool from Ultra Addons. As soon as you toggle on the “Show” option, you will notice a Ribbon automatically generated on the pricing table.
Also, change the name of the ribbon in the Title input field, like below –
You can customize this ribbon. You can –
- Place it horizontally (from Position X)
- Place it vertically (from Position Y)
Last but not least, you can place the ribbon at an angle by turning on the “Angle Ribbon” option.
Like other widgets of Ultra Addons, the Button section works as usual. You can change the button text, insert a suitable link, and change the button icon.
Note –Changing the button icon will be the same as changing the icon in the header section from the Icon Library.
Okay! Now it’s time for some advanced customization. You can change the icon position before or after the text. You can also increase or decrease the icon space.
Moreover, you can change the size of the button from the Size drop-down option –
Also, add some Padding or adjust the position by configuring the Margin
Wrapper Link –
We previously showed how you can properly use the Hero Banner of Ultra Addons. If you have read that tutorial, you may have a pretty good idea of using the Wrapper Link. It also works the same for the Pricing Table.
The Wrapper Link allows you to insert a link for the whole section of the Pricing Table.
You can tweak the settings icon beside the URL field for more advanced options like
- Opening the link in a new window/tab
- Adding a nofollow rule
- Insert custom attributes
And Dynamic Content can be applied as usual. Just click the icon beside the settings icon and press “SEE IT ACTION” for further instruction.
Hover Effect –
Ultra Addons feature numerous hover effects for all of its widgets. Just head towards the Hover Effect section and select the animation that you like the most for the Pricing Table.
If you have come this far, you may have acknowledged the proper use of the Pricing Table from Ultra Addons. This is one of the great tools of Ultra Addons. Now, creating exclusive pricing tables will take a couple of minutes. So, no more taking hassles or hiring developers for this task. This way, Ultra Addons help you save both money and labor. We definitely encourage users who are still using Elementor but have not installed Ultra Addons. Because they are missing out on many customization options.