How to Create a Squarespace Landing Page in 6 Steps

Mirna Cacic By Mirna Cacic November 6, 2024 Nov 6, 2024

Landing pages are a must-have for any good digital marketing campaign. But how do you create catchy landings that grab attention? In this guide, we’ll show you how to do it easily with Squarespace.   

We’ll cover the basics first, but if you’re ready to dive in, you can skip straight to the how-to.

What is a Landing Page?

A landing page is a web page designed to serve a specific goal. It’s where users “land” after clicking a link, ad, or email button. 

Unlike regular web pages, landings help you guide users to a specific action. For example, landing pages can invite users to sign up, make a purchase, register for a webinar, or download a guide.

Landing Page vs. Homepage: Difference

Landing pages and homepages serve different purposes. A homepage is like your website’s front door. It welcomes visitors and gives them an overview of your brand and its offerings. As a rule, homepages have many links and guide users to different parts of your site.

Landing pages are more targeted. They are built for a single goal, tied to a specific marketing campaign. Landing pages get visitors to take one clear action. Unlike a homepage, a landing page has fewer distractions, no menus or extra links, just one clear call to action (CTA).

Here’s a quick comparison to break it down:

CriteriaLanding PageHomepage
FocusOne specific actionGeneral intro to a website
AudienceTargeted (e.g. campaign or ad visitors)Any website visitor
ContentMinimalistic, clear CTALots of links, info about a brand
GoalHigh conversion for one actionExploring the site & learning the options

To put it shortly, the homepage is for exploring, while the landing page is for converting users.

Why Landing Pages Work

Landing pages go beyond just eye-pleasing visuals. They’re super effective for getting results. Here are a few reasons why landing pages are so effective:

  • Higher conversions: With one clear CTA, visitors stay focused and are more likely to take the action you want (like signing up, purchasing, or downloading).
  • Focused messaging: From the content perspective, you can tailor your texts to fit a specific campaign or audience, making the message more relevant.
  • Fewer distractions: Unlike homepages, there’s no clutter or extra links to distract users from taking the main action.
  • Easy tracking: Landing pages are easy to track. You can quickly see how many people clicked, signed up, or purchased. Based on that, you can tweak your strategy for even better results.
  • Complex approach: Landing pages work great with ads, email campaigns, or social media.

Types of Landing Pages

Landing pages are a great space for creativity. Based on their layout and purpose, landings can be divided into two main types:

Lead Generation Landing Page

If you want to grow your email list or customer base, lead gen landing pages are perfect. These pages help you collect valuable information from visitors, like their names, emails, or phone numbers. 

Typically, you’ll offer something in exchange, such as a free ebook, report, or newsletter. For example, Function of Beauty uses a fun lead generation quiz to gather user info in exchange for personalized product recommendations, making the experience more engaging.

The main goal? To gather leads that you can follow up, turning visitors into potential customers.

Click-Through Landing Page

A click-through landing page helps you warm up users before they make a purchase or take action. Instead of asking for info right away, it provides more details about a product or service. Then, it hits them with a strong CTA (usually leading to a signup or purchase).

These pages often include a catchy headline, short text, and a simple CTA. Here’s how Apple TV+ uses this approach to guide users toward starting a free trial:

Image showing an example of a click-through landing page.

How to Create a Squarespace Landing Page

Creating a landing page on Squarespace is super easy, even if you’re a newbie. Just follow these steps:

1. Create a new page

Once you’re logged in, go to your site’s dashboard and click on ‘Pages’ from the left-hand menu. From there, click the ‘+’ sign to add a new page.

Image showing how you can create a Squarespace landing page by first creating a new page.

2. Choose a layout or start from scratch

The platform offers a collection of pre-built Squarespace landing page templates —just pick one that fits your style. Or, if you prefer to build from the ground up, select a blank page and customize it your way.

Image showing how to create a Squarespace landing page. You can choose a layout or start from scratch.

3. Add content sections

After choosing a template (or a blank page), you can start adding content sections. Click ‘Add Section’ to include features like text, images, videos, or forms. Be sure to keep your content focused and simple.

Image showing how you can create a Squarespace landing page by creating a new page, choosing a layout, or starting from scratch.

Don’t forget about a clear CTA button like ‘Sign Up’, ‘Get Started’, or ‘Buy Now’. Make it stand out so visitors know exactly what you want them to do.

4. Customize the design

Use Squarespace’s style editor to tweak the fonts, colors, and layout to match your brand. You can also add your logo and choose images that fit your message.

Image showing how you can create a Squarespace landing page and customize it.

5. Add quizzes to collect leads

If you’re creating a lead generation page, consider using a quiz to collect names and emails. Unlike standard forms, quizzes make your landing page more interactive.

To add a quiz, simply click ‘Add Section’, select ‘Embed’, and paste the quiz code.

Image showing how you can easily create a Squarespace landing page and use it to collect leads.

Tip: For detailed instructions, check out our guide on how to create and add a Squarespace quiz.

6. Preview & test

Before going live, make sure your Squarespace landing page looks equally great on desktop and mobile devices. Don’t forget to test the CTA buttons, forms, and any links to ensure they work properly.

Image showing how you can create a Squarespace landing page that collects leads.

And that’s it! In just a few steps, you’ve created an eye-catching landing page using Squarespace.

Squarespace Landing Page Templates

Choosing the right template can make all the difference. Although Squarespace offers tons of options, they can feel a bit overwhelming at first. 

