3 Ways To Customize Your Squarespace Footer

When you think about your website you focus on things like sidebars, home pages, and showcasing your services or offering. An underutilized place in most websites is the footer.

The footer is way, way, way down there at the bottom of each page. Today I want to show you ways to customize your footer in Squarespace and make sure it’s working for your business.

First things first: decide what your goal for your footer is going to be. Are you trying to recruit clients, promote your lead magnet, grow a social media following, or something else? I think your footer can do all of that (and more) if you design it well.

My footer houses a secondary navigation, because it’s important to me to have a clean cut top navigation with very direct purposes. But, I have a lot more going on than just my services or my blog and I want those things to be accessible from any page, so I manually created a secondary navigation. Some templates in Squarespace allow for an automatic secondary navigation (you’ll see the option in the pages panel), but if yours does not you can create links manually using a text block. The only other purpose my footer has is to connect with people via social media.

You might wonder why I don’t have a lead magnet in my footer. The truth is: I have a lot of lead magnets and it’s heavily promoted on my home page and my blog (my two most popular pages), so I didn’t feel the need to include it again. Plus three of those links down there lead to opt-ins and one leads to a sales page. Your design and user flow might work differently, but keep in mind as a general rule: if someone’s made it that far down, they’re going to be interested in your opt-ins or offerings.

Squarespace makes it incredibly simple to update your footer, all you need to do is hover over the footer area and an option to edit will pop up. Clicking that will highlight that area and gray-out the rest of the page, so you know where you are working. Then, using that same teardrop tool we talked about yesterday you can start to add blocks and elements to complete your footer.

---

SOCIAL MEDIA

There are a few ways you can add social media to your footer. Once you click that teardrop shaped tool a box will appear (same as editing a page or a blog post) and have options for blocks to add. The last area in this box is social media related. My footer includes the regular social links block that pulls the information I’ve previously connected in a neat and orderly way.

If you wanted something more detailed, you could easily connect a Twitter or Instagram feed by clicking either of those two options. There are some customization available for how those pieces of information show and like any element you can drag to resize (and see the results in real time). It's a popular look to have the Instagram feed stretch the width of your website, which is a nice idea if you have a beautiful Instagram to showcase.

---

POPULAR OR RECENT POSTS

Another option for your footer would be to use the summary block we discussed yesterday and showcase some of your popular posts or recent posts. This would be a great option to drive traffic to blog posts, especially if your blog posts are important to getting customers, clients, or subscribers.

Use the summary block to drive traffic to your old posts in #Squarespace [Tweet That!]

I like this solution rather than an obvious opt-in form because it allows visitors to access something of yours for free first and see if they like your content and want to subscribe from within the blog post instead. It helps you to make sure your leads are warm leads that connect with you, versus a random visitor.

To save space in the footer I would recommend only showing the blog post title and graphic, but turning off the excerpt or any metadata. Footers should not be overwhelming or too busy, but rather like a nice piece of chocolate after dinner.

---

YOUR SIGNATURE OPT-IN

If you have a main lead magnet or opt-in that is very popular or successful, I would consider including that in the footer. Something like Claim Your Clients would do well in that area. Why should it be popular or successful? So you can include some sort of blurb that says, “Join over 500 people who have already started doing XYZ” or something along those lines.

I say that because if someone is opting in through your footer they might have not read multiple blog posts yet and understand that you are an expert with real value. So, use that opportunity to prove it even more by stating some statistics or social proof or real results that come from using your opt-in.

If you have multiple opt-ins, like me, it’s important that the one in your footer is your main opt-in that drives your business (whether it be a funnel or a warm lead list for a product) versus an opt-in that is simpler/only created for a blog post. You want this to be a “wow” moment and really knock the socks off whoever subscribes.

---

---

5 Ways To Use (+ Set Up) The Squarespace Summary Block

Squarespace is one of my favorite things, if you hadn’t guessed that before. I love it. It’s simple, it’s efficient, it’s got great support, it’s easy to pass off to clients, and it’s just a really nice tool for online business owners and bloggers.

I’m launching a little mini-series today all about Squarespace. Today we are talking about one of my favorite blocks in Squarespace: the summary block.

The summary block is incredibly useful and can be used to accomplish an incredible amount of tasks on your Squarespace site. Through my site I use a summary block on nearly every page and quite a few on the blog itself. I’ve got five ways you can utilize the summary block on your own Squarespace site and a walk-through on actually setting it up below.

Learn five great ways to use the Squarespace summary block! [Tweet That!]

---

BLOG ARCHIVES

Creating blog archives are a fabulous way to get traffic to your old posts and let people see everything you offer at once. I saw my old blog posts views skyrocket when I created and promoted my archives page (plus it makes sharing your content easier, no more shuffling through your blog to find a post). The initial set up, if you do it similar to mine, will take a little bit of time – but difficulty level is basically nonexistent.

First things first, decide how you want to showcase your different blog posts. I chose to do mine in date order, but you might choose to do it by category instead. Either way, this is where the time portion comes into play – you’ll have to revisit each blog post and make sure there is an appropriate tag or category on each post.

