Website Footer – AutoManager

The website footer serves several important purposes, contributing to the overall functionality and user experience of a website. Contact details, including the business's address, phone number, and email address, are commonly placed in the footer. This makes it convenient for visitors to find and contact the business.

Many websites include icons or links to their social media profiles in the footer. This allows users to connect with the business on various social platforms.

The website footer will be displayed on every page of your website.

This article will be broken up into the following sections:

How to Find Footer Settings

First click the Settings cogwheel located at the bottom of the leftmost sidebar. Under the Website category, select Footer.
Settings-

Footer Layout

The Container field allows you to select either Centered or Wide. Centered will have the background color closer to the center whereas Wide will push it out to the edges of the screen.

The Content field also allows you to select either Centered or Wide. Centered will have the footer elements closer to the center whereas Wide will push them out to the edges of the screen.

Use the Background Color field to select your desired color.

Be sure to save any changes you make.

Footer Logo

You can upload a custom logo for your footer, which replaces your Footer menu button. If you want transparency in your logo your image must be .PNG format to support transparency and alpha blending. If there is no need for transparency it can be in .PNG or .JPG format.

Checking the Show Footer menu button with Logo checkbox will show the footer menu button in addition to the custom logo.

Click Choose File and find the file on your computer, then click Upload when you are done.

Once a logo has been added it will display in your menu.

To remove the logo click the Delete Image button.

Be sure to save any changes you make.

Footer Links

The Footer Links section allows you to display links to your email address, physical address, and up to two phone numbers.

Checking the Enable Email Link checkbox to display a clickable email address in your footer.

Define your email address in the Email field.

Check the Enable Address Link checkbox to display your address in your footer. Clicking this address will bring your website visitors to your Location & Directions page.

Your address should be pre-filled in the Address field, however you can edit it as needed.

Checking the Enable Phone Number Link checkbox to display a clickable phone number in your footer. This is especially useful when visitors are viewing your website from a mobile device.

Define your phone number in the Phone Number field, and optionally give your phone number a label.

Checking the Enable Additional Phone Number Link checkbox to display a second clickable phone number in your footer.

Define your second phone number in the Additional Phone Number field, and optionally give your phone number a label.

Be sure to save any changes you make.

Disclaimer

To add a Disclaimer that will be displayed at the bottom of every page, check Enable Disclaimer.

Click Edit Disclaimer Text to enter the text to display for your disclaimer. Your Disclaimer Text will be displayed below your web page content, above your sitemap links.
Website

Be sure to save any changes you make.

Sitemap

Enabling the sitemap will display links to all your pages at the bottom of your website. This is beneficial for search engines to find your pages, even if they are not linked to another page.

Check the Enable Sitemap Links to enable the sitemap in your footer.

Be sure to save any changes you make.

Social Media Links

The Social Media Links section allows you to display links to your social media pages.

Check the Enable Social Media Links checkbox to display icons for your social media pages in your footer. You must configure your Social Media Accounts prior to enabling this setting otherwise they will not display.

The Position field will dictate whether the social media links will appear at the very bottom of the page on the left, at the very bottom of the page on the right, or with the sitemap using either small or large icons. Note that you can add social links even if you don't have the sitemap enabled.

Choose between Square, Rounded, and Circle for your icons.

Use the Colors field to determine whether you want to use the site brand colors or the color scheme colors.

Check the Enable "Share" checkbox to add quick links for users to share your website on Facebook, Twitter, and a large number of other platforms.

Be sure to save any changes you make.

Custom Footer

In addition to using the settings provided above, you can create your own personalized footer.

To enable the custom footer, check the Enable Custom Footer checkbox.

Be sure to save your changes prior to customizing your custom footer, otherwise you'll need to come back to this page to enable the custom footer after designing it.

Click Design Custom Footer to customize your custom footer.

Note that you can preview your footer at any time during configuration by clicking the Preview Page Design button.

You can click Undo Changes at any time to revert any changes you've made as long as you haven't saved the changes.

Clicking Reset Page Design will revert your custom footer to the default.

The system automatically saves up to ten revisions to your custom footer, which can be accessed by clicking the Page Revisions button.

You can also manually save a revision by entering a Revision Name and clicking the Save button.

Clicking Preview will allow you to see that specific revision.

Clicking Revert will revert your footer back to that specific revision.

Clicking Delete will remove that specific revision.

Clicking Custom HTML Elements will allow you to see any custom HTML elements you may have had and allows you to copy the HTML code from them.

Clicking the History button will show you a history for the past 90 days for who edited your custom footer.

Your custom footer design is made up of any number of Content Rows which can contain from 1 to 4 columns, each of which can contain any number of content elements.

To change the number or spacing of columns, click Row Settings.

In the Layout & Columns section, you can choose the best layout for your footer and select from various column options.

In the Container Settings, you can select from either the Accordion, Tabs, or Stacked display format. Accordion is a vertical stack of collapsible sections. Tabs are a horizontal alignment of panels with labels, allowing visitors to your website to switch between them. Stacked displays a vertical arrangement of content sections, often requiring scrolling to navigate.

Under Row Background, you have the option to personalize the appearance of each individual row by uploading a custom image of your choosing.

Under Position, you may choose between Parallax or Cover positioning. Parallax is a scrolling technique where the background of a website moves at a different speed than the foreground as the user scrolls down or up the page. Cover ensures that the background image covers the entire container, scaling it proportionally and potentially cropping parts of the image to maintain the aspect ratio.