Frequently Asked Questions
Listed here are answers to some of the commonly asked questions about Chargebee pricing table.
Pricing page setup
How can I show addons and/or charges on my pricing page?
Currently, Chargebee pricing table does not support showing addons or charges on your pricing page. However, you can show addons or charges inside the Chargebee checkout widget.
Pricing page UI and UX
How can we customize the colors of the pricing page?
You have the option to customize every color on the pricing page. You can choose from one of the preset color templates or individually customize the five color elements. Customize colors of your pricing page.
Can I pre-fill my customer's email address or name in the Chargebee Checkout widget?
Yes. To pre-populate customer details on the Chargebee Checkout widget, you can use the functions setVisitor(), setBillingAddress(), or setQuantity(). You can also control whether these fields should be editable by your customers or not.
Information
The earlier version of Pricing Tables was available as the @chargebee/atomicpricing NPM package. That package has since been deprecated. Migrate to Chargebee.js Pricing Tables instead.
I am using the "Redirect to URL" option for the button behavior. Can the pricing page automatically populate variables such as plan ID in the custom URL?
Yes, you can append the following query parameters with your URL to populate variables:
item.billingSystemId[This will populate the item ID from Chargebee].price.billingSystemId[This will populate the item price ID from Chargebee].quantity[This will populate the item quantity selected by the visitor via the quantity slider].- Additionally, if you are using the function
setVisitor()to pass certain visitor information such as name, email, etc., you can also append the visitor variables in the URL, e.g.,visitor.emailorvisitor.customFields.cf_name. Click here to know the full list of fields present within the visitor object that you can append as query parameters.
Information
The earlier version of Pricing Tables was available as the @chargebee/atomicpricing NPM package. That package has since been deprecated. Migrate to Chargebee.js Pricing Tables instead.
Example URL
http://www.chargebee.com/?item={{item.billingSystemId}}&price={{price.billingSystemId}}&email={{visitor.email}}&name={{visitor.firstName}}
Note
All the variables are case-sensitive. Ensure to include them in the exact capitalization mentioned above.
The pricing page is not able to redirect the users to a specific URL after a successful checkout. How can I solve this?
You need to set up redirection individually for every plan within your product catalog. You can set a redirect URL for each of your plans by navigating to Chargebee Billing > Product Catalog > Plans.
Compliance and security
What is the pricing for Chargebee pricing table? Is it included in my existing Chargebee contract, or is it priced separately?
All features of Chargebee pricing table are currently available for all users for free.
Where is the pricing page hosted?
The pricing pages and associated data are stored in Chargebee servers in a US data center. Note that all data relevant to your pricing pages will be stored in the US data center irrespective of your data hosting region.
Was this article helpful?