Articles on: Untap Compete

Header/Hero Section

Header/Hero Section



Header/Hero Section is an essential tool of attraction for your program. It simply speaks your program info most simply, hocks your applicant to scroll down your homepage to get more detailed information, and finally clicks the call-to-action button and join your program.





Click Header/Hero Section on your homepage customizer menu, then click Content, from there you can do the following:




There is an option that allows you to highlight your logo even more at the beginning of your Header/Hero section. However, it is not essential.

Click Select Image.
Choose your previously uploaded logo.
or
Click Select Image then click Upload Files.
Drag and drop your logo or click Select Files.
Choose your logo and click Open then click Choose Image.

2- Add Main Title

Here you add the title of your program. You can also use this to highlight a call to action.

3- Add Subtitle

Describe your program in one informative line.








Click Header/Hero Section on your homepage customizer menu, then click Background, from there you can do the following:




1- Parallax

This pro tool allows you to add a floating effect to the hero image when you move around. It requires uploading two images, the second image must have a transparent background.

Our customizer will suggest two images that you can change by doing the following:

Click Change Image under the first layer image.
Click Select Image then click Upload Files.
Drag and drop your image or click Select Files.
Choose your image and click Open then click Choose Image.

Repeat the instructions to change the second layer image.

2- Add Image

This allows you to add a static image to your Header/Hero Section. It’s recommended that you use a high-quality image that has good contrast with your program title.

Click Add New Image under Current Header
Make sure to uncheck Parallax Effect if it was checked.
Click Select Image then click Upload Files
Drag and drop your image or click Select Files
Choose your image and click Open then click Select and Crop
Crop the selected image by adjusting the image selector, then click on Crop Image
Choose Skip Cropping if you want to use the full image size.

3- Randomize Uploaded Header

This pro tool allows you to add multiple images, and then our software will randomly change between them every time an applicant visits your program homepage.

Add more images as mentioned in #2
Click Randomize Uploaded Headers



Pro Tip: Try to add GIFs as your Header/Hero section image. This also works in Parallax.

Updated on: 11/08/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!