How To Create A Landing Page on Squarespace

How To Create A Landing Page on Squarespace

Landing pages are all the rage these days – and for good reason! No matter what business you’re in, a landing page can be utilized to focus the customer’s attention and move them towards a specific goal (unlike a traditional website page).

Squarespace doesn’t specifically cater for the creation of a fully functional landing page, although they do provide what they call a cover pages (more on this later).

The problem with a Squarespace cover page is that it doesn’t come with some simple functionalities that we need.

However, there is a simple solution for this.

What is the purpose of a landing page?

A landing page is a single page that a potential customer/client is taken to from a marketing campaign (usually social media, email marketing, etc.). For example, the customer clicks on a Facebook ad and then ‘lands’ on your website.

This will then focus the customer on achieving a goal (purchase, book a call, etc.). This is referred to as the Call To Action.

You will notice that landing pages never have menus or too many buttons etc. This is to focus the customer’s attention and stop them from navigating away. The goal is to keep them on that specific page until they have taken the desired action.

This is why a well-executed lander will increase your conversion rate.

How many potential customers have you lost because they navigated away and became preoccupied somewhere else before taking the action you wanted them to take?

The majority of landing pages will also implement a way to capture an email address. This way, the potential lead can be retargeted at a later date.

A landing page is much like a funnel. As the customer works their way through, you are ‘funneling’ them toward a specific goal.

Can This Be Achieved in Squarespace?

Yes!

You can create a landing page using your standard subscription account. The process is easy, and you will be able to build a beautiful, fully functional landing page in no time at all.

You will be able to use content blocks just as you would to build any other content on your Squarespace website. This is what makes it super easy!

You will also need to add some extra code. Rest assured, this sounds a lot more daunting than it actually is, and I will guide you through this step below.

Let’s Get Started

By following the steps below, you’ll have your landing page created and converting on Squarespace before you know it.

Step 1 – Create a page

After logging into your account, click pages.

screenshot of squarespace showing pages tab

Next, go to the symbol in the not linked section. Not linked refers to the fact that this page will be standalone and therefore not linked to in any of your menus.

Click on a blank page and give it a name.

screenshot of squarespace showing blank page button

Step 2 – Design

Now we have the basis of our content set up; we can start to create the elements that will bring it to life. This is the design step of the new content.

Click on edit in the top left-hand corner of your page.

screenshot of squarespace showing edit button

You’ve probably noticed that you have a header and footer at this point, which contains various menus and other things that we don’t need. Don’t worry; we will be getting rid of all this later.

In the center of your page, click on the blue button labeled add section

screenshot of squarespace showing add content button

You can now choose from a range of Squarespace website templates or add sections from the list on the left. This is where you will find the options to add images, text, forms, etc.

Many landing pages will have a form to capture an email address. There is already an option if you are currently using Mailchimp; however, if you are using another email platform such as aweber, you will need to follow the instructions here.

screenshot of squarespace showing templates

Step 3 – Remove Header and Footer

Once you are happy with the design, you will need to remove the header and footer using some code. This is to keep everything looking clean and remove any distractions that may take the user somewhere else on your website before taking the required action on the landing page.

To remove the header and footer, we need to add a small amount of code. This is easy to do and only takes a few seconds to complete.

Click the gear icon next to the name of your page on the left-hand menu, then go to advanced.

In the box labeled page header code injection, copy and paste the following code.

<style>.header, #footer-sections {display:none!important;}</style>

Now, click Save in the upper left-hand corner

screenshot of squarespace showing advanced code section

You should now be able to see that your custom landing page has both the header and footer removed.

That’s it! You’re done, and you can start sending traffic to it!

How do I change my landing page in Squarespace?

Squarespace makes editing a breeze, which is one of the reasons I love their platform so much. You can login to your Squarespace account at any time and change various sections of your page by adding/removing that section. Maybe you want to add a new form and change up some of the images? All it takes is a few minutes.

Just make sure to remember to click the save button after you have made any changes.

As a side note, you should constantly test different variations of your content to boost your conversion rate. Different button colors, font, images, text, etc., should be tweaked to optimize the page to obtain a high conversion rate.

What is the difference between a splash page and a landing page?

Most people will have heard of the term landing page at one point or another, but are you familiar with the term splash page?

Splash pages and landing pages have very different intentions and should be used accordingly.

Splash Page

Ever visited a website and landed on a website that asks you to confirm your language? Maybe you come across a page that is launching an event or an age verification disclaimer. These are all splash pages.

A splash page is essentially a piece of content that precedes any thing else on the website. Think of it as a welcome before you enter the main body of the website.

Landing Page

A landing page is standalone, separate from the rest of the website. Its goal is to make the user carry out a specific action to achieve a pre-determined goal.

For example, a landing page may be created to capture the user’s email address by offering them a free ebook (called a lead magnet). It has only one goal, and that is to capture the email address. There are no other links, menus, or social media icons.

Are Squarespace cover pages the same as landing pages?

Yes and no.

A cover page in Squarespace has limitations.

Squarespace calls their version of a landing page a cover page. There is nothing wrong with cover pages, but there are limitations, which is why I prefer to create custom content as detailed above.

The drawback with Squarespace cover pages is with the design options. There are only a certain amount of elements that can be added to a cover page. With a custom option, you have much more flexibility and more design options.

Key Points

  • Keep your landing page clean and simple. Don’t forget to remove the header and footer to help keep visitors on your website.
  • Cover pages are ok, but you should try to use a custom landing page as you have more control over the design and layout.
  • Always have a clear call to action. Don’t over complicate things and make it simple for visitors to complete an action.
  • Constantly test new layouts, buttons, etc., to obtain a higher conversion rate. You will be surprised at how such little tweaks can make a big difference.
  • Take note of which type of traffic you send to your website converts at the highest rate. Is it Facebook ads, traffic from a newsletter, or maybe organic traffic from Google? Are the visitors cold, warm, or hot?
  • If you are already using Squarespace for your website, then it makes sense to host your landing page on the same platform. If, however, you don’t already have a paid plan, Squarespace, it is probably better to look into a dedicated landing page builder such as Leadpages or Clickfunnels.

Leave a Comment