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
- From the ‘Edit Content’ tab, click ‘Pages’ and open any page
- Scroll to the bottom of the page
- Click ‘Add footer feature’
- Select a feature to add
- 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
- 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.
- From the ‘Edit Content’ tab, click ‘Pages’ and open any page
- Scroll to the bottom of your page
- Click on ‘Edit Site-Wide Footer section’
- Under the ‘Section colors’ header, apply a Section Style from the drop-down options
- Click ‘Background image’ then ‘Add image’ to:
- Upload a section background image (choose from your images, or a stock image)
- Set the image transparency
- Set the scroll effect: normal, parallax, or fixed
- Click ‘Section Padding’
- 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:
- From the ‘Edit Content’ tab, click ‘Pages’ and open any page
- Scroll to the bottom of the page
- Click ‘Edit columns’
- 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.