How to Create a Cover Page in Squarespace

Squarespace is like a Swiss Army knife. It is so multifunctional, versatile, and most definitely a (business) life-saver. Like the European multi-tool, Squarespace packs a variety of tools into discreet, sensible packaging.

We may not understand everything that's behind the scenes of our websites, so it’s easy to miss some of the features that can really expand our websites. Cover pages are just one powerful tool that can get overlooked. They have the potential to impact our business in some really powerful ways.

Cover pages are available to all Squarespace subscribers, and I highly recommend utilizing them. In another post, I wrote about the many uses of them, so you can get a few ideas on how you can start incorporating them.

From marketing to creative presentation, cover pages can serve your brand in unique ways. In this post, I will show you how to create them so you can take advantage of this business-boosting feature.

Let’s get started!


First, a note:

I am creating this cover page for a site within the Brine template family. This template family is the largest of all the Squarespace template families. It includes the following:

  • Aria

  • Basil

  • Blend

  • Brine

  • Burke

  • Cacao

  • Clay

  • Ethan

  • Fairfield

  • Feed

  • Foster

  • Greenwich

  • Hatch

  • Heights

  • Hunter

  • Hyde

  • Impact

  • Jaunt

  • Juke

  • Keene

  • Kin

  • Lincoln (discontinued)

  • Maple

  • Margot

  • Marta

  • Mentor

  • Mercer

  • Miller

  • Mojave

  • Moksha

  • Motto

  • Nueva

  • Pedro

  • Polaris

  • Pursuit

  • Rally

  • Rover

  • Royce

  • Sofia

  • Sonny

  • Sonora

  • Stella

  • Thorne

  • Vow

  • Wav

  • West

Yup, all of the above listed are part of the Brine template family. While each one of these templates looks different, each has the same structure to them.

For example, all templates within the Brine template family have the same Style Editor. Brine templates all have the same functionality, too. These two aspects unite all the templates in the family together.

Cover pages are fairly independent, but I share this information with you in case the back end of your Squarespace site looks different from what I share. Not to worry, you just might be using a different template family like Skye or Tremont.

Alright, on to building a cover page in Squarespace!


Step one: Getting Started.

Log in to your Squarespace account at: https://account.squarespace.com/

If you have more than one website under your account, be sure to select the website you would like your cover page associated with.

Step Two: Your Website’s Backend.

After you’ve logged in, you will arrive at the menu to the backend of your site. It will look as depicted in the image below.

 
 

You will notice that you have several menu options. Select Pages.

Step Three: Select the Placement of Your Cover Page.

Within the Pages section you will notice that all the pages of your website are categorized by location. Depending upon which template you are using, you will see the following areas:

  • Primary Navigation

  • Secondary Navigation

  • Footer Navigation

  • Not Linked

For most uses of a cover page (link to the post on uses), you will want to select NOT LINKED. See image below.

 
 

Pages under NOT LINKED are still on your site and visible to search engines and website visitors but, it does not appear in your navigation.

Step Four: Create Your Cover Page.

Click on the + sign to the right of NOT LINKED. See image below.

 
 
 
 

A box will open up with a few page choices. Select COVER PAGE. See image below.

 
 

Step Five: Name Your Cover Page.

Your new page is now added and will need a name. You can write over the words highlighted just like any of the other pages. You can always change the name later if you like. See image below.

 
 
 

Step Six: Build Your Cover Page.

Change layout

First, select your layout. There are 30 styles to choose from. To narrow your search, click the dropdown menu. It separates the layouts by use and includes:

  • Landing

  • Profile

  • Audio

  • Video

  • Location

  • Twitter

You will want to select a cover page based upon your intentions. Cover pages are laser-focused pages with one goal.

 
 

Select Landing for an announcement, coming soon, custom 404 page, new product or service offering, email collection, a landing page for sales funnels, lead magnet or content upgrades, activism page, series, under construction, starter websites, book excerpts, and thank you pages.

As you can see, the Landing layout is as versatile as the Brine template family.

A few of the layouts under this option allow for a fair amount of text. If you are looking to create a more text-focused cover page, take a look at Backstory and Mission. The Vignette layout can be generous, too.

 
 

Select Profile for a resume, announcements, and personal profile with social media links (similar to the .me sites).

Select Audio for music, album, spoken word, podcast or anything that prioritizes audio.

Select Video for videos, tutorials, vlogs, trailers, video profiles or an intro for your business.

Select Location for a pop-up event, or an alternate Contact page.


Note: If using a cover page for your contact page, this would be an example of linking it in the Primary Navigation. You can simply drag the page from NOT LINKED up and into the PRIMARY NAVIGATION to create a link for it.


