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.

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.

Can I add call-to-action (CTA) buttons to hero sections?

  • Yes. CTA buttons are available on Hero (Default), Hero (Background Image), and Hero (Video) sections.

  • Hero (Default) supports up to two CTA buttons.

  • Hero (Background Image) and Hero (Video) support CTA buttons or a search bar (choose one).

  • To configure where each button links, see How do I format links in WanderOS?

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?