Open main menu
HomeSquarespaceWeb DesignAcademyStudioSquare Forge
Free Membership

How to Add and Style Images in Squarespace Email Campaigns

Learn how to add, customise, and manage images in your Squarespace email campaigns for better engagement and accessibility.

Squarespace
•
Table of Contents
How to Add and Style Images in Squarespace Email Campaigns
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
Squarespace
email marketing
image management
Tags Synced
Tags Synced
AI summary
Learn to add and style images in Squarespace email campaigns by using various layouts, adding alt text for accessibility, and setting up clickthrough links to enhance engagement and deliverability. Focus on high-quality images and ensure they display well on mobile devices.
Last edited by
Platform
Squarespace
Category
Topic

How to Add and Style Images in Squarespace Email Campaigns

Learn how to add, customise, and manage images in your Squarespace email campaigns for better engagement and accessibility.

TL;DR: Key Points

  • Add up to four images per section, customise with captions and clickthrough URLs
  • Choose from different layouts (banner, grid, card, list) to control how images appear
  • Add alt text to each image for accessibility and SEO
  • Grid layouts don't support captions (use other layouts if you need captions)
  • Manage image sizes and spacing for crisp, professional presentation
  • Use the Show Caption toggle to add or hide captions in banner layouts

Adding Images to Your Campaign

Getting images into your Squarespace email campaign is straightforward:
  1. Open your campaign draft or create a new one
  1. Click the "+" between your header and footer
  1. Select "Image" then upload from your device, library, or free sources like Unsplash
  1. To rearrange or delete images, click "Manage Images" below the previews
Turn your images into clickable links that drive traffic back to your website:
  1. Next to each image in the layout panel, click "Unlinked" (or the existing URL if you've set one before)
  1. Enter your destination URL directly or use the link editor for more options
Quick tip: Make sure your clickthrough URLs match what the image shows. If it's a product photo, link to that product page. If it's a blog post header, link to the full article.

Layout Options

Squarespace gives you four ways to display your images:
  • Banner: Full-width images with captions underneath
  • Grid: Tiled images without captions (think Instagram grid style)
  • Card: Images with caption text overlaid on cards
  • List: Images and captions arranged in rows, alternating left and right
Each layout has different styling options for spacing, colours, and text alignment. Pick the one that fits your content best.

Styling Your Images

You can adjust several visual elements:
  • Image Size: Small, medium, large, or custom dimensions
  • Spacing: Add padding around images so they don't feel cramped
  • Colours: Change section backgrounds and text colours to match your brand

Adding Alt Text for Accessibility

Alt text helps screen readers describe images to visually impaired subscribers. It also helps with deliverability:
  1. Click your image section and select the specific image
  1. Find the "Image Alt Text" field in the right panel
  1. Write a brief, descriptive sentence about what the image shows
  1. It saves automatically
Keep alt text concise but descriptive. "Red sofa in modern living room" works better than just "sofa" or a long paragraph.

Common Questions

Can I add a slideshow to my email campaign? No, Squarespace emails don't support slideshows. If you need something animated, create a GIF externally and upload that instead.
How do I reorder my images? In the "Manage Images" panel, click and drag using the six dots next to each filename.
Why can't I add captions to my grid layout? Grid layout doesn't support captions by design. Switch to banner, card, or list layout if you need captions.

Quick Reference

  • Image Section: The area where you add and edit images in the campaign builder
  • Clickthrough URL: A link attached to an image that takes people to another webpage when clicked
  • Alt Text: Descriptive text that helps screen readers and improves email deliverability
  • Layouts: The different ways you can arrange images and captions (banner, grid, card, list)

Getting Better Results

Well-chosen images can significantly improve your email open rates and click-through rates. Focus on high-quality photos that support your message, make sure they load quickly, and always include relevant clickthrough links.
Remember to test how your images look on mobile devices. Most people read emails on their phones, so images need to work well on smaller screens too.

Join our Free Membership and access our DIY Community.

Need help with your website

Become a member