How to Create a Pricing Calculator using Elementor Addons in WordPress

Create simple and attractive pricing plan displays with the Pricing Calculator widget. This easy-to-use widget from the Qi Addons for Elementor Premium plugin has an integrated calculator and straightforward customization and stylization options. All this combined makes the Pricing Calculator swift to integrate into any WordPress site and effortless to match any existing design. You can pick how many items will be in each pricing plan you make with this widget, as well as which ones will be active by default. Users can mix and match the offered items by simply flicking toggle switches and then using the integrated Purchase button to proceed.

With 100+ advanced and superbly designed widgets, Qi Addons for Elementor Premium is an exclusive collection of varied Elementor addons that allows you to create attractive and engaging page elements for your WordPress website. Follow along with our step-by-step tutorial as we guide you through the Pricing Calculator widget’s options and show you how to make the most of them. We’ll be making a pricing calculator element from scratch, and going through the various options you have for customizing it.

You can jump to specific parts of the video by clicking the appropriate timestamp link in the following list:

00:00 - Introducing the Pricing Calculator widget
01:38 - Getting started
04:42 - Customizing the Items
07:57 - Styling the Pricing Calculator
12:41 - Using the Price Style options
15:32 - Styling the button
21:24 - Using the Spacing Style options
22:48 - Duplicating a finished element

For the best demonstrations of what you can create with Qi Addons for Elementor, make sure to check out the Qi Theme, exclusively created by our award-winning designers. The theme offers 100 easily importable demos (all made with Qi Addons), has premium stock photos included, and much more. Links for the Qi Theme and Qi Addons for Elementor plugin can be found below.

The Pricing Calculator Widget:

The Qi Addons for Elementor plugin:

Learn more about working with Elementor:

Check out our entire collection of 500+ premium WordPress themes at:

Don’t forget to sign up for our newsletter and be the first to find out all the latest news:

Follow us on all your favorite social networks.

[ranilspaceworx]

Hello, Is there are option to select one radio button and others turn off automatically? we about to purchase this addon.