Experiencing an issue?

Creating a Footer

The footer is the bar of information at the bottom of a web page. It might contain your site navigation, a logo, privacy rules, social media links, and contact information.

This article shows you how to create a footer with the Footer Component. Adding content to the Footer Component is described elsewhere.

See Also

To learn how to add content to the Footer Component, see:

Note: Footers are a universal component. Any change you make to the Footer Component on the Homepage appears on all website pages.

 

 

1  Creating a footer

Place a footer on your website by dragging a Footer Component to the bottom of the Homepage.

  1. Click WEBSITE on the top menu bar. 
  2. On the left side menu, select the CONTENT folder and then click Manage. The Website Content page displays. 
  3. Hover your mouse pointer on Homepage.
  4. Click the Edit button. The Edit Content area opens.
  5. Drag the Footer Component to the bottom of the web page.

 

2  Understanding Footer Component elements

The Footer Component is a block of working space designed for easy customisation.

  • A single Section Column creates the outer structure of the footer.
  • Column Components build internal structure by creating horizontal cells that hold content, such as headings, text, and images.
  • Spacer Components create white space which helps readability.

footer-component-2a.png


3  Adding content

To add content to the Footer Component, open the Edit Footer panel.

  1. Go to the Edit Content area of the Homepage.
  2. Hover the mouse pointer on the Footer Component.
  3. Click the Pencil button in the bottom right corner. 

Now you can insert content by modifying elements already in the footer, or by adding components from the Drag and Drop panel on the left side of the screen.

 

4  Customising settings

To change the size, design, or behaviour of the Footer Component, open the Settings panel.

  1. Go to the Edit Content area of the Homepage.
  2. Hover the mouse pointer on the Footer Component.
  3. Click the Pencil button in the bottom right corner.
  4. Click the round Settings button in the bottom right corner next to the Save button. The Footer Component Settings panel opens. 

footer-1.png

For more information about Footer Component customisation with the Settings panel, see: