Optimize Your Squarespace Product Images for Better Sales
TL;DR:
- Use different types of product images (primary, additional, variant) for a complete display
- Adjust image aspect ratios before uploading to fit your product layouts
- Keep total image weight under 5MB to maintain fast page load speeds
- Use Squarespace's site styles panel for consistent image styling across your store
Understanding how to add images to your Squarespace store starts with knowing the layout. Your store has two main areas:
Store Pages – These show multiple products at once, like a shop window display.
Product Details Pages – Where customers get a closer look at individual products after clicking from the store page.
Types of Product Images
Squarespace gives you several image options to improve the customer experience:
Featured Images appear on store pages and other summary areas. Your primary image usually serves this purpose unless you pick a different one.
Primary Images show up first on product details pages.
Additional Images work well for different angles and close-up shots.
Variant Images help showcase available options like colors and sizes.
Alternate Social Sharing Images appear when someone shares your product on social media.
Getting Your Images Ready
Image Aspect Ratios – Edit your images to match your desired aspect ratios before uploading. This prevents awkward cropping and ensures they fit your product layouts properly.
Managing File Sizes – While you can upload up to 100 images per product, starting with a few helps you find the best setup without slowing down your pages.
Styling Your Product Images
Your product presentation directly affects customer engagement. Here's how to make the most of Squarespace's design settings:
Store Page Settings – Adjust image aspect ratios and experiment with styling options to find what works best for your products.
Product Details Page Settings – Custom settings vary depending on your Squarespace version, letting you tailor the shopping experience.
Interactive Features – Use tools like Quick View, Image Zoom, or Alternate Image on Hover to help customers get a better look at your products.
FAQs
How many images can I upload per product?
Up to 100 images, but keep the total size under 5MB for best performance.
Can I change the style of my product images across my site?
Yes, use the site styles panel in Squarespace to adjust product images to match your branding.
How do I fix cropped images in Squarespace?
Adjust the aspect ratio settings in your store page or product details page settings, or check Squarespace's troubleshooting guide for cropping issues.
Jargon Buster
Site Styles Panel – Squarespace's design controls that let you adjust your website's appearance
Variant Images – Images showing different available versions of a product (like different colors)
Featured Image – The main display image of a product in store listings
Primary Image – The first image shown on the product details page
Alt Text – A text description of an image that helps with SEO and accessibility
Wrap-up
Using the right types of images and managing them well on your Squarespace store helps attract and convert customers. Each image affects loading time and customer perception, so choose carefully and optimize for the best user experience.
Ready to enhance your store's visual appeal? Join Pixelhaze Academy for more detailed Squarespace training and support.