How to Set Up a Coming Soon Page on Squarespace 7.1

Squarespace stands out as an exceptional all-in-one platform, offering everything from blogging and e-commerce to email marketing and integrated scheduling. It's a favorite for many due to its comprehensive features.

However, there are instances where you might want a little extra flair, like a captivating "coming soon" page akin to those found in BrittaMade Templates. 

The Importance of a Coming Soon Page

Why Have a Coming Soon Page? What Are the Benefits?

A Coming Soon page brings a lot of advantages to businesses and brands that are getting ready to launch their websites. Here’s why it’s important:

Lead Generation:

  • Build an email list with signup forms, and you have an audience ready for your launch.

  • For instance: 70% of pre-launch email forms convert more post-launch.

SEO Visibility:

  • No matter how good your content may be, if no one knows about it, it’s going to be extremely tough being ranked in search engines.

  • Letting Google index your site while it is under construction

Brand Visibility:

  • This is an opportunity to showcase your logo, brand colors, and an attractive copy to enhance recognition.

Visitor Engagement:

  • Announce new features, products, or services in 10–12 months.

  • Keep users engaged with countdown timers and exclusive offers

Professionalism:

  • Signals brand seriousness in online presence.

  • Best Upcoming Pages Real World Examples

  • Apple's Product Launch Pages Minimalist branding and CTAs.

  • Startup on Squarespace: These startups are using pre-launch pages to showcase their vision while capturing leads.

Today, I'll guide you through the process of creating one yourself!

Step 1: Create your coming soon page as you normally would on a new Squarespace page.

 
Coming Soon Page As A Normal Page
 

Step 2: Go to the settings and click on the advanced .

 
Advanced option In Setting
 

Step 3:Inject the following code into the 'PAGE HEADER CODE INJECTION.

CSS:
</style>

<pre class="source-code">

<style>

  footer, header {

      display: none !important;

  }

</style>

This code will effectively hide the footer and header elements.

Step 4:Set your coming soon page as the home page

 
Set As Homepage
 

That’s it! Now you have a landing page that doesn’t have the header or footer.

Comming Soon Page In Squarespace Website

Step-by-Step Guide to Setting Up a Coming Soon Page on Squarespace 7.1

How Do You Create a Coming Soon Page?

Follow these steps to create a professional Coming Soon page in Squarespace 7.1:

  1. Log In to Squarespace:

    • Access your website dashboard from the Squarespace login page.

  2. Create a New Page:

    • Navigate to Pages > + Add Page > Blank Page.

    • Name it "Coming Soon."

  3. Choose a Template:

    • Go to Design and select a simple Cover Page template for a clean, engaging layout.

  4. Customize the Design:

    • Add a headline to grab attention (e.g., "Something Exciting is Coming Soon!").

    • Include a Call-to-Action (CTA) like "Sign up for updates" or "Be the first to know."

  5. Add an Email Signup Form:

    • Go to Blocks > Form > Email Signup.

    • Connect it to a mailing list using Squarespace Email Campaigns or Mailchimp.

  6. Use High-Quality Visuals:

    • Upload branded images or use free images from Unsplash (integrated into Squarespace).

    • Maintain a cohesive color palette.

  7. Set the Page as Homepage:

    • Go to Settings > Home Page Settings > Select "Coming Soon."

  8. Enable Password Protection:

    • If the rest of your site is under construction, enable Site Availability > Password Protected.

Pro Tips for Better Performance

  • Mobile Optimization: Check the preview in mobile view to ensure it looks perfect.

  • Use Animations: Subtle effects like fade-ins create a polished impression.

  • Track Visitor Data: Use Squarespace Analytics to monitor traffic.

 

Essential Features for a High-Performing Coming Soon Page

What Elements Should a Coming Soon Page Include?

A high-converting Coming Soon page needs these key features:

  1. Headline: A bold, engaging message.

    • Example: “Launching Soon – Get Ready for the Future of [Your Industry]!”

  2. Call-to-Action (CTA): Clear directions for visitors.

    • Example: “Sign up for exclusive updates.”

  3. Email Signup Form: An essential tool for lead generation.

    • Add placeholders like “Enter your email” to simplify signups.

  4. Countdown Timer: Create urgency and anticipation.

    • Use tools like Squarespace’s Countdown Block for easy integration.

  5. Social Media Links: Encourage visitors to connect with your brand on Instagram, Twitter, or LinkedIn.

  6. Branded Imagery: Ensure all visuals match your brand identity.

  7. Engagement Hooks: Offer incentives, such as:

    • Discounts for early subscribers.

    • Access to beta features or pre-sales.

 

Optimizing a Coming Soon Page for SEO

How Do You Ensure SEO Success for a Pre-Launch Page?

SEO optimization is vital for a Coming Soon page. Here are actionable tips:

  1. Keyword Placement:

    • Add target keywords like “Coming Soon page Squarespace” in the headline, meta description, and image alt text.

  2. Meta Descriptions:

    • Write a concise, compelling meta description (e.g., "Get ready! [Your Brand] launches soon. Sign up for updates.").

  3. URL Optimization:

    • Use a clean, keyword-rich URL like /coming-soon.

  4. Responsive Design:

    • Ensure the page is mobile-friendly using Squarespace’s responsive templates.

  5. Fast Loading Times:

    • Compress images using tools like TinyPNG to improve speed.

  6. Schema Markup:

    • Add structured data (e.g., "Event" schema) to show countdowns in search results.

Promoting Your Coming Soon Page

How Do You Drive Traffic to Your Coming Soon Page?

Promotion helps you maximize reach and engagement before your website launch:

  1. Leverage Social Media:

    • Post teasers on Instagram, Facebook, and LinkedIn with links to your Coming Soon page.

  2. Email Marketing:

    • Send announcements to your existing mailing list.

  3. Offer Incentives:

    • Provide discounts or free trials for early subscribers.

  4. Collaborate with Partners:

    • Partner with related blogs or influencers to share your Coming Soon page.

  5. Paid Ads:

    • Use Google Ads or Facebook Ads to target your audience.

Tools and Resources for Creating a Professional Coming Soon Page

Which Tools Can Help You Build and Optimize the Page?

Here are some recommended tools:

  1. Design Resources:

    • Canva: Create branded visuals.

    • Unsplash: Access free, high-quality images.

  2. SEO Tools:

    • Ahrefs or SEMrush: Monitor keywords and backlinks.

    • Google PageSpeed Insights: Improve loading times.

  3. Squarespace Features:

    • Email Campaigns: Manage subscriber lists.

    • Analytics: Track visitor engagement.


FAQs About Squarespace Coming Soon Pages

  1. Can I customize my Coming Soon page on Squarespace?
    Yes, Squarespace allows full customization of text, visuals, and forms.

  2. Do I need a separate domain?
    No, you can host the page on your primary domain and password-protect it.

  3. Can I track page performance?
    Absolutely. Use Squarespace Analytics for visitor insights.

 
Walid Hasan

I'm a Professional Web developer and Certified Squarespace Expert. I have designed 1500+ Squarespace websites in the last 10 years for my clients all over the world with 100% satisfaction. I'm able to develop websites and custom modules with a high level of complexity.

If you need a website for your business, just reach out to me. We'll schedule a call to discuss this further :)

https://www.squareko.com/
Previous
Previous

Adding a Pop-Up to Squarespace: Everything You Need to Know

Next
Next

How to secure your Squarespace website With SSL .