Customizing a Pricing Table 

Overview 

You can customize various elements of your pricing page and match your brand's look and feel to get the most out of your pricing page and improve your conversions. You can customize the experience of your pricing page for both new users and for return users or subscribers individually.

Customizing Pricing Page for New Users 

Chargebee Pricing Table allows you to personalize your pricing page for new visitors based on your specific business requirements.

Customizing plan-related information 

You can customize the following aspects of your plan details on the pricing page:

• Add/Remove/Reorder Plans
• Customize Plan & Edit Pricing

Add/Remove/Reorder Plans

Click Manage Plans to customize the following:

%%% cbext 

• You can enable the Highlight Plan toggle to visually highlight a plan as most popular, or you can select Add Badge to add a Most Popular badge to the plan, or you can do both.

  

• You can enable the Hide Price toggle to hide the price of this plan, and add custom labels such as Contact Sales, or Reach Out to Us along with Redirect to URL to capture leads.

  

• Under Button Text & Behavior, enter a button text to be displayed on the plan Call-to-action (CTA)button, and select a preferred behavior on click. You can select to Open Checkout or Redirect to URL and specify a URL.

  

• Under Feature List, you can add the list of features included in the plan within the text box.

  

• Edit Pricing: Click the Edit Pricing tab to add a Strikethrough prices to show price offers.

  

Customizing Currency 

When you are a business selling in multiple currencies, you can choose to display your plan pricing in select currencies or all of them. Follow the steps below to customize the currency details in your pricing page:

1. Click Currency from the customization options.

   

2. Click to enable the currencies in which you want to display your plan details in the pricing page. When more than one currency is selected, a currency selector is automatically added for your visitors to click and choose their preferred/relevant currency from.

3. You can drag and drop the currency options to reorder their display on the drop-down list based on your preference.

Show Geolocation-based currency

Additionally, you can enable the Geolocation-based currency feature to display plan pricing in currencies based on your visitors' geolocation. Follow the steps below to enable this feature:

1. Customize currencies for the pricing page to add all the plan currencies in which you are selling.

2. Click Share/Embed.

   

3. Under Additional Customization, enable the toggle Show Geolocation-based currency. With this feature enabled, plan pricing is always automatically displayed in the relevant currency for the visitors based on their location.

4. Click the toggle to Hide currency selector. You can choose to retain the currency selector if you want to allow visitors to manually choose their preferred currency.

Customizing Frequency

While selling your plans in multiple billing frequencies like weekly, monthly, and yearly, you can use this option to customize the plan frequencies that you want to display on the pricing page. To customize plan frequencies:

1. Click Frequency from the customization options.

   

2. All the plan frequencies for which price points are added in your Chargebee Billing Product Catalog are automatically listed for selected. Select the plan frequencies that you want to display in your Pricing Page.

   • For yearly frequency, you can optionally select Show price per month to display the reduced price of the plan per month when purchased annually.

3. Drag and drop to reorder the frequencies based on your preferred order of display.

4. Click the labels to customize the text.

5. Select your preferred Orientation to display the price per month/year accordingly.

Customizing Colors, Fonts, Borders 

Click Themes to customize the color palettes, font, and styling of your pricing page.

You can custom create your own theme from scratch by selecting your preferred settings for the following:

• Colours for Primary, Accent, Text, Button Text, and Background
• Font
• Border-radius
  

Optionally, you can select a preferred theme from the available presets.

Basic Customizations 

The following table displays all the basic customizations that you can apply to use various text formats on your pricing page:

Advanced Customizations 

While adding features to each plan card, consider using some of the following customizations to make your pricing page look more appealing:

Customizing Pricing Page for Subscribers 

In addition to customizing your pricing page for new users, Chargebee Pricing Table allows you to customize the pricing page experience for your returning users, also known as the subscribers.

Follow the steps below to customize your pricing page for subscribers:

1. Log in to your Chargebee Pricing Table site, and select the pricing page that you want to customize.
2. Click the Subscribers tab.
3. Under Plans, you can customize the following:
   • Enable the toggle to Hide customer's subscribed plan if you do not want to display the plan that the customer has already subscribed to.
   • Under Button text & behavior for subscribed plan, you an update the text that gets displayed on the subscribed plan, and select an option for click behavior. You can select:
     • Do nothing: By selecting this option, you can disable the button from the plan card, so that customers do not have a click to action for the plan that they've already subscribed to.
     • Redirect to URL: By selecting this option, you can redirect your customers to a specific URL.
4. Under Frequency, you can customize What frequencies would you like to show on the page?. You can select:
   • Only show customer's existing frequency: Selecting this option displays only the plan frequency that the customer has already subscribed to.
   • Show all frequencies: Selecting this option displays all available frequencies of the plan irrespective of what the customer has subscribed to.