Customizing your Website Footer

Here you can learn how to: Add additional resources into group links on the footer. Add your company information on the footer.

Updated over a week ago

The default footer

Many apps and websites now use infinite scroll technology to constantly serve new content, so we donโ€™t often consider just how important a traditional website footer can be. Website footers appear on every page of your website and usually contain some of the most important information for your users.

Your SupaPass website footer includes many of these important links by default, such as the link for Tech Support (we provide tech support for your users) and the General Terms and Privacy (how user data is handled). As you add to your website we will automatically add new links to your footer, such as links to your mobile apps. The first group of links contains these default links and will include the following depending on what you have set up:

  • Tech support

  • FAQ

  • Terms & Privacy

  • General Terms and Privacy

  • iOS app link

  • Android app link

Customizing your footer

Now that you're familiar with the default footer links you can begin to think about what else you might like to include in your footer such as custom links, additional text and social icons to your footer.

Footer Link Groups

Footer Link Groups are used to group together related links in your footer. The default links will always appear in the first group that you create, you can choose to add more links to this group or create a new group for your other links.

Creating a new group

To create a new group, follow these steps.

  1. In the builder, click the link icon to edit the menu settings, then click the footer sub-tab.

  2. Click 'Create Footer Link Group' .

  3. Enter a title for the group and click Create Footer Link Group (you can rename this later).

  4. Click the Add Link button to create a new footer link.

  5. Give the link a name and then choose the Link Type. Links can go to either an external page with a URL, or an internal page with one of the other pages you've built in the Builder, lists, products and content pages.
    โ€‹

Footer Text

The Footer Text allows you to add important notices to your footer that you want to be displayed on every page. You could put anything in the footer text, but here are some examples of what you could include:

  • Copyright notice

  • Company address

  • Professional or charity registration details

  • A brief company mission statement

  • Anything you want! ๐Ÿ™‚

Social Media Links

You can also include icons in your footer that connect to social media pages. We support dozens of the main social platforms to automatically include their icon in your footer.

options to add a url, choose the social media icon and hover over text for the social media link

Top Tip

There is also a world icon for any website icon not listed. Let us know about any others you want us to include in future releases - Email us a request!

Here's how to create a new social media link:

  1. Click Create Social Media Link.

  2. Select the social media network from the drop down menu.

  3. Copy and paste the URL of your social media page.

  4. Add some hover over text, this is what will show on the website when the mouse hovers over the icon.

  5. To save click Create Social Media Link.

    A gif highlighting the hover text for social media icons - twitter, facebook, instagram and linkedin

Example Footers

Here are some example footers to help inspire you!

This footer uses the Social Media Links as well as the Footer text to convey important information and links for the user. The Footer text gives a phone number and an email address for users to contact if they have any inquiries.

This footer uses a Footer Link group to advertise various links around their website, useful for any users who have scrolled to the bottom of the page looking for where to go. This footer also uses different font styles to emphasise their information.

Did this answer your question?