Beehiiv: Using the Layers tab to rearrange components

All demos from “How to use the beehiiv Website Builder (Beta)”

1. 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· Build a lead-capture landing page
2. 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· Build a lead-capture landing page
3. 2:190:39Using the Layers tab to rearrange componentsCurrentShows how to use the layers panel to drag and drop components to change their visual order on a page.Beehiiv· Build a lead-capture landing page
4. 2:581:05Designing models and global elementsWalks through the models tab for designing pop-ups (like sign-up forms) and editing global elements like headers and footers.Beehiiv· Add an opt-in popup
5. 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· Build a lead-capture landing page
6. 6:011:16Creating reusable component templatesShows how to save a customized component or an entire section as a reusable template for future use in the website builder.Beehiiv· Use / customize email templates
7. 7:260:26Saving and publishing the websiteDemonstrates the difference between saving a draft and publishing changes to the live website.Beehiiv· Build a lead-capture landing page
8. Watch “How to use the beehiiv Website Builder (Beta)” →

Build a lead-capture landing page

Beehiiv12Kit12MailerLite8Mailchimp4ActiveCampaign4Brevo2

1. 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
2. 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
3. 2:350:23Customizing Site Design and LayoutWalks through the design panel to adjust colors, spacing, and layouts for a professional look.Super Serious Guides
4. 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
5. 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
6. 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
7. 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
8. 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
9. 2:190:39Using the Layers tab to rearrange componentsCurrentShows how to use the layers panel to drag and drop components to change their visual order on a page.beehiiv
10. 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
11. 7:260:26Saving and publishing the websiteDemonstrates the difference between saving a draft and publishing changes to the live website.beehiiv
12. 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