/
Feature Footer

Feature Footer

Marketing Content → Components → Features → Feature Footer

What is the Feature Footer?

Footer is the default area at the bottom of the website’s pages. It contains links to multiple important pages of the website that are not highlighted elsewhere.

The Footer is only visible in Web form. You will not see it in the iOS or Android app.

Overview

The footer is a part of our global navigation toolkit, which works in conjunction with our Feature Navigation to act as a sitemap to easily access content that is not highlighted elsewhere.

Content Set-up

Required Content

For internal links, use the format /path and for external links, use the full URL

Main Links

this is the set of links that are featured more prominently in the footer, set in one column on mobile with larger text

Miscellaneous Links

this is the set of links that are featured less prominently in the footer, set in multiple columns on mobile with smaller text

Social Media Links

link to your brand’s profiles. Remember to use the full url here, ie: https://facebook.com

Copyright Text

Use this space for the legal disclaimer

 

  • Feature Footer: We have the ability to set the footer for the web so you can decide what the user can navigate through without the need of code changes.

    • For this feature to work you need:

  • Row : What are they used for

    • to specify a visual row

    • top-level rows will have implicit spacing and separation on the frontend. If it turns out we need to support the ability to explicitly specify spacing and/or separation, we can come back and add a new widget

    • rows can contain only columns to help with predictability in rendering

  • Column: What are they used for

    • to specify a visual column

    • columns can contain literally everything else except rows or columns

 

  • Bold Horizontal Link List Widget

    • to specify a list of links that should bolded and laid out horizontally

    • as seen in PLK

 

  • Brand Logo Widget

    • to specify the brand logo

    • as seen in PLK

 

  • Copyright and Language Selector

    • to specify the copyright text and language selector

    • as seen in TH

  • Column Header Widget

    • to specify a header in a column

    • is just a localeString for now, but we can come back and make this more flexible if we need to

    • may end up removing this since we have specialized types for list of links

 

  • Highlighted Vertical Link List Widget

    • to specify a column of links that should have a header, subheader, and highlighted link

    • as seen in TH

 

  • Horizontal Link List Widget

    • to specify a list of links that should be laid out horizontally

 

  • Horizontal Text With Link Widget

    • to specify text that should be followed by a link

    • as seen in PLK

  • Link Widget

    • used to specify a link

    • can be external or internal

  • Social Icons

    • to specify the placement, image and link of the social icons

 

  • Social Icons With Header Widget

    • to specify a header with the social icons

    • as seen in TH

  • Text Widget

    • to specify strings of text

    • is just a localeString for now, but we can come back and make this more flexible if we need to

  • Vertical Link List Widget

    • to specify links that should be laid out vertically

    • as seen in TH or BK without the header

 

  • Vertical Link List With Header Widget

    • to specify a list of links with a header that should be laid out vertically

    • as seen in BK

  • Wordmark and Social Icons

    • to specify where the wordmark and social icons row should go

 

Related content