.png?table=block&id=218105a2-9d95-81b8-bf3b-d1133e902767&cache=v2)
Last Edited Time
Jun 25, 2025 09:39 PM
Do not index
Do not index
Suggested Tag
Squarespace
product blocks
ecommerce
Tags Synced
Tags Synced
AI summary
Utilize Squarespace product blocks to showcase individual items on various pages, customize their appearance, and ensure store pages are enabled for cart functionality. Address common issues like images not displaying correctly and styling mismatches to enhance user experience and boost sales.
Last edited by
Platform
Category
Topic
Getting the Most from Squarespace Product Blocks
Product blocks are one of Squarespace's handiest features for showcasing your products outside your main store pages. Whether you want to highlight bestsellers on your homepage or feature specific items in a blog post, these blocks give you the flexibility to promote products anywhere on your site.
Understanding Product Blocks
Product blocks let you display individual store items across different pages and posts on your Squarespace site. They're particularly useful when you want to create custom layouts that differ from your standard store page setup.
Think of them as mini shop windows you can place strategically throughout your site. Unlike your main store pages that display multiple products in a grid, product blocks focus on one item at a time, making them perfect for targeted promotion.
The key thing to remember is that product blocks are linked to your actual store pages. This means customers can add items to their cart directly from these blocks, but only if your store pages are properly enabled (more on this later).
Adding and Customising Your Product Block
Adding a product block is straightforward. Edit the page where you want the block to appear, click the + icon to add a new block, and select "Product" from the menu. You'll then choose which product you want to feature from your existing store inventory.
Once your block is in place, you can customise several elements:
Image settings: Choose between square, portrait, or landscape image shapes depending on your design needs. The image will pull from your product's main photo, so make sure that looks good at different aspect ratios.
Button styling: Customise the "Add to Cart" button to match your site's design. In Squarespace 7.1, you'll find these options in the Design panel. If you're still using 7.0, head to Design > Site Styles.
Display elements: You can toggle on or off various product details like price, description, and product title. This flexibility lets you create clean, minimal displays or information-rich promotional blocks.
Text formatting: Adjust fonts, colours, and sizing to ensure your product blocks feel integrated with the rest of your site design.
Making Your Store Work Properly
For product blocks to function correctly, your linked store pages must be enabled and visible. This is the most common issue I see when product blocks aren't working as expected.
Check your main navigation and ensure your store pages appear in your site structure. Even if you don't want customers accessing your store through the main menu, the pages need to exist and be enabled for the shopping cart functionality to work.
If you're running a member site with gated products, product blocks work well for promoting these restricted items. Just remember that non-members will see the product details but won't be able to purchase until they sign up or log in.
For displaying multiple products together, don't try to cram several product blocks side by side. Instead, use summary blocks set to display products. These are designed specifically for showing multiple items in a clean, organised layout.
Fixing Common Problems
Products not adding to cart: This almost always comes down to disabled store pages. Check that your store section is enabled in your site navigation, even if it's hidden from your main menu.
Images looking odd: Product blocks use your featured product image and crop it based on the aspect ratio you've chosen. If your image looks strange, either adjust the crop in your product settings or change the image shape in the block settings.
Styling doesn't match your site: Product blocks inherit some styling from your overall site design, but buttons and text might need manual adjustment. Use the Design panel to customise colours, fonts, and button styles.
Block not displaying properly on mobile: Always check your product blocks on different screen sizes. Sometimes the layout needs tweaking for mobile devices, especially if you're using custom spacing or alignment.
Always preview your changes on different devices before publishing. Product blocks should feel like a natural part of your site, not an obvious add-on.
Quick Answers
How do I change the 'Add to Cart' button style?
In Squarespace 7.1, use the Design tab to customise button appearance. For 7.0 sites, go to Design > Site Styles.
Can I show multiple products in one block?
No, product blocks are designed for single products only. Use multiple individual blocks or switch to summary blocks for displaying several products together.
Why can't customers add products to their cart from my product blocks?
Check that your store pages are enabled in your site navigation. Products can't be added to the cart if the linked store pages are disabled.
Key Terms
Product Block: A Squarespace component that displays individual store items on any page or post across your site.
Store Pages: The main sections of your Squarespace site where products are sold and managed.
Member Sites: Squarespace's membership feature that lets you create gated content and products requiring login to access.
Summary Blocks: Blocks designed to display multiple pieces of content or products in an organised, grid-like format.
Featured Image: The primary product photo that appears in product blocks and store listings.
Product blocks work best when they feel integrated into your overall site design rather than like obvious sales pitches. Take time to customise their appearance and ensure they're working properly across all devices. When set up correctly, they're an excellent way to boost sales by putting your products in front of customers at just the right moment.