Open main menu
HomeSquarespaceWeb DesignAcademyStudioSquare Forge
Free Membership

How to Style Email Campaigns in Squarespace

Get your Squarespace email campaigns looking consistent with your brand using these styling options.

Squarespace
•
Table of Contents
How to Style Email Campaigns in Squarespace
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
Squarespace
email marketing
email customization
Tags Synced
Tags Synced
AI summary
Customize email campaigns in Squarespace using global styles for consistency, automate style settings from your website, manage color palettes, and ensure responsive design for optimal display across devices. Reuse styles from previous campaigns to save time.
Last edited by
Platform
Squarespace
Category
Topic

How to Style Email Campaigns in Squarespace

TL;DR: Key Points
  • Customise individual sections or apply global styles to unify your campaign's look
  • Automate style settings by linking them directly to your website's design
  • Use font packs for compatibility across email clients
  • Manage colour settings via Email Palette and Site Palette for brand consistency
  • Use responsive design for optimal display on all devices
  • Copy style settings from previously sent campaigns

Customise Your Campaign

Apply Global Styles for Consistency

Global style settings affect the entire email. This keeps your brand looking consistent throughout. These settings control fonts, text sizes, link colours, and the campaign's background colour. You can adjust these manually or apply your website's existing styles.

Copy Your Website Styles Automatically

To make your email match your website:
  1. In your draft, go to Style in the right-hand panel
  1. Click Quickly match your site to apply your site's look to the email
  1. Add your site logo by clicking Insert Logo
  1. Change campaign colours by selecting from the pre-defined colour themes (these mirror your website's palette)

Set Fonts Across Your Campaign

Click Font Pack in any section to update text styling throughout your email. Font packs ensure your text displays properly across different email clients, even those that don't support specific webfonts.
Pixelhaze Tip: Individual font changes aren't possible within a font pack. If you need different fonts, create text as images or use formatting like colour changes or highlighting instead.

Advanced Colour Options

Managing Your Colour Palette

Two palette options are available for background and text colours:
  • Email Palette: Shows currently active campaign colours
  • Site Palette: Uses colours from your website for brand consistency

Getting Back Deleted Colours

If you accidentally delete a colour swatch that's used elsewhere in the campaign, you can add it back. Find an element using that colour and reintroduce it to your palette.

Background Options

Different background types work independently:
  • Email Background: Colours the area around your campaign
  • Content Background: Sits behind all section elements unless overridden
  • Section Colour: Applies to specific sections only

Adjust Spacing with Padding

Change the space around elements in your email through padding settings in each section. Mobile displays might reduce padding automatically to improve readability.

Responsive Design

Squarespace emails adapt to different screen sizes automatically. This keeps your layout looking good and readable across devices.

Copy Styles from Previous Campaigns

Save time by reusing styles from campaigns you've already sent:
  1. Go to your Email Campaigns dashboard
  1. Click Sent then the Reuse template icon on a campaign you like
  1. This creates a new draft with those styles ready for editing

FAQs

Can I change fonts for individual elements in a Squarespace email campaign? No, you can't change individual fonts within a font pack. This restriction exists because of compatibility issues across email clients.
How do I make my email campaign match my website's branding? Use the style settings to automatically add your site logo and apply colours from your site's palette.
Can I get back a deleted colour swatch in the Email Palette? Yes, if the colour is used elsewhere in your campaign. Find an element using that colour to add it back. If it's not used anywhere, you can't retrieve it.

Jargon Buster

  • Font Pack: A set of fonts designed to work consistently across different email platforms
  • Padding: The space around elements in an email that you can adjust for better layout
  • Global Styles: Settings that apply to your entire email, including fonts and link colours
  • Responsive Design: Emails that automatically adjust to fit the viewer's screen size properly

Final Thoughts

Squarespace's email styling options help you create campaigns that look professional and match your brand. These tools let you build emails that work well across devices while maintaining your visual identity. The key is using global styles for consistency and the site matching feature to keep everything aligned with your website.

Join our Free Membership and access our DIY Community.

Need help with your website

Become a member