To help you get started, here are some of the best templates for creating an effective landing page:

Hester

Hester is a minimalist, modern template designed to keep the spotlight on your content. With bold typography and clean layouts, it’s ideal for a landing page where you want your CTA to stand out and make an impact.

Image showing an example of an effective landing page from the brand Hester.

With many image blocks and easy-to-read sections, it’s great for businesses looking to drive purchases.

Florence

Florence is a universal, one-page template. It’s ideal for those who want a simple but impactful landing page. Florence keeps visitors focused on the action. Its minimalistic design ensures your Squarespace landing pages look good on any device.

Image showing a landing page template from Squarespace called Florence.

Mariana

If you’re running an online store, the Mariana template is a great choice. It’s perfect for a multi-product Squarespace landing page. This design allows you to showcase special offers and best-sellers with beautiful image layouts in a clean, organized way.

Image showing a landing page template from Squarespace called Mariana.

7 Landing Page Best Practices

Let’s discuss some tips to help you create a winning landing page:

Keep Your Messaging Clear

Landing pages shouldn’t be tricky. Use simple language and avoid jargon. Visitors should immediately know what you’re offering and what action you want them to take.

Use Clear CTAs

Your call to action should stand out and clearly tell visitors what to do next. Use action-oriented phrases like ‘Get Started’, ‘Sign Up Now’, or ‘Claim Your Free Trial’. Make sure the button is visible and easy to find.

Engage With a Quiz

Adding a quiz lead magnet is a win-win option. On one hand, quizzes help you learn more about your audience and their preferences. On the other hand, they bring an enticing and entertaining element that keeps users engaged from start to finish.

Here are a few ideas for incorporating quizzes into different types of landing pages:

  • Product recommendations: Create a quiz that asks users about their preferences, then suggest products based on their answers. This is perfect for beauty or fashion brands that want to offer personalized recommendations.
Image showing an example of a product recommendation quiz by the brand Foreo.
  • Assessment quizzes: Use quizzes to assess skills related to your field. For example, the fitness app Sesh offers a quiz to suggest a suitable workout plan.
Image showing an example of an assessment quiz by the brand Sesh.
  • Fun personality quizzes: These can be great for engaging users in a light-hearted way. For example, a travel site can create a quiz to determine the best vacation destination based on users’ personalities.
Image showing an example of a fun personality quiz by the brand Baboo.

Try this quiz

Add Social Proof

When potential customers see that others have a positive experience, they’re more likely to take the next step. Showcase testimonials, reviews, or case studies to build trust with your audience. 

Keep it Simple  

A landing page is not a maze. Too much information or too many links can distract visitors. Stick to the essentials to guide them toward a desired action.

Use Compelling Visuals  

In a world where we scroll quickly, strong visuals can grab attention right away. Use visuals that resonate with your audience and support your overall goal—whether it’s showcasing your product or storytelling.

Optimize for Mobile  

Let’s be real, most people browse on their phones. So, before you publish your landing page, make sure it looks great on different screen sizes.

3 Outstanding Landing Page Examples

If you’re looking for inspiration for your landing page, here are three outstanding examples to check out:

Calm

Calm’s landing page is peaceful and welcoming, much like its mental health app. It uses soothing colors and friendly copy to engage its audience.

Image showing an example of a landing page by the brand Calm.

This aligns perfectly with Calm’s branding, which is all about relaxation and mindfulness.

The landing page is tailored for listeners of the ‘Let’s Not Meet: A True Horror Podcast’, offering an exclusive discount. Its personalized message creates a sense of exclusivity and makes users feel special.

Calm uses compelling figures and social proof so that visitors see the value in signing up for Calm Premium. 

Image showing an example of a landing page by the brand Calm.

There’s no clutter on the page. It’s focused on one main action: getting users to sign up for Calm Premium. The clean design, calming visuals, and clear CTA ensure that users are not distracted.

Glossier

The Glossier Shade Finder landing page is designed to help users pick their perfect makeup shade. It starts with a quiz so that visitors can identify their skin tone through a series of questions. 

Image showing an example of a landing page by the brand Glossier.

Once users complete the quiz, they receive a personalized shade recommendation along with tips on how to apply the product. To enhance the shopping experience, the page also includes a real customer review to build trust.

Image showing an example of a landing page by the makeup brand Glossier.

It also showcases related products that users might also like, encouraging further exploration and purchases. Combining personalization, social proof, and product suggestions, Glossier creates a user-friendly experience.

Mailchimp

The headline, ‘Mailchimp gets it done,’ immediately conveys the company’s core offering confidently. It tells visitors exactly what they can expect: an email marketing platform that delivers results.

Image showing an example of a landing page by Mailchimp.

The visuals are minimalistic, drawing visitors’ attention to key areas. Right below the headline, Mailchimp clearly explains prominent milestones, emphasizing efficiency.

Scrolling down, the landing page breaks down the main benefits of Mailchimp’s pricing plans and features. The copy throughout the page speaks directly to users’ pain points.

Image showing an example of a landing page by Mailchimp.

The layout is easy to navigate, with separated sections. The focus is on explaining Mailchimp’s benefits and encouraging users to sign up.

Wrapping Up

Creating a Squarespace landing page is easier than you might think. With the right template, clear messaging, and a focused CTA, you have all the chances to drive results. 

Now that you know the steps, it’s time to create a landing page that shines. Happy designing!