How to customize an Upgrade Page

Available on paid beehiiv plans. Click here to upgrade your account.

Anyone taking advantage of our premium subscriptions is also able to customize their Upgrade Page in the Website Builder.

Tech Note: Changes made (and saved) to the Upgrade Page using the Layout tab will only impact the Upgrade Page and will override the global settings found in the Styles tab.

How to customize an Upgrade Page

From the left hand panel in your account, click on Website Builder

The Website Builder will open on the Home Page with the Styles tab selected, so you’ll need to switch to the Layout tab for the Upgrade Page. These options are found at the top of your screen in the main navbar. 

Make the switch by clicking on the down arrow next to Home Page in the center of the page, then select Upgrade Page. Over on the left next to the Styles tab, select the Layout tab. 

We’ll go over the controls for the Layout tab below, simply click on each section to reveal its content. 

Layout tab options

  1. In the Hero Copy Section you can: 

    • Add an image for the background of your Upgrade Page.
    • Choose to show your logo on it.
    • Select a color to be used for the background.
    • Set the Overline, Headline, Description, and Redirect Link. 
      • Click on the Styles button to further customize fonts and colors for each section.



        Pro Tip: After making changes to your colors or fonts, you can click the arrows next to the settings to reset them to the global settings found in the Styles tab.
  2. In the Hero Tiers Section you can: 

    • Choose to enable an external Stripe checkout by toggling on the Checkout Experience option. 
      • If you have this option off, you’ll also be able to enter in your preferred Payment Form.
      • Click on the Styles button to adjust the colors for the Button Background Color and the Button Text Color.
    • Set these style elements for the Cards: Font Family, Price Font Size, Background Color, Text Color, Border Color, Tab Background Color, Tab Pill Background Color, and Tab Text Color. 
    • Select your Recommended Plan type (this will highlight your recommended Tier option) and the Cards Order.
    • Enable a free card by toggling the option on.

    Pro Tip: After making changes to your colors or fonts, you can click the arrows next to the settings to reset them to the global settings found in the Styles tab.

     

  3. In the Testimonial Section you can decide if you want to feature testimonials on your Upgrade page by toggling the option on. 

    If enabled, you can:  

    • Select a color to be used for the Background. 
    • Determine the Alignment of your testimonials.
    • Set the Overline and Headline.
      • Click on the Styles button to adjust the Color, Global Heading Font, and Font Size. 
    • Add a new testimonial by clicking on Add.
      • This will open a panel on the right side for you to include a Testimonial Image, add a Name (required), Description, and Message (required). 
      • Click on the Create button to save your Testimonial.
    • Choose from one of your previous testimonials by clicking on Select.
      • After clicking, select the testimonial and then click on Add to add it to the page.
    • Design how your testimonials appear.
      • Click on the Styles button to adjust the Card Backgrounder, Border, Text, and Font Family for your Upgrade page.

  4. In the FAQ Section you can decide if you want to feature testimonials by toggling the option on for your Upgrade page. 

    If enabled, you can:  

    • Select a color to be used for the Background.
    • Determine the Text Alignment of your FAQ.
    • Set the Overline and Headline.
      • Click on the Styles button to adjust the Color, Font Family, and Font Size. 
    • Add a new FAQ by clicking on Add.
      • This will open a panel on the right side for you to include a Question (required) and Answer (required). 
      • Click on the Add button to save your FAQ.
      • Click on the Styles button to adjust the Question, Answer, Border, Button, and Font Family.

Be sure to publish any changes or updates

After you have finished updating the look of your Upgrade Page, always be sure to save your changes by clicking on the Publish Upgrade Page button, found in the far right corner of the Website Builder while on the Layout tab. You will not see any new changes made to your live Upgrade Page until you publish them.

Upgrade Page.02.png

Was this article helpful?