The Page Header content on your Home Page is typically the first image and text your website visitors see when they arrive on your website. 

Here is an example of a Page Header image with a text and a button: 

To Set Up your Page Header Content: 

  1. From the Site Builder drop-down menu, select Pages.

2. From the pages menu (on the left side of the screen) select Home to expand the options. 

3. Then select Page Header.

The Page Header settings will display:

4. The Transition Effect sets the visual effect that is used to transition between your slides. 

5. The Transition Time sets the amount of time each image appears before transitioning to the next slide. 

6. Select Slide 1.
A default image will appear. 

7. Hover your cursor over the image and select Delete. 

8. Select Upload Image to upload a new image of your own. 

9. Drag and drop the image you want to use onto the upload screen
OR
Click Select File and navigate to the image you want to use. 

Note: It is important to select the highest quality photos you have that are no larger than 3 MB. Selecting lower quality or small images will result in grainy or blurry images, particularly when they are viewed on a large screen. Ideally, you should select images that are 2200 pixels wide and in JPG format. 

10. Select the Color Overlay. This is a filter that is applied to the image.

Note: If you are going to add text to the image, then a common design treatment is to set a black overlay at 20% opacity. This makes the text more readable. 

You can enter a specific hex color code in the text field.

OR

Click on the Color Picker to manually select a color and then click Choose

11. Select the Opacity from the drop-down menu.
The Opacity sets the translucency of the Color Overlay.

Note: If you want a solid color background and no image, select the color you want and set the Opacity to 100%. 

12. Select the Font Color.
This font color will apply to any text you add to this particular image. 

You enter a specific hex color code int he text field. 

OR

Click on the Color Picker to manually select a color and then click Choose. 

Note: You do not need to use text with Page Header images. 

13. Select the Text and Button Position from the drop-down menu. The Text and Button Position will apply to any text you add to this particular image. 

14. In Text settings, enter any text you want to appear over the image into the Large Text-Optional and/or Small Text-Optional fields.

15. Configure the Button settings. 

This is the button that will appear on this Page Header image.

16. Enter the Text that you want to appear on the button. 

17. From the Link To drop-down menu, select where you want the button to link to:

  • Email: This will set the button to open a new email in the customer's default email client. 
  • Internal Page: This will set the button to link to another page on your website.
  • External Link: This will set the button to link to a page on another website. 

18. Your selection in the Link To drop-down menu will determine the option that displays in the second drop-down menu. 

  • Email: Enter the email address that the guest's message will be sent to. For example, if the button text is Request info, you could set the button to send an email to your front text. 
  • Internal Page: From the drop-down menu, select the page that the button will link to. For example, if the button text is set to Explore Rooms, you probably want to link to the page where you detail the variety of accommodations you offer. 
  • External Link: Enter the external web address the button will link to. 

19. Use the Button On and Button Off selections to choose whether you want a button to appear on this Page Header image.

20. Scroll back to the top of the settings and select Slide 2.

21. Repeat steps 6-20 for slides 2, 3, and 4, if desired.
Note: Only slides with images will be used. 

22. Select Save.

Did this answer your question?