Banner (Hero size)

The hero banner is an important element of website design because it can quickly grab the attention of visitors and provide a strong visual impression of what the website or company is all about

What is a Hero size banner?

A hero size banner, also known as a hero image or hero header, is a large banner that spans across the top of a website's homepage or landing page. It is usually the first thing that visitors see when they arrive at the website, and it is often used to convey a strong visual message or showcase a product, service, or campaign.

Configuring the hero banner

Step 1: Click the edit button

To start configuring the hero banner, simply click the edit button on the corresponding component tag.

Edit Banner

Step 2: Select Animation stype and timing

Web Store allows you to decide on the type of banner animation which can be switch between Manual or Automatic sliding. For automatic sliding, timing can be decided by the input for the Timing for rotation

Step 3: Upload your image for the banner

Click the add image (+) button to upload your Image(s) (file or folder) to Web store and have them as your banner.

Configure your banner

Step 4: Adding additional information for your banner (Optional)

Additional change can be made to your banner/picture. Start by hovering over a banner picture and click the edit button. You will be direct to a dedicated edit tab.

Initiate banner editor

Banner URL and header content/style can be configure here.

Banner editor tab

Step 5: Confirm your decision:

After finishing the process, click Save to confirm the change