Introduction

The homepage header section is crucial for making a strong first impression on visitors. In this guide, we'll walk you through editing this important section of your website.

Accessing the Homepage Editor

  • Navigate to the Pages tab on the left-hand side of the dashboard.
  • Select the Home page to enter the homepage editor.


Homepage Sections

  • Each section of the homepage is identified with a name and can be expanded or collapsed for editing.
  • Focus on the Header section and ensure it's expanded to make changes.

Hero Layout

  • The hero layout offers four different options for the header:
    1. Image on the right, text on the left (default).
    2. Image on the left, text on the right.
    3. Hybrid layout with a background image and text box.
    4. Full background image.

Customizing the Header Content

  • Update the headline and subheadline to clearly convey your message.
  • Ensure the headline succinctly describes your offering, while the subheadline provides additional context.

Call to Action Button

  • You can link the button to an external URL or a specific page on your site.
  • Customize the button text(e.g., "Free Consultation") by updating the link text field.

Lead Generation Button

  • This button automatically scrolls users down to the lead generation section on the homepage.
  • Customize the button label to encourage engagement (e.g., "Profitability Calculator").

Choosing Header Backgrounds

  • Depending on the layout chosen, select an appropriate background image.
  • Ensure contrast and readability, especially for full-screen background images.

Customizing Background Images

  • If desired, replace the background image with a personal or relevant image.
  • Adjust image cropping for optimal presentation, ensuring it reflects your brand effectively.


Value Stack Section

  • Below the header, you'll find the value stack section, consisting of three key points.
  • Customize each value stack box with a title and an optional icon to visually represent the point.

Adding Icons

  • Utilize the built-in icon library or search for specific icons to complement your content.
  • Ensure icons align with the message of each value stack point.


Conclusion

Congratulations! You've successfully customized your homepage header section. Remember to save your changes and explore other sections of your homepage for further customization.


By following these steps, you'll create a compelling homepage that effectively communicates your brand message and engages visitors from the moment they arrive. Next up, Sections 2+3: The Stakes + Value Proposition