Your website gets traffic. But traffic without conversion is just noise.
Learning how to create a landing page on Squarespace gives you a focused tool for capturing leads, promoting offers, and driving specific actions.
No coding required. No third-party software needed.
Squarespace’s drag and drop editor makes the entire process straightforward, even if you’ve never built a page before.
This guide walks you through every step: from accessing the Pages panel to configuring SEO settings and removing distractions like headers and footers.
By the end, you’ll have a fully functional lead generation page ready for your next marketing campaign.
Introduction
Creating a landing page on Squarespace is the process of building a single-purpose web page designed to capture leads or drive conversions using the platform’s drag and drop editor.
You need this when running marketing campaigns, launching products, collecting email signups, or promoting limited-time offers.
This guide covers 8 steps requiring approximately 15-30 minutes and a Squarespace website on any paid plan.
Prerequisites
Before you start, make sure you have these ready:
Is Squarespace still gaining ground?
Explore the newest Squarespace statistics: market size, user demographics, revenue insights, and design trends powering the platform.
Check the Numbers →- Squarespace version: 7.0 or 7.1 (this guide focuses on 7.1)
- Account type: Personal, Business, or Commerce plan
- Time needed: 15-30 minutes
- Skill level: Beginner-friendly
- Content ready: Headline, body text, images, and your call-to-action
Business and Commerce plans give you access to page code injection for hiding headers and footers with custom CSS.
Personal plans can still create landing pages using built-in navigation settings.
Step One: How Do You Access the Pages Panel in Squarespace?
Open your Squarespace dashboard, click Website in the left sidebar, then select Pages to view all existing pages organized into Main Navigation and Not Linked sections.
Action
- Path: Dashboard > Website > Pages
- Location: Left sidebar menu
- Result: Pages panel opens showing your site structure
Purpose
The Pages panel is your control center for adding, organizing, and managing every page on your Squarespace website.
If you’re new to the platform, learning how to use Squarespace starts here.
Step Two: How Do You Add a New Blank Page for Your Landing Page?
Click the + icon next to Not Linked section, select Blank Page from the options, name your page, then click Start Editing to open the Fluid Engine editor.
Action
- Click: + icon next to “Not Linked”
- Select: Blank Page (not a pre-built layout)
- Enter: Page title matching your campaign or offer name
- Click: Start Editing
Purpose
Placing your page in the Not Linked section keeps it out of your main navigation menu.
This creates a standalone page accessible only through direct links, perfect for targeted campaigns.
Step Three: How Do You Add Sections and Content Blocks to Your Landing Page?
Click the blue Add Section button, choose a blank section or pre-built layout, then use the Add Block menu to insert text, images, forms, buttons, and video content blocks.
Action
- Click: Add Section (blue + icon)
- Choose: Blank section for full control or pre-built template
- Add blocks: Text Block, Image Block, Form Block, Button Block, Video Block
- Arrange: Drag blocks within the Fluid Engine grid
Content Blocks to Consider
- Text Block: Headlines, descriptions, bullet points
- Image Block: Product photos, graphics, background visuals
- Form Block: Email capture, contact forms, lead generation
- Button Block: CTA buttons linking to checkout, signup, or download
- Code Block: Embed forms from Mailchimp, Flodesk, or ConvertKit
Purpose
Content blocks are the building elements of your page layout.
The Fluid Engine editor supports responsive design automatically, so your blocks adjust for mobile and tablet screens.
Need to make quick changes later? You can always edit your Squarespace website through the same visual editor.
Step Four: How Do You Remove the Header and Footer from Your Landing Page?
Open page settings by clicking the gear icon, select Navigation, then toggle off Show Header and Show Footer to create a distraction-free page focused on your conversion goal.
Action
- Click: Gear icon on your landing page
- Select: Navigation tab
- Toggle off: Show Header
- Toggle off: Show Footer
- Click: Save
Alternative Method (Business/Commerce Plans)
Go to Page Settings > Advanced > Page Header Code Injection and add this CSS code:
“ <style> header, footer, .header, .footer { display: none !important; } </style> `
Purpose
Removing navigation elements eliminates distractions and keeps visitors focused on your single call to action.
Step Five: How Do You Add a Call-to-Action Button to Your Landing Page?
Click Add Block, select Button, enter your CTA text like “Get Started” or “Download Now,” then configure the link to your destination URL, checkout page, or form anchor.
Action
- Add Block: Button
- Button text: Action-oriented phrase (Sign Up, Get Access, Buy Now)
- Link field: Enter destination URL or page anchor
- Style: Choose Primary or Secondary button style
Button Placement Tips
- Place your main CTA above the fold where visitors see it immediately
- Add secondary buttons after each content section on longer pages
- Use contrasting colors; learn how to change button color in Squarespace for better visibility
Purpose
CTA buttons drive conversions by telling visitors exactly what action to take next.
Step Six: How Do You Customize the Background of Your Landing Page?
Hover over any section, click the pencil icon, select Background to add an image or video, or click Colors to set a solid background color using hex codes or the color picker.
Action
- Hover: Over the section you want to edit
- Click: Pencil icon (top-right corner)
- Select: Background tab
- Choose: Image, video, or solid color
- Adjust: Overlay opacity for text readability
Background Options
- Image: Upload high-quality visuals; a strong hero image captures attention instantly
- Video: MP4 files play automatically without sound
- Color: Solid backgrounds with adequate white space improve readability
Purpose
Background styling creates visual hierarchy and sets the tone for your entire page.
Step Seven: How Do You Configure Page Settings and SEO for Your Landing Page?
Click the gear icon on your page, update the URL slug to something short and descriptive, add an SEO title under 60 characters, write a meta description under 160 characters, and upload a social sharing image.
Action
- Page Settings: Click gear icon
- General tab: Edit page title and URL slug
- SEO tab: Add SEO title and meta description
- Social Image: Upload 1200x630px image for link previews
SEO Settings Checklist
- URL slug: /free-guide or /spring-sale (no dates or random strings)
- SEO title: Include your primary keyword naturally
- Description: Summarize the offer with a clear benefit
- Social image: Custom graphic matching your campaign
Track performance by connecting Google Analytics to Squarespace.
Purpose
Proper page settings improve search visibility and control how your page appears when shared on social media.
Step Eight: How Do You Set Your Landing Page as Homepage or Keep It Unlisted?
To set as homepage, drag the page to Main Navigation and click the gear icon to select “Set as Homepage.” To keep unlisted, leave it in the Not Linked section where visitors access it only via direct URL.
Action for Homepage Setting
- Drag: Page to Main Navigation section
- Click: Gear icon on the page
- Select: Set as Homepage
Action for Unlisted Page
- Keep: Page in Not Linked section
- Share: Direct URL (yourdomain.com/your-page-slug)
- Optional: Disable other pages for “coming soon” setups
Purpose
Homepage setting displays your landing page as the first thing visitors see; unlisted pages work better for targeted campaigns and paid ads.
Verification
Before going live, test everything:
- Preview mode: Click the eye icon to see your page as visitors will
- Mobile check: Switch to phone and tablet views in the editor
- Form test: Submit a test entry to confirm it reaches your email or ESP
- Button links: Click every CTA to verify correct destinations
- Load speed: Open in an incognito browser window to check performance
Ready to go live? Learn how to publish a Squarespace website to make your landing page accessible.
Troubleshooting
Issue: Header and Footer Still Visible After Toggle
Solution: Clear browser cache, try a different browser, or use the CSS code injection method in Page Settings > Advanced > Page Header Code Injection.
Issue: Form Not Displaying Correctly
Solution: Check your Code Block for missing embed tags; wrap third-party form code with tags for alignment; disable form preview in edit mode and view the live page instead.
Issue: Background Image Not Loading
Solution: Compress images to under 500KB; use JPG for photos, PNG for graphics; check file dimensions match recommended 2500px width for full-bleed backgrounds.
Issue: Page Not Appearing in Search Results
Solution: Verify the page is enabled (not password protected), check SEO settings are filled out, and confirm the page isn’t set to “Disabled” in page settings.
Related Processes
- How to change the domain name on Squarespace
- How to duplicate a page in Squarespace (for A/B testing variations)
- How to add a pop up on Squarespace
- How to change favicon on Squarespace
- How to add fonts to Squarespace
FAQ on How To Create A Landing Page On Squarespace
Can I Create a Landing Page on Squarespace for Free?
You can build a landing page during Squarespace’s 14-day free trial.
However, publishing it requires a paid plan. Personal, Business, and Commerce plans all support landing page creation with the Fluid Engine editor.
What’s the Difference Between a Landing Page and a Homepage?
A homepage serves as your site’s central hub with multiple navigation options.
A landing page focuses on one goal: capturing leads, driving sales, or promoting a single offer. No distractions, just conversion.
How Do I Hide the Header and Footer on My Squarespace Landing Page?
Go to Page Settings > Navigation and toggle off Show Header and Show Footer.
Business plan users can also inject custom CSS code through Page Header Code Injection for more control.
Can I Embed Third-Party Forms on a Squarespace Landing Page?
Yes. Add a Code Block to your page and paste the embed code from Mailchimp, Flodesk, ConvertKit, or any email marketing platform.
Wrap the code in center tags for alignment.
What Squarespace Plan Do I Need for Landing Pages?
Any paid Squarespace plan works. Personal plans use navigation toggles to hide headers.
Business and Commerce plans unlock page code injection for advanced customization with custom CSS.
How Do I Make My Squarespace Landing Page Mobile-Friendly?
Squarespace 7.1 automatically adjusts your layout for different screen sizes.
Use the mobile preview in the editor to check spacing, text readability, and button placement. Following mobile-first design principles helps.
Can I Create Multiple Landing Pages on One Squarespace Site?
Absolutely. Add as many blank pages as needed in the Not Linked section.
Each page gets its own URL slug, SEO settings, and design. Perfect for running multiple campaigns simultaneously.
How Do I Track Conversions on My Squarespace Landing Page?
Connect Google Analytics through Settings > Advanced > External API Keys.
Set up goals in Google Analytics to track form submissions, button clicks, and page visits from your marketing campaigns.
What’s the Best Template for a Squarespace Landing Page?
In Squarespace 7.1, templates share the same functionality. Start with a blank page instead.
Add sections using the drag and drop editor to build exactly what your campaign needs.
How Do I Add a Countdown Timer to My Squarespace Landing Page?
Squarespace doesn’t include a native countdown block.
Use a third-party tool like Elfsight or POWr, copy the embed code, and paste it into a Code Block on your page for urgency-driven offers.
Conclusion
Now you know how to create a landing page on Squarespace from start to finish.
The process comes down to adding a blank page, building with content blocks, removing distractions, and configuring your page settings for search visibility.
Squarespace 7.1’s Fluid Engine makes page design accessible without touching code.
Your call to action button placement, background choices, and form integration all impact conversion optimization.
Test your page on mobile. Check every link. Submit a test form before launching.
Small details matter when capturing leads.
Once published, share your page URL through email campaigns, social media, or paid ads to start driving targeted traffic toward your offer.
If you want to expand your site further, explore how to build a website on Squarespace for a complete walkthrough.
