How to create a pricing comparison table with dynamic content?

Questions
1

I would like to create the pricing comparison table as shown in the picture.

pricing%20table
pricing%20table1293Ă—598 38.4 KB

But the content of it is dynamic (for both item listed in row and column) and based on the product code chose by the user.

Anyone can help to give some insight?

1 Like
2

Create a database table called “Plan”. Create all of your necessary fields. Referencing the example, fields would be Storage, Maximum Length, Branding & Outro Removed, etc.

Now I don’t know what you want to accomplish but I’m assuming users will select a product, and a code will generate a specific “Plan”.

How many products can users choose from?

3

Thank you for the reply.

Well, for the variables at the left hand side (storage, maximum length, etc) is not fixed but it is dynamic based on the entries of the database.

What I want to achieve here is to create a comparison table after a user choose product A,

  1. then left hand side variable will be show dynamic content which already marked is related to product A
  2. then the entries (100mb or showing a tick mark) will corresponding to free, pro, etc like that.

I hope i have explain well on what i want to achieve. :sweat_smile:

4

Makes sense. Try setting up your database structure like this:

Create a new table called “Variable”. It should have 2 fields. A name (text) field to display on the page and an id (number) field to sort the variables in the order you want. You can also have a Product (Product) field but it’a optional.

The “Variable” field should ALSO have value fields that can store 100MB, 2GB, 10GB, 100GB. This would require 4 separate text fields since there are 4 plans.

In the Product table, add a list field with a data type of “Variable”. This will store each products Variables so they can be dynamically displayed.

Make some sense?

5

Thank for the insights on the settle the dynamic variable, but how about the 4 plans? because not all of the products will come with 4 plans.

For example, product A have 4 plans but product B will just have 3 plan which exclude Agency plan.

So how we store and display the related entries for variable “Storage”? :sweat_smile::sweat_smile: