Skip to main content

How to Add a Hero Section to a Page

A guide to creating high-impact Hero banners using images, videos, and calls to action.

Updated over a week ago

Hero sections are bold banners designed for the top of a page. They set the tone and include your primary call to action.

Adding a Hero Section

  1. Click + Section and select Hero.

  2. Choose your variant: Default, Background Image, or Video.

Customization Options

  • Default: Text on the left, optional image on the right. (Centers automatically if no image is used).

  • Background Image: Full-screen banner with centered text.

  • Video: Upload or link a video to play as a background loop or an inline player.

  • Show Margin: Toggle this to choose between an edge-to-edge look or a contained layout.

Pro Tips

  • First Impressions: Keep your Hero title concise—it’s the first thing visitors see.

  • Media Quality: Always use high-resolution images or videos to ensure your site looks professional on all screen sizes.

Did this answer your question?