Add organization to your pages by creating a consistent footer area along the bottom of your website.

The site-wide footer section can include different features such as text, a contact form, or social media icons. It can be set to use multiple columns and styled to match your website.

This help article includes:

  • How to add features to the site-wide footer section on your website
  • Which features can be added to your site-wide footer section
  • How to style the site-wide footer section

How to add features to the site-wide footer section on your website

  1. From the ‘Edit Content’ tab, click ‘Pages’ and open any page
  2. Scroll to the bottom of the page
  3. Click ‘Add footer feature’
  4. Select a feature to add
  5. To add another feature: click ‘Edit columns’ and split the footer into columns, then click ‘Add footer feature’ in the empty column(s)

Which features can be added to your site-wide footer section

Not all features are supported within the site-wide footer. If they can’t be added, the feature will be greyed out in the feature chooser.

The following features can be added to the site-wide footer section:

  • Title
  • Text
  • Image
  • Quote
  • Video
  • Photo Gallery (default display: slideshow)
  • Events
  • Blog (default display: carousel, with 1 Post)
  • My Sites
  • HTML Code
  • Single
  • Store (default display: grid, 1 item)
  • Compact Player
  • Donation
  • Custom Form
  • Poll
  • Mailing List Signup Form
  • Twitter
  • Bandsintown
  • GigSalad Quote Form
  • GigSalad Review
  • File List

Note: You can add social media icons by adding a ‘My Sites’ feature. Your template may also support site-wide ‘My Sites’ at the bottom of your footer area. If so, those would be placed outside of the site-wide footer section.

How to style the site-wide footer section

You can update the look of the site-wide footer feature any time. These changes will apply to all of your website’s pages.

  1. From the ‘Edit Content’ tab, click ‘Pages’ and open any page
  2. Scroll to the bottom of your page
  3. Click on ‘Edit Site Wide Footer section’
  4. Under the ‘Section colors’ header, apply a Section Style from the drop-down options
  5. Click ‘Background image’ then ‘Add image’ to:
  6. Upload a section background image (choose from your images, or a stock image)
  7. Set the image transparency
  8. Set the scroll effect: normal, parallax, or fixed
  9. Click ‘Section Padding’
  10. Set the padding, or amount of space, to none, small, medium, or large

You can also adjust the column options for your site-wide footer section. To edit the columns:

  1. From the ‘Edit Content’ tab, click ‘Pages’ and open any page
  2. Scroll to the bottom of the page
  3. Click ‘Edit columns’
  4. Choose from the column options:
    • 1 Column: Full width of the content area (100%)
    • 2 Column: Two equal columns (50% - 50% split)
    • 2 Column left sidebar: Two columns with the smaller side on the left (33% - 66%)
    • 2 Column right sidebar: Two columns with the smaller side on the right (66% - 33%)
    • 3 Column: Three equal columns (33% - 33% - 33% split)

For more details on styling your footer sections, please see this Help article: Styled website sections.