What I mean by that: my archive is my month/year, so each of my blog posts has a tag that says “September 2016” or “May 2016” or whatever month/year it was that I created the post originally. When I created my archive, I had to revisit old posts to add those tags. It’s not exactly difficult, but slightly time consuming (this is the sort of task I would do when I was watching The Bachelor or something – thoughtless, but time consuming).

You’ll also want to make sure that each of your blog posts has a thumbnail assigned to it, preferably one that is ‘on brand’ and has a unified, cohesive look. You wouldn’t want a random image to appear in your summary block/archives, but rather something that has the title on it and fits with your overall aesthetic.

As far as setting up the page, you’ll need to first create a new page (probably an unlinked page, so it doesn’t show in your main navigation). You can title it archives, or whatever you deem appropriate.

The summary block will be the main element in the page. All you do is click the teardrop shaped tool and scroll down to the third section titled “summary”. I prefer the grid for this, but there are options that you can choose between (another popular one is the ‘wall’ for a Pinterest-esque look).

A box will pop up with further settings. From here you choose where to pull content from (your blog) and some general visual settings (that you can see the changes in real time to determine what looks best). For me, I chose a square, since my thumbnails are always square. I also chose small text, center aligned, and no metadata to show. The important part comes near the end, under ‘display’. This is where I tell this particular summary block to only show posts tagged with whatever corresponding month/year.

If you look at my archive page, that might make more sense. But each section is a separate summary block (all with the same exact settings, but a different tag filter). I separate the months with a little design element, just to make it look nice and cohesive with the rest of my site.

---

RELATED POSTS

Another great use for the summary block is within your actual blog post. You’ll notice in all my blog posts, at the very end, there’s an area that says “you might also be interested in:” and four other related blog posts. This is created through a summary block within the actual post.

Having a related post section is a huge value; it leads visitors onto the next post and keeps them on your site longer. If you are writing stellar posts you want to keep that momentum going and have visitors stick around for as long as possible (and even become a subscriber).

Setting up the summary block to function in this way is similar to the archives page, except this time we are going to do it within a blog post. So, if you are in the blog post window (where you’d actually type in your content), those same teardrop shaped icons appear to the left. Clicking that brings up the same options for adding different blocks, and the third section will be a summary block.

For my own blog posts I again use the square ratio, small size text that is centered, and show no other information or meta data (just the title and thumbnail). I use the grid here too, but carousel would be another great option if you wanted to show a lot of relevant posts (I only show 4). This time I use the category filter and only show related posts by category (so if the post is about social media, the related posts will be ones that I’ve categorized as social media posts as well).

---

TOP/FEATURED POSTS

In a similar fashion to the previous two examples, we can set a filter for a tag or category that you’ve created to mark your top posts. This again might take a little bit of time to travel back to posts that have done exceptionally well or you’re particularly proud of and tagging them accordingly. I tag mine as “top posts” (very original, I know!).

It’s a common idea to place this summary block into a start here page, a 404 page (learn more about customizing your 404 page here), or into your blog sidebar. Another common place would be a start here page, where I would use a carousel block to best showcase multiple posts.

I would use a carousel block because it easily shares more posts, but still could be designed as a small section that doesn't feel overwhelming or too distracting. The carousel option adds left/right arrows to allow visitors to scroll through however many posts you decide to share.

It might seem slightly overwhelming to go through and manage all the settings for each summary block – but once you know the settings that best fit your visuals, it will become second nature very quickly. If you generally make your thumbnails more vertical, you’ll use a different ratio than me. If you want to include the date or an excerpt for posts, you’ll toggle that information on.

---

PORTFOLIO PAGE

If you have a portfolio of work you can use a summary block to link to the individual pages or posts that showcase the work. Here’s how my portfolio works:

I have a separate blog that doesn’t have a sidebar and functions as my “portfolio posts” with each client’s work as a separate post. The link that I direct people to for my portfolio functions similar to my archives page, except it pulls content from my “portfolio blog” versus my normal blog.

You can do this too! Squarespace allows you to have multiple blogs. So, if you have any sort of client work to showcase or a need for some sort of portfolio, I recommend creating a secondary blog (instead of separate pages – keep your page count lower), and go through the same steps as we did in the archive page. The difference might be in how you display the thumbnails (I made the thumbnails larger), but you can edit that easily within the settings.

---

A FAUX “READ MORE” BLOG

This is very similar to an archive page too, but sometimes I have clients that want to create a blog that uses excerpts and “read more” buttons. Although Squarespace templates definitely allow for that (you just need to actually add the excerpt for it to toggle that feature ‘on’ – under the options setting within individual blog posts), there are some limitations within certain templates. The main limitation is whether or not the thumbnail or blog post graphic will show.

After hitting that bump a few times, I figured out a way to create a faux “read more” page for blog posts. This is set up exactly the same to an archive page, except I use the “list” option so that the page follows a more traditional blog look. The excerpts are added manually within each blog post, and the only settings difference is I turn the checkmark on to show excerpts and I don’t use any sort of category/tag filter (so all the posts show).

If your template doesn’t allow you to turn on a sidebar on regular pages you can go through the steps of manually creating a sidebar that is the same as your actual blog page (by using the teardrop icon to add the different elements and then drag/dropping/resizing it to be the same size).

---

---