Pricing Plans: Customizing the Look of Your Pricing Plans Page

Customize the look of the plans you display on your site.

1. Click the Plans tab on the left.

2. Click the relevant tab at the top:

   • Show Plans: Select the checkboxes next to the plans you want to display on your site.

   • Reorder Plans: Click and drag the plans to change their order on your live site.

     

Tip: Click Create New Plan at the bottom to create a new Pricing Plan from your site's dashboard.

Click the Layout tab to customize how you arrange your pricing plans in the Pricing & Plans element, including the alignment, padding and bullet points style.

Customize the look of your Pricing Plans page:

1. Click the Display tab.

2. Customize the following options:

   • What would you like to show?: Select the relevant checkboxes next to the plan elements you want to display under Plan Info.

   • Show highlighted plan: Click the toggle to add a highlighted plan of your choice. Then click the drop-down to choose the plan. You can enable the Show ribbon toggle to add a ribbon (e.g. 'Best Value') to your highlighted plan.

   • Show disclaimer: Click the toggle to show or hide a disclaimer that notifies customers when the plan renews:

     • Enabled: An auto-renewal disclaimer appears underneath your plans. Enter the disclaimer text (e.g. Renews Monthly).

     • Disabled: No disclaimer appears.

Edit the following text options that appear on your Plans & Pricing element:

• Page title: The title that appears above the plans.

• Page subtitle: The subtitle that appears above the plans. Here you can add more details or highlight newer plans, for example.

• Button: The text that visitors click to select a plan.

• Button (with Free Trial): The text that appears on a recurring plan for which you offer a free trial period.

• Ribbon: The "Best Value" ribbon that appears on highlighted plans.

  

Customize the backgrounds, borders, and text styles of your plans:

1. Click the Design tab.

2. Choose what you want to customize:

• Background and Border: Set the background colors and opacity of your plans. Click the Highlighted tab to set the background & opacity of your highlighted plan.

• Text Style: Select a font and color for each of the text options. Click the Highlighted tab to customize the text options of your highlighted plan.

• Button: Select a button style and then customize it using the available options. Click the Highlighted tab to customize the button colors of your highlighted plan.

• Ribbon: Customize how the 'Best Value' ribbon looks on your highlighted plan.

  Tip: Click the Text tab to change the name of what appears on the ribbon.

The Plans & Pricing Add-Ons allow you to add a list of your plans to any page of your site. This makes it easy for visitors to view and purchase your plans.

1. Click the Add-Ons tab.

2. Click the Add to Page drop-down next to the relevant add-on:

   • Plan list: Showcase a hand-picked list of plans, on any page of your site.

   • Single plan: Display a single plan anywhere on this site.

3. Select which page should show the add-on.

   

Customize the look of the plans you display on your site.

1. Click the Plans tab on the left.

2. Click the relevant tab at the top:

   • Show Plans: Select the checkboxes next to the plans you want to display on your site.

   • Reorder Plans: Click and drag the plans to change their order on your live site.

     

Tip: Click Create New Plan at the bottom to create a new Pricing Plan from your site's dashboard.

Click the Layout tab to customize how you arrange your pricing plans in the Pricing & Plans element, including the alignment, padding and bullet points style.

Customize the look of your Pricing Plans page:

1. Click the Display tab.

2. Customize the following options:

   • What would you like to show?: Select the relevant checkboxes next to the plan elements you want to display under Plan Info.

   • Show highlighted plan: Click the toggle to add a highlighted plan of your choice. Then click the drop-down to choose the plan. You can enable the Show ribbon toggle to add a ribbon (e.g. 'Best Value') to your highlighted plan.

   • Show disclaimer: Click the toggle to show or hide a disclaimer that notifies customers when the plan renews:

     • Enabled: An auto-renewal disclaimer appears underneath your plans. Enter the disclaimer text (e.g. Renews Monthly).

     • Disabled: No disclaimer appears.

Edit the following text options that appear on your Plans & Pricing element:

• Page title: The title that appears above the plans.

• Page subtitle: The subtitle that appears above the plans. Here you can add more details or highlight newer plans, for example.

• Button: The text that visitors click to select a plan.

• Button (with Free Trial): The text that appears on a recurring plan for which you offer a free trial period.

• Ribbon: The "Best Value" ribbon that appears on highlighted plans.

  

Customize the backgrounds, borders, and text styles of your plans:

1. Click the Design tab.

2. Choose what you want to customize:

• Background and Border: Set the background colors and opacity of your plans. Click the Highlighted tab to set the background & opacity of your highlighted plan.

• Text Style: Select a font and color for each of the text options. Click the Highlighted tab to customize the text options of your highlighted plan.

• Button: Select a button style and then customize it using the available options. Click the Highlighted tab to customize the button colors of your highlighted plan.

• Ribbon: Customize how the 'Best Value' ribbon looks on your highlighted plan.

  Tip: Click the Text tab to change the name of what appears on the ribbon.

The Plans & Pricing Add-Ons allow you to add a list of your plans to any page of your site. This makes it easy for visitors to view and purchase your plans.

1. Click the Add-Ons tab.

2. Click the Add to Page drop-down next to the relevant add-on:

   • Plan list: Showcase a hand-picked list of plans, on any page of your site.

   • Single plan: Display a single plan anywhere on this site.

3. Select which page should show the add-on.

   

Customize the look of the plans you display on your site.

1. Click the Plans tab.

2. Click the relevant tab at the top:

   • Show plans: Select the checkboxes next to the plans you want to display on your site.

   • Reorder plans: Click and drag the plans to change their order on your live site.

Click the Layout tab to customize how you arrange your pricing plans in the Pricing & Plans element, including the alignment, padding and bullet points style.

Customize the highlighted plan on your Pricing Plans page.

1. Click the Highlighted plan tab.

2. Click the Highlight a plan toggle to decide if you want to highlight a plan

   • Disabled: No plan is highlighted.

   • Enabled: One of your plans is highlighted and you can customize it.

     • Select a plan: Click the drop-down and select the plan you want to highlight.

     • Show ribbon: Click the toggle to show or hide a ribbon on the highlighted plan.

     • Ribbon: Enter the text that appears on the ribbon (e.g. Best Value).

Customize the backgrounds, borders, and text styles of your plans:

1. Click the Design tab.

2. Choose what you want to customize:

   • Background and border: Set the background colors and opacity of your plans. Click the Highlighted tab to set the background color & opacity of your highlighted plan.

   • Text: Select a font and color for each of the text options. Click the Highlighted tab to customize the text options of your highlighted plan.

   • Button: Select a button style and then customize it using the available options. Click the Highlighted tab to customize the button colors of your highlighted plan.

   • Ribbon: Customize how the ribbon looks on your highlighted plan.