How to craft attention-grabbing hero sections on Vzy

Hero is very similar to the banner section as it contains the main heading, a subheading, a CTA (Call to Action) button, and an image frame where you can upload an image that shows something important about your brand. The difference between them is that, unlike the banner section, the hero section has a smaller font size, and they can be added or deleted anywhere on the website after the banner.

To add a hero section to your site

  1. Click + button on where you want the hero section to be
  2. Select hero.

To upload media to the hero section of the site

  1. For image, click the hero section in the editor
  2. In the panel, go to Type
  3. Select Image
  4. Click on the image frame
  5. Click Upload Image and have it uploaded
  6. To find previously uploaded images, select Image in the panel
  7. Click the image frame. Here, you’ll find previously uploaded images
  8. To adjust image height, go to Style section
  9. Click and drag the slider in Height
  10. To turn off image in the hero section, go to Style section
  11. Toggle off Image
  12. For video, click on the hero section in the editor
  13. In the panel, go to Type
  14. Select Video
  15. Enter the link to the video you want to embed
  16. To turn off video in the hero section, go to Style section
  17. Toggle off Video.

To add text to label, title, & subtitle of hero section

  1. Click the hero section in the editor
  2. In the panel, enter text into the text boxes Label, Title, and Subtitle
  3. Click Done on mobile
  4. To realign your text, go to Style section
  5. In Align, choose your preferred alignment
  6. Click Done on mobile
  7. To have the title on the left in the hero section, go to Style section
  8. In Left Title, toggle it on
  9. This feature will function depending on the layout style that you choose.