Beehiiv: Designing models and global elements

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 componentsShows 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 elementsCurrentWalks 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

Add an opt-in popup →

Beehiiv2Klaviyo7MailerLite3ActiveCampaign1Mailchimp1

1. 8:001:03Setting up Beehiiv Subscription PopupsA brief walkthrough of the subscriber pop-up interface and how it appears to users to drive newsletter conversions.@SocialtyPro
2. 2:581:05Designing models and global elementsCurrentWalks through the models tab for designing pop-ups (like sign-up forms) and editing global elements like headers and footers.@beehiiv