Creating Cover Pages in Squarespace 7.0 for Effective Communication

Create Effective Cover Pages with Squarespace 7.0

TL;DR:

• Cover pages work as standalone front pages for temporary notices, product launches, or email collection
• Available with all Website and Commerce billing plans in Squarespace 7.0 only
• Setup involves choosing a layout, adding content, and styling to match your brand
• All layouts are mobile-responsive but don't support full HTML and Markdown editing
• Multiple pre-configured layouts serve different purposes from personal profiles to multimedia showcases

Cover pages give you a standalone front page that's perfect for temporary notices like "Under Construction" signs or launching new products. They're available with all Website and Commerce billing plans in Squarespace 7.0.

Important: Cover pages are only available in Squarespace 7.0. If you're using version 7.1, you'll need to use a regular page with a cover section instead.

Setting Up Your Cover Page

Adding a cover page is straightforward:

Get the Squarespace Template Builder, with over 300 unique section designs.

1. Open the Pages panel and click the '+' button
2. Select 'Cover page' from the options
3. Choose a layout that fits your needs (Card, Gazette, Flash, etc.)
4. Add your branding elements – text, logos, images, or videos
5. Include interactive elements like buttons or forms for subscriptions or contact
6. Style the page to match your brand

Getting the Most from Cover Pages

Making it your homepage: Set the cover page as your homepage so it's the first thing visitors see when they arrive.

Keeping it out of navigation: Place your cover page in the 'not linked' section if you don't want it appearing in your main site navigation.

Mobile display: Your cover page automatically adjusts to fit any device screen without extra work from you.

The beauty of Squarespace's cover pages is that each layout comes with fixed positioning for elements like buttons and text alignment. This means your page looks professional without needing to fiddle with positioning details.

Layout Options for Different Needs

Different layouts serve different purposes:

For profiles and photos: Monocle or Portrait layouts work well for showcasing people or photography.

For audio and video: Broadcast layout supports audio files, while Premier is optimized for video content with built-in media controls.

For physical locations: The Flagship layout lets you embed Google Maps directly onto your page, perfect for shops or events.

Each layout comes pre-configured for its intended use, so you spend less time on setup and more time on content.

FAQs

Can I make the text larger than the maximum size allowed?
Text size is capped to keep your content readable and properly balanced across all devices. The maximum size ensures your text doesn't break the responsive design.

How do I add custom code to my cover page?
Cover pages aren't built for heavy custom coding, but you can add basic HTML or scripts through the Code Injection feature in page settings for minor tweaks.

Why does the play button move around in the Projector layout?
The play button adjusts its position based on how much text you have to maintain good visual balance and ensure it stays visible and clickable.

Jargon Buster

Responsive Design: Your website automatically adjusts its layout to look good on phones, tablets, and desktops without you having to create separate versions.

Code Injection: A feature that lets you add custom HTML or scripts to specific pages on your website.

Overlay Color: A design setting that applies a colored tint to your page's background, useful for creating visual depth or matching your brand colors.

Wrap-up

Cover pages in Squarespace 7.0 give you a quick way to create impact with visitors for announcements or lead collection. The variety of templates and built-in customization options mean you can create something that looks professional and works well without spending hours on setup.

Joun Pixelhaze for free and gain access to courses, plugins and discounts.

Take time to try different layouts and see which one fits your specific needs. Whether you're announcing something new or keeping visitors engaged during site updates, cover pages offer a practical solution that doesn't require technical expertise.

Ready to build your Squarespace skills? Join Pixelhaze Academy for expert training and support.