> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.stylishcostcalculator.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Dynamic Pricing Table: Add a customizable componet to your pricing table

# ${color}[#314AF3](What is a Dynamic Pricing Table?)

A **Dynamic Pricing Table** allows businesses to showcase different pricing tiers with customizable components. Using the **Stylish Cost Calculator**, you can create an interactive and visually appealing pricing table that adjusts based on user input. This is perfect for businesses offering multiple pricing plans or subscription models.

![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/pricing-table_avpwjq.png)

---

## ${color}[#314AF3](Who Can Use This Feature?)

**This feature is ideal for:**

* SaaS companies
* Online service providers
* Subscription-based businesses
* Any business with tiered pricing models

_For example_, a software company could use it to display different subscription plans based on features and usage levels.

---

## ${color}[#314AF3](How It Works)

**Let’s see how it works with our software subscription example:**

1. The customer visits your website.
2. They see the dynamic pricing table created using Stylish Cost Calculator.
3. They can choose between different plans (e.g., Bronze, Silver, Gold).
4. Options like billing cycle (monthly or yearly) and the number of licenses can be adjusted.
5. As they make selections, the total price updates in real-time.

---

## ${color}[#314AF3](What It Looks Like)

Here’s an example of a dynamic pricing table created using Stylish Cost Calculator. Notice how the pricing adjusts as different options are selected. For this example, we have activated the feature to dynamically adjust the displayed price based on user input.

![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/pricingtable-ezgifcom-optimize_1kciynn.gif)
https://stylishcostcalculator.com/templates/pricing-table-generator/

---

## ${color}[#314AF3](Setting Up Your Dynamic Pricing Table)

### Step-by-Step Guide

1. **Add a New Calculator**
Create a new calculator in Stylish Cost Calculator or use an existing [pricing table template](https://stylishcostcalculator.com/templates/pricing-table-generator/).

2. **Create a New Calculator for Each Pricing Plan**
Define sections for each pricing tier (e.g., Bronze, Silver, Gold).

3. **Add Customizable Components**
Add options like billing cycle and the number of licenses. Set conditions to adjust prices dynamically.

4. **Set Prices for Each Option**
Define the prices for each selectable component.

5. **Create a Pricing Table**
Use Elementor or any page builder to build your pricing table.
![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_8ns0cl.png)

6. **Embed the Cost Calculator Form**
![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_1ls2o5a.png)

7. **Embed the Custom Totals Shortcode**
Embed the Custom Totals shortcode at the top for the total calculation
![](https://storage.crisp.chat/users/helpdesk/website/c5f0153cc3f4b000/image_qmsx5s.png)

---

## ${color}[#314AF3](Tips for Success)

### Here are some tips to make your dynamic pricing table effective:

* Use clear and concise descriptions for each plan.
* Highlight the most popular or best-value plan.
* Ensure prices update accurately based on user input.
* Use visual elements like icons or images to enhance the table.

---

## Video Tutorial

${youtube}[Dynamic Pricing Tables](U__PsDqgUpg)

---


## ${color}[#314AF3](Additional Information)

#### All Elements & Features

Learn more about [All Elements](/en/article/elements-13-12gquna/) 
Learn more about [All Features](/en/article/features-3-xlgunu/)  

#### Need Support? 

Ask a [question or request support](https://stylishcostcalculator.com/support/)  

Request [a feature or give feedback](https://stylishcostcalculator.com/how-can-we-be-better/)

[![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508157/original/Txm2CafyMfEybziVGXvw-BnfU2V-9TJUBg.png?1666381303)](https://stylishcostcalculator.com/features/)

[![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/48258508158/original/DWBiVRBRBPATUwVN7APXzDACQgYCwYmXVQ.png?1666381303)](https://stylishcostcalculator.com/templates/)