Edit your site's footer

false

Edit your site's footer

Last updated July 29, 2026 20:26

Add content to the bottom section of your site, where visitors check for contact details, social icons, and other important information.

The footer is the section below all your page content. It shows the same content across all pages on your site.

Video on editing footers

This video shows how to add content to your footer and style footer sections.

Add content to the footer

When you add content to the site footer, it appears on all pages of your site. If your footer has “Made with Squarespace” text, you can remove it.

To edit your footer on version 7.1:

  1. Click Edit on any page, then hover over the footer area and click Edit footer.
  2. To add blocks, hover over the section and click Add block or + to open the block menu.
  3. To add more sections, click Add Section. You can add blank or footer-style block sections to the footer. If you've saved block sections from elsewhere on your site, you can also add those by clicking Saved Sections. It's not possible to add other section types.
  4. To style any footer section, hover over it and click Edit Section.

  5. Click Save to save your changes and keep editing, or Exit then Save to close the editor.

  6. Hover over the footer area and click Edit in the annotation.

  7. To add blocks, hover over the section and click + to open the block menu.
  8. After making changes, click Save.

Pre-footers

The Bedford and Pacific template families have an optional second site-wide footer, called a “pre-footer.” Add blocks to the pre-footer following the same steps for adding content to the footer.

Pre-footers:

  • Display above the footer area and footer navigation links.
  • Have unique font styling and background color options in site styles.
  • Don’t appear to visitors if you remove all the content, but the space for it displays when you’re editing your site.

Page footers

Some templates have an option for page-specific footers. Page footers only appear on the page where you added them, not site-wide, making them ideal for small amounts of page-specific content.

You can add content to page footers in these template families:

  • Avenue
  • Five
  • Montauk

Here's how the footer displays in these template families:
Template family Display
Adirondack - Split on left and right side for all pages. Each side can have one column of blocks.
Avenue - Site footer can have one column of blocks. Display depends on the Layout style tweak. Learn more. - Page footers can have multiple columns.
Aviator - Matches content width for all pages.
Bedford - Footer and pre-footer matches content width for all pages.
Brine - Three editable blocks areas, footer navigation, and business information display in footer.
Farro - Matches content width on all pages, following the content inset. - Footer navigation displays above the footer blocks area. - Dropdowns display as page links instead of a drop-down menu.
Five - Site footer matches site content width on all pages - Page footers match page content width.
Flatiron - Left-aligned on all pages. - Connected accounts display on the right.
Forte - Matches page width. - Displays on all pages except gallery pages and index pages.
Galapagos - Split on left and right side for all pages. Each side can have one column of blocks. - Secondary navigation displays below.
Ishimoto - Right-aligned on all pages.
Momentum - Matches content width on all pages except gallery pages and index pages.
Montauk - Site footer and page footers match content width on all pages. - Left-aligned info footer displays social icons on the right.
Native - Matches content width on all pages.
Pacific - Regular footer and pre-footer match content width for all pages. - Secondary navigation appears between the two.
Skye - Matches content width on all pages. - Footer navigation displays below content area. - Certain blocks follow the content inset.
Supply - Matches content width on all pages except gallery pages.
Tremont - Footer on all pages except index pages. - Matches content width.
Wells - No footer.
Wexley - Matches content width on all pages. - Can have one column of blocks.
York - Matches content width on all pages. - Most pages can have a page footer.

Some popular blocks for footers include:

  • Text blocks - Add any custom text. This is useful for adding an address, copyright, or a text link.
  • Social links blocks - Add icons that link to your social media profiles.
  • Newsletter block - Add a newsletter subscription form.
  • Button block - Add a call-to-action for people who've reached the end of your content.

Tip: To include symbols in your footer content, like a copyright or telephone symbol, add special characters.

In version 7.1, you can edit the layout, background, and color style of each section in your footer the same way you'd style other sections on your site.

To style a section in your footer:

  1. Click Edit on any page, then hover over the footer area and click Edit footer.
  2. Hover over the section you’d like to style, then click Edit Section.

Note: To display the last section’s background color or image behind the footer on each page, use custom code. Keep in mind, our support team can’t help you add custom code or troubleshoot issues that arise from using it.

How to hide or remove the footer depends on your site's version.

To remove the footer on all of the pages of your version 7.1 site, delete its content:

  1. Click Edit on any page, then hover over the footer area and click Edit footer.
  2. Hover over a footer section and click the trash can icon, then click Remove to confirm. Repeat this step for every section in the footer.
  3. Click Save to save your changes and keep editing, or Exit then Save to close the editor.

To replicate the look of a landing or cover page, you can hide the footer on individual pages.

Hiding the footer is available for layout pages. Collection pages such as blog, store, and portfolio don't have this option.

To hide the footer on version 7.1:

  1. Open the Pages panel.
  2. Hover over a page title, then click the gear icon next to the title.
  3. Click Navigation on the page settings tab.
  4. Click the Show Footer toggle off.Repeat these steps for every page where you’d like to hide the footer.

To hide the footer in version 7.0, use site styles tweaks in these template families:.

  • Brine - Uncheck Show footer
  • Montauk (info footer only) - Check Hide info footer
  • Tremont - Uncheck Show footer
  • York - Uncheck Show global site footer

To hide the footer in all other template families, leave the footer content area empty.

The mobile display of your footer depends on what editor you're using.

Fluid Engine

If your site is on version 7.1 and your footer uses Fluid Engine sections, you can arrange the desktop and mobile layouts independently.

Classic Editor

In version 7.0 footers or version 7.1 footers using the classic editor, block content stacks automatically with responsive design. If your footer has multiple blocks, this might cause all blocks to stack vertically on mobile.

Was this article helpful?

Yes No

190 out of 1152 found this helpful

Yes No

Edit your site's footer