Landing Pages - beehiiv 101 (Tutorial)

How to Create Custom Landing Pages with Beehiiv 101

1. Introduction to Landing Pages

   • Landing pages are a game-changer for newsletters looking to customize their sign-up forms, provide social proof, and offer more context to users before they subscribe.

2. Accessing the Pages Feature

   • Click on the "New Pages" button to customize your landing page.

3. Customizing the Top Section

   • Control the background color or add a background image to enhance visual interest.
   • Use free websites to generate textured backgrounds or create custom designs.

4. Including Phone Mock-ups

   • Create a phone mock-up with a screenshot or custom design for a classic newsletter look.
   • Add text and customize the appearance of the phone mock-up.

5. Adding Headline and Description

   • Edit the headline and description for your publication to provide more context.
   • Customize the text that appears inside the message for users.

6. Changing Fonts and Styling

   • Adjust the fonts and styling from the website settings to maintain consistency.
   • Modify the header, body font, and underline text for a cohesive look.

7. Redirect Links and Previews

   • Include a redirect link for users to preview the publication.
   • Customize the text above the fold and the image background for an engaging experience.

8. Testimonial Section

   • Collect testimonials and customize the background color for the testimonial section.
   • Align testimonials, change text, and adjust colors for a personalized touch.

9. Featured Posts Section

   • Customize the text for featured posts and redirect links.
   • Choose up to three featured posts and adjust the background color and headline color.

10. Publishing and Previewing

    • Make all desired changes and publish the landing page.
    • View the site to see the final result and track subscriber activity.

11. Future Enhancements

    • Stay tuned for upcoming features like navbars for additional customization options.

12. Conclusion

    • Thank you for exploring the tutorial on creating custom landing pages with Beehiiv 101. Start building your personalized landing pages today!