Customizing your site in the Website Builder

The new Website Builder offers enhanced features, modern templates, greater design flexibility, and an intuitive drag-and-drop interface, making it easier than ever to build a beautiful, high-performing website directly within beehiiv.

While the Website Builder (Legacy) remains available for accounts created before July 15, 2025, the new builder provides a more streamlined, powerful way to customize your site.

This article walks through what to do after onboarding, with details for adding prebuilt sections and blocks, working with dynamic pages, and customizing your website pages to your preference.

You can view all of your changes in the center of your screen on the canvas, surrounded by a few primary areas that help you control and customize every aspect of your site; the icons menu along the left side, the top navbar across the top, and the design panel on the right.

---

Insert options for sections, blocks, and more

In the icons menu on the left, you’ll find the + Insert element option where you can access the prebuilt Sections and Blocks, as well as additional options for Layout, Conversion, Synced, Widgets, and Text.

---

Using prebuilt sections to customize your pages

The Sections option provides prebuilt templates for quickly designing a page. You can choose from a variety of options, including Heroes, Testimonials, Social Proof, Posts, Pricing, Recommendations, CTAs, FAQs, and Team sections.

1. To begin adding prebuilt sections to your page, click on the + icon in the icons menu. Then, under Templates, click Sections.
   
   
   
   
   
   
2. The Sections template library will appear, showing a list of available section templates on the left. Click on a section category (e.g., Heroes, Testimonials) and browse the template formats.
   
   
3. When you click on the template(s) you want to add, a border and a checkmark in the top-right corner will indicate your selection.

• • You can select multiple templates at once.
  • To deselect a template, click it again.
    
    
    

4. Once you've chosen your template(s), click the Add section button in the bottom-right corner of the modal. If you wish to exit the modal without adding a section, click on the Cancel button. The selected sections will be added to your page, ready for further customization as needed.
   
   
5. To save or reuse a custom section or block, click directly on the section to reveal the menu bar above it. Then, select Save as Template. Your saved templates will be available under the Mine tab when adding new sections or blocks.
   
   
   

---

Using prebuilt blocks to customize your pages

The Blocks option allows you to add individual elements to your page, giving you the flexibility to design and customize your content. Choose from a variety of blocks including Subscribe form, Posts, Buttons, Pricing, Authors, Socials, Tags, Testimonials, Dividers, and Recommendations.

1. To begin adding individual blocks to your page, click on the + icon in the icons menu. Then, under Templates, select Blocks.
   
   
   
   
   
   
2. The Blocks template library modal will appear, displaying a list of available block templates on the left. Click on a block category (e.g., Subscribe form, Posts, Button) and browse through the available template formats.
   
   
3. When you click on the block(s) you want to add, a border and a checkmark in the top-right corner will indicate your selection.

• • You can select multiple blocks and styles at once.
  • To deselect a style, click it again.
    
    
    

4. Once you've made your selections, click the Add Block button in the bottom-right corner of the modal. The selected blocks will be added to your page, ready for further customization to fit your content needs.
   
   
5. To save or reuse a custom section or block, click directly on the section to reveal the menu bar above it. Then, select Save as Template. Your saved templates will be available under the Mine tab when adding new sections or blocks.
   
   
   

---

Additional element options

Layout Options 

Below the section and block options, you'll find 4 layout blocks to structure your page:

• Section
• Container
• Columns
• Divider

When building a page from scratch, start by adding a Section, as most pages consist of multiple sections. Within a section, you can add a Container or Columns to refine the layout, then use Dividers as needed to separate different sections. You also have the option to drag-and-drop elements directly onto the page as you see fit.  

Conversion Options

Once you’ve set up a section, container, or column, you can add conversion options to drive users to subscribe or upgrade. 

Available conversion options include:

• Subscribe form: A static subscribe form that appears directly on the page.
• Email capture popup: A popup that appears on the page as users scroll down, asking them to subscribe.
• Content gate popup: A popup that blocks content on the page and asks users to subscribe. You can choose to show this to non-subscribers, free subscribers, or paid subscribers who aren’t on a specific paid tier. 
• Inline content gate: A content gate that can be placed at specific points on the page and blocks all content below it. You can choose to show this to non-subscribers, free subscribers, or paid subscribers who aren’t on a specific paid tier.
  
  
  

Synced Options

Once you’ve set up a section, container, or column, you can add various options that are automatically synced to data within your publication. 

Available synced options include:

• Post
• Authors
• Tags
• Socials
• Recommendations
• Testimonials
• Pricing Cards

Widget Options

Once you've set up a section, container, or column, you can start adding widgets to customize your page. Widgets let you add key elements like images, buttons, or icons. Simply drag and drop widgets from the left panel onto your canvas.

Available widgets include:

• Image
• Button
• Icon
• Accordion
• HTML

Text Options

Below the widgets on the Insert tab, you'll find text elements used for adding headings, paragraphs, and links to your page.

There are 7 text styles to choose from:

• Text (paragraph)
• Headings (H1, H2, H3, H4, H5, H6)
  
  
  

To add text, simply drag and drop a text element from the left panel onto your canvas, placing it inside a section. 

---

Using dynamic pages

Dynamic pages pull in data directly from your publication. They aren’t designed with static blocks, instead, each one requires its own corresponding block. To style these corresponding blocks, use the design panel on the right to make your changes.

Dynamic pages include:

Surveys Page: Displays a selected survey from your publication using a Survey block.

 

Author Page: Uses an Author block to load the selected author’s profile and a Post block set to ‘Author Page’ to display all posts written by that author.

 

Authors Page: Displays a list of selected authors from your publication using an Authors block.

 

Tag Page: Uses a Tag block to display the tag a user clicked on from the Tags page and a Post block to load all posts associated with that tag.

 

Tags Page: Displays selected tags from your publication using a Tag block.

---