Beehiiv: Using the Layers tab to rearrange components

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

Build a lead-capture landing page →

Beehiiv12Kit12MailerLite8Mailchimp4ActiveCampaign4Brevo2

1. 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.@GregIsenberg
2. 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
3. 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
4. 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
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
6. 7:260:26Saving and publishing the websiteDemonstrates the difference between saving a draft and publishing changes to the live website.@beehiiv
7. 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.@SpencerScottPugh
8. 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.@DotcomDollar
9. 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.@SuperSeriousGuides
10. 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.@SuperSeriousGuides
11. 2:350:23Customizing Site Design and LayoutWalks through the design panel to adjust colors, spacing, and layouts for a professional look.@SuperSeriousGuides
12. 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.@SuperSeriousGuides