Adding a Hero Section to a Page

How to add a Hero Widget section on a web page.

In this article, we will cover how to add a Hero widget section on a page and customize it. 

  1. How to Add a Hero Widget Section to a Page
  2. Hero Section Overview

How to Add a Hero Widget Section to a Page

To add a Hero widget section to a page on your site, click "+ Add Section" on a new or existing page:

In the "Add A New Section" modal, select "Widgets" on the left navigation bar.

Select one of the Hero options:

  • Hero - Horizontal Line
  • Hero - Center Text
  • Hero - Left Text

Then click "Add Section":

Screenshot 2024-02-15 092327

Hero sections uses our sectional editing tools for customization. Click here to learn more!

Hero Section Overview

1 (7)

  1. Text: Click anywhere on the text to customize the section. 
  2. Rich Text Editor: This feature gives you the ability to add additional customization to your text. You can include bullet points, numbered lists, add links, change the text color, and more using this this feature. 
  3. Sectional Editing: This tool provides control over the whole section. You can change the background image, edit the section padding, reposition this section on the page and more with this tool. Learn more about sectional editing here! 

Editing Button Link & Text

To edit the text and change the link destination on the button, click directly on the button and then select the "chain" icon in the rich text editor. In the popup window, you can insert the URL and edit the button text. Click "Ok" when you're done. 


Editing the Background 

To edit the background image or color, click on the "gear" icon in the sectional editing tool and go to the "Background" tab. From there, you have the option to choose Default, Color, or Image for the background of this section. Click "Save" when you're done. 
imageBG (2)

When you're ready to publish your changes, click "Publish" to submit your page to compliance.