The Info Page in the Aviator template family is a special landing page with multiple layout options, which makes a great homepage. It automatically displays your navigation links and built-in social icons, and a customizable content area. Each site has one Info Page.
Set up the Info Page
Unlike other pages, the Info Page can’t be deleted or added. Instead, edit the existing demo content:
- In the Home Menu, click Pages.
- Locate the Info Page. Its icon is a dotted box. In Aviator, it's titled Welcome. In Aubrey and Encore, it's titled Home.
- Hover over it, click , then click Save.
By default, the Info Page automatically displays your site title and tag line, and the phone number, email, and physical location from Business Information Settings. Update any of that information to change the text.
To edit the content area directly:
- In the Home Menu, click Design, then click Site Styles.
- Under Info Page Styles, check Freeform Text on Info Page, then click Save and exit the Site Styles panel.
- Click Edit on the Info Page to customize the content area with blocks.
For more help, see the Content area information below.
The Info Page has a separate background from the rest of the site.
To add a background image:
- Use Info Page Background Image in Info Page Styles.
- The Info Page Background Overlay creates a color tint.
- Background images always display on mobile.
To add a background color, delete the background image and set the color with Info Page Background Overlay.
The content area can display your branding and contact information, or you can customize it directly with blocks.
Branding and contact information
- To change the branding, edit your site title and tag line.
- To change the contact information, edit the Contact Phone Number, Contact Email, and Physical Location in Business Information.
- To change or remove the site description, hover over the text and click Edit. (Site descriptions aren't available for sites created since November 2018.)
- Style the text with Info Page Site Title Font, Info Page Tagline Font, Info Page Contact Info Font, and Info Page Description Font in Info Page Styles.
- Add or hide the line between the contact information and the site description with Hide Info Page Dividers in Info Page Styles.
Freeform blocks area
- Style the font for Heading 1 text with Info Page Site Title Font in Info Page Styles.
- Change the color for Normal text with the Info Page Description tweak in Info Page Styles.
- For all other text, use the tweaks in the Typography section of Site Styles.
- If you switch to displaying branding and contact information, the custom content saves, and reappears if you switch back.
Style the content area
- Change the width with Info Page Content Width.
- Change the shape with Info Page Rounded Corners tweak.
- Add a box behind the content area with Info Page Content Overlay. This helps your content stand out, and can make your text more readable when displaying over an image.
- Add a shadow around the content area box with Info Page Content Drop Shadow.
- Change the color with Info Page Content Overlay Color. Make it partially transparent to let the Info Page background show through.
- Offset - Content is centered, with navigation links on the left. Social icons are in the top-right corner.
- Poster - Content and links are centered, with social icons at the bottom.
- Business Card - Content and navigation links are on the left. Social icons are in the top-right corner.
Change the padding between elements with the tweaks in Info Page Styles.
In reduced-width browsers, Info Pages always display in Poster layout.