Overview
The Header Image of your website is a big picture or video that grabs attention and sets the tone for the webpage. It shows the website's theme or message and makes a visually appealing introduction to the content of the website.
Recommendation
When selecting a header image, it is recommended to avoid using images that contain text or faces of people. These types of images may get cropped or cause confusion for potential leads.
Change the Default Header Image
Agents can set a default image to appear on all pages of their website. This keeps the website's look consistent and professional, making it easier for visitors to recognize your brand.
To locate the Header Image setting, follow these steps:
- To access the Website Editor page of your website, add "/admin" to the end of your website URL (e.g., www.website.com/admin)
- Navigate to the Settings section
- Select the Template Options Tab
- Use the Header Image setting
Tables can't be imported directly. Please insert an image of your table which can be found here.
Open Gallery Pick Image or Video
Recommendation
If you don't have the perfect image or video, you can visit www.unsplash.com or www.pexels.com . These websites allow you to download high-quality, copyright-free images that can be used for your website at no cost!
Customize the Header Image for Individual Pages
Personalize any page on your website with a unique header image. This makes each page stand out, enhances user experience, and creates a customized, professional appearance to attract and retain visitors.
To adjust this for any page:
- To access the Website Editor page of your website, add "/admin" to the end of your website URL (e.g., www.website.com/admin)
- Open the page menu (Area Pages, Content Pages, etc…)
- Select your page
- Scroll down to the Override Landscape Image menu and click Show
Click Open Gallery to browse our image and video library to use on your website.
Click Pick Image or Video to upload a custom image or video
Select Hide Landscape section to remove the Header Image. Please note: this will also remove the quick search tool from the page.
Header Image Size Requirements
Using the right-sized image for your website is important to have the highest-possible quality image for your website. An image that is below the image requirement may appear grainy or distorted, which would not look as professional.
The size of the image depends on the template your website is utilizing. You can view (and edit) what template your website is using in the Website Design Editor (www.website.com/admin), then click Design Editor.
Image Sizes by Template:
Video Header Image
Use a video as the background for your website, to provide a modern look to the website. Here are some basic details about the Header Video:
- This feature is for visual purposes only. No audio is played from the video.
- The video file size should be 8mb or less
- A video compressor can be used to decrease your video size to fit these requirements. There are many that can be used for free on Google.
- A video compressor can be used to decrease your video size to fit these requirements. There are many that can be used for free on Google.
Header Image Best Practices
- A photo that looks good on the desktop view of your website may not look the same on a tablet or mobile device. Make sure to design with Mobile in mind!
- Avoid using images that have text or people’s faces on them. The image may be cropped or resized, depending on the browser the lead views your website from.
- When choosing an image for your real estate website, experts recommend the following:
- Attractive images of homes in the areas
- Local landmarks or architecture
- Aerial views of the area’s landscape or skyline
FAQ
Can I create a slideshow of images?
Yes! This can be done by saving your custom slideshow as a video (MP4) file, then upload the video to your website.
Why does my image look grainy/stretched?
This occurs when the image does not meet the recommended image requirements. Additionally, if an image is significantly enlarged, it can result in a decrease in image quality. For instance, if an image that is originally sized at 500 x 500 pixels is scaled up to fit the requirements of an Anna template website (2200 x 500), the image may not retain its original quality. If possible, it is recommended to use a larger image then reduce its size to fit the image size requirements.