Beehiiv: Customizing Site Design and Layout
Beehiiv
Demo summary
Walks through the design panel to adjust colors, spacing, and layouts for a professional look.
Step-by-step
- Open the design panel on the right side of the screen
- Customize colors, spacing, fonts, and layouts to match your brand
- Adjust spacing to fix crowded sections
- Change the color or layout of plain sections
- Open pages from the left menu to manage your site
Options
- Adjust spacing
- Change layout styles
- Modify brand colors
- Update fonts
Tips
- Ensure your page feels consistent with your brand
- Use small design changes to make the site look more professional
Highlights
“These small design changes can make a big difference in how professional your site looks.”
All demos from “How To Use Beehiiv Website Builder Easy Step By Step Guide”
- 0:340:56Accessing the beehiiv Website Builder and Font ThemesShows how to navigate from the beehiiv dashboard to the website builder and select a global font theme for the site.Beehiiv· Build a lead-capture landing page
- 1:380:57Adding and Editing Website ElementsDemonstrates using the 'insert element' button to add blocks like text, images, and buttons to the canvas and editing their content.Beehiiv· Build a lead-capture landing page
- 2:350:23Customizing Site Design and LayoutCurrentWalks through the design panel to adjust colors, spacing, and layouts for a professional look.Beehiiv· Build a lead-capture landing page
- 2:580:54Managing and Creating New PagesShows how to use the pages menu to organize site structure and add new custom pages like 'About' or 'Welcome' pages.Beehiiv· Build a lead-capture landing page
- Watch “How To Use Beehiiv Website Builder Easy Step By Step Guide” →
Build a lead-capture landing page
- 0:340:56Accessing the beehiiv Website Builder and Font ThemesShows how to navigate from the beehiiv dashboard to the website builder and select a global font theme for the site.Super Serious Guides
- 1:380:57Adding and Editing Website ElementsDemonstrates using the 'insert element' button to add blocks like text, images, and buttons to the canvas and editing their content.Super Serious Guides
- 2:350:23Customizing Site Design and LayoutCurrentWalks through the design panel to adjust colors, spacing, and layouts for a professional look.Super Serious Guides
- 2:580:54Managing and Creating New PagesShows how to use the pages menu to organize site structure and add new custom pages like 'About' or 'Welcome' pages.Super Serious Guides
10:192:51Create a landing page with Beehiiv Page BuilderShows how to use the basic website builder to customize colors, fonts, images, and social links for a hosted newsletter landing page.Allan Borch - Dotcom Dollar
10:460:28Customizing the newsletter websiteA brief look at the drag-and-drop website builder in beehiiv, showing how to adjust layouts, colors, and hero posts.Spencer Scott Pugh
0:080:56Onboarding and initial website setup in beehiivShows the initial setup process including template selection, color theme configuration, and font pairing for a new beehiiv website.beehiiv- 1:041:15Managing default pages and SEO settingsDemonstrates how to navigate default pages like the homepage and archive, replace placeholder data, and access SEO settings for individual pages.beehiiv
- 2:190:39Using the Layers tab to rearrange componentsShows how to use the layers panel to drag and drop components to change their visual order on a page.beehiiv
- 4:031:58Inserting layout sections and widgetsDemonstrates how to insert sections, containers, and widgets (like pricing cards or sign-up forms) into a page layout.beehiiv
- 7:260:26Saving and publishing the websiteDemonstrates the difference between saving a draft and publishing changes to the live website.beehiiv
4:263:52Building landing pages and lead magnets in beehiivGreg demonstrates the beehiiv website builder, showing how to create high-converting landing pages and lead magnet traps to drive newsletter signups.Greg Isenberg