Pricing List Widget For Elementor

Introduction to Pricing List Widget for Elementor

As a website builder, showcasing your products or services in an attractive and easy-to-understand manner is crucial. The Pricing List Widget for Elementor is an excellent tool that helps you do just that. It allows you to create a customizable pricing list that caters to your specific business needs. In this tutorial, we'll guide you through the steps to install and use the Pricing List Widget for Elementor effectively.

Tutorial: Using the Pricing List Widget for Elementor

Step 1: Installing the Pricing List Widget

Before you can use the Pricing List Widget, you need to install it. If you haven't already, follow these steps:

• Log in to your Elementor account and navigate to the "Addons" tab.
• Search for "Pricing List" in the Elementor add-ons library.
• Click on the "Install" button to download and install the widget.
• Activate the widget by clicking on the "Activate" button.

Step 2: Adding the Pricing List Widget to Your Page

Once the widget is installed, you can add it to your Elementor page. Follow these steps:

• Open the page in Elementor where you want to add the pricing list.
• Drag and drop the "Pricing List" widget from the widgets panel to the desired location on your page.
• Click on the " Configure" button to customize the widget settings.

Step 3: Customizing the Pricing List Widget Settings

The Pricing List Widget offers a range of customizable settings that help you tailor the widget to your business needs. Follow these steps to customize the settings:

• General Settings
  • Choose the font family, font size, and font color for your pricing list.
  • Select the alignment option (left, center, or right) for the pricing list.
• Pricing Table Settings
  • Customize the table's width and border style.
  • Choose the border color, border width, and table background color.
• Pricing Plans Settings
  • Create multiple pricing plans with unique names and descriptions.
  • Configure the plan pricing, pricing currency, and pricing formats (e.g., annual, monthly, etc.).

Step 4: Adding Pricing Plans

You can add multiple pricing plans to your Pricing List Widget. Follow these steps to add a pricing plan:

• Click on the "+" button to add a new pricing plan.
• Enter a name for your pricing plan and a brief description.
• Configure the pricing information, including the price, pricing currency, and pricing format.
• Repeat these steps to add multiple pricing plans.

Step 5: Styling and Customization

The Pricing List Widget offers various styling options that allow you to customize its appearance. Follow these steps to style and customize your pricing list:

• Use the "Padding" option to add space between the pricing list and other page elements.
• Adjust the "Margin" option to add space around the pricing list.
• Use the "Border Radius" option to add a rounded or square border to the pricing list.
• Customize the "Background Color" and "Text Color" options to match your website's theme.

Step 6: Publishing and Viewing

Once you've customized your Pricing List Widget, publish your page and view it in a web browser:

• Click the "Update" button to save your changes.
• Publish your page by clicking on the "Publish" button.
• View your pricing list by visiting your website in a web browser.

By following these steps, you should now have a fully functional Pricing List Widget on your Elementor page. Experiment with different settings and customize the widget to suit your business needs.