Select Twitter for Twitter, huzzah!

After you have selected your layout click SAVE and the hit the BACK button. You will be taken back to the cover page menu. This menu will differ based on layout selection.

Audio layouts will have an AUDIO selection in the menu. Video layouts will have a VIDEO option. Location layouts will have a LOCATION option. These options will not be available across all layouts. You will want to consider this when selecting your cover page.

You can create as many cover pages as you like.

Okay, so we have our layout. Next, we’re going to input some information.

Branding and Text

This is where you can input your logo or name, aka branding, headline, and any body copy you want people to see and read. Again, copy is limited by your cover page layout type.

Note: Unlike text areas on other Squarespace pages, cover pages do not support blocks in the body area.

Click SAVE when finished and hit the back button to return to the cover page menu.

Media

Here you have a couple of option for the background imagery. You can either add a still image or a video. If you opt for the video, you will have a space to upload an image as well. This is a back-up image in case your video fails to load so, go ahead and upload an image.

Click SAVE when finished and hit the back button to return to the cover page menu.

Audio, Video, Location

If you selected a one the Audio, Video, or Location Layouts, this is where you will input your imagery or map content. These will not automatically populate, nor will other media be pulled for these entries automatically.

Follow the prompts to upload your audio tracks, video, or location details.

Click SAVE when finished and hit the back button to return to the cover page menu.

Social Links

This is the one section I recommend leaving blank. Unless you have some very specific reasons for wanting to include your social media links on your cover page, they should not be placed here. Let me tell you why:

Your social media links direct individuals away from your website. Your goal is to attract people to your website.

Instead of sending people off to someone else’s website, direct them to another page on your website. If you do not have one yet, find a reason to keep them engaged.

For example, you could offer them something like a content upgrade, lead magnet, short series, free consult call, or anything that relates to your brand or business that can help someone who has landed on your site solve a problem.

Try to find ways to connect with potential clients and customers. Invite them in!

Style

Lastly, we come to STYLE. This section is like a mini version of the Style Editor for full Squarespace websites. Here you can make your tweaks and adjustments to:

  • Positioning

  • Imagery

  • Branding

  • Headline

  • Body

  • Background

  • Button

See image below with corresponding description.

 

Positioning - change the alignment of the text. Your options are left, right, and center.

Imagery - adjust the appearance of your main image. You can use a full bleed or a grid. There’s also tweaks to the overlay that can be made, too!

Branding - customize the font by selecting your brand’s font and color so your cover page will have the right look and feel.

Headline - same option with branding, here. This would be a good place for your H1 fonts - the style used for your largest text.

Body - another opportunity to really make this cover page your own. Select the font and color for your body text that aligns with your brand.

Background - If you have a color for the background instead of an image, you can make adjustments here. If part of your cover page layout has an image and another part has a color, this is also the place for an adjustment. Add one of your brand colors here.

Button - tweak the appearance of your Call To Action buttons here. Select the size, shape, and color to get the right fit for your brand. You can select the font here, too.

 

Now your cover page reflects your own branding and style. When you’re all done, click SAVE when finished and hit the back button to return to the cover page menu.

Step Seven: Direct Traffic to Your Cover Page

If you would like to have visitors to your website land on your cover page, you can set this page as your homepage.

To do this click on the gear icon at the top of the cover page menu. You can also access this gear icon by hovering over the page if you are in the PAGES menu.

After clicking on the gear icon a menu will pop up. Scroll all the way to the bottom of the page. You will see a long black bar with the option: SET AS HOMEPAGE. Click this and voila! Your cover page is now your homepage.

If you want to change this, you can do so by clicking the gear icon next to any page name that you want to set as your homepage and follow the same steps.

And there you have it! You have now built yourself a cover page.

Conclusion

  • Squarespace offers a variety of features that can expand the uses and functionality of your website.

  • Cover pages are just one of the tools you can use to boost your business and create additional opportunities to connect with and build your audience.

  • In a few short steps, you can create new opportunities for your business in a branded but simplified manner.

  • Cover pages are easy to create, flexible, and yet, laser-focused. Choose your layout with your intention in mind.

  • Avoid connecting your social media accounts to keep people engaged with your site. Do not send them away. Invite them in!

  • A cover page can easily be set as your homepage. This can also be undone the same way.


Did you build yourself a cover page? Post a link to it below. I would love to check it out!

Fellow Squarespace blogger? Get in touch with me and let’s swap some links!


Looking for more tips and tricks?

Check out the posts below.

SquarespaceValarie Williams