How to Use Shared Headers and Footers

Video:

NB: THE VIDEO IS STILL MARKED PRIVATE

Article:

Shared headers and footers let you create a template that you can apply to many pages at once. By only editing one header and footer for each funnel, you can keep things consistent and save lots of time without having to duplicate elements across many different pages. Shared headers and footers are perfect for things like countdowns, discount alerts, menus and more.

  1. Navigate to the Funnels screen of the funnel where you want to add a shared header and footer.
  2. Click Header and Footer in the left hand menu.

The Header and Footer screen is where you can see which pages have the header or footer enabled, which need republishing, and what your header and footer look like at a glance.

To add a master header or footer:

  1. Hover over its preview image, and click Edit.
  2. This will open up a limited version of the Page Builder, which contains only your header or footer. You can add and edit elements just as you would in the Page Builder, only in a limited area. You cannot add forms or layers to headers and footers.
  3. When you’re done, click Save.

To add a header or footer to your pages:

  1. Open the page in the Page Editor. You can do this from the Funnels screen as normal, or you can click the Open Editor button from the Pages list in the Header and Footer screen.
  2. Click Page in the top toolbar. Click Headers and Footers in the left hand menu. Toggle whether you want to include a header, or a footer, or both.
  3. Click Done.

Your header and/or footer will appear on your page. Now you can see what it looks like, you might want to make some changes. Luckily, you can edit your header and footer from within the Page Builder.

  1. Click inside the header or footer area.
  2. Add elements, move things around, and change colours and fonts as usual. Remember: you cannot use layers or forms in headers or footers.
  3. To change the height of the header or footer, click and drag the handle.
  4. When you’re done, click outside the header or footer area.

IMPORTANT: Whenever you edit the header or footer, every page which already has it must be republished. You can see at-a-glance which pages need to be republished after every update from the Header and Footer screen.

Another great feature of shared headers and footers is the ability to make both of them sticky. This means that they stay in position, so when the user scrolls, they remain at the top or bottom of the screen. To enable this:
1. Go to your Page Settings and select Headers and Footers.
2. Toggle on ‘Choose to use header’ or ‘Choose to use footer’, depending on which you would like to use on your page, or both!
3. You will see new options appear when you do this, which are shown in the image below:

4. Here you can toggle on or off sticky headers and footers, with the options ‘make header sticky’ and ‘make footer sticky’.
5. When you’re happy, just click Done!