How to Use Squarespace Amazon Blocks

Last Edited Time

Jun 25, 2025 09:43 PM

Do not index

Suggested Tag

Squarespace

amazon blocks

ecommerce integration

Tags Synced

AI summary

Learn to use Squarespace Amazon Blocks to display Amazon products on your site, customize button and font styles, add your Amazon Associates ID for commissions, and ensure proper layout for optimal user experience. Only US sites can link to amazon.com products directly.

Last edited by

Platform

Squarespace

How to Use Squarespace Amazon Blocks

Understanding Amazon Blocks

Squarespace's Amazon Blocks let you display and link directly to Amazon products on your website. When someone clicks your product link, they'll go straight to Amazon where they can buy it.

These blocks only work for US websites linking to products on amazon.com. If you're targeting other countries, you'll need to use regular text or image blocks with manual Amazon links.

Which Plans Support Amazon Blocks

Amazon Blocks work on these Squarespace plans:

Basic

Core

Plus

Advanced

Business

Commerce Basic

Commerce Advanced

Setting Up Your First Amazon Block

Edit your page: Go to the page where you want to add the Amazon product

Add the block: Click 'Add Block' and choose 'Amazon' from the options

Find your product: Click the pencil icon to open the editor. You can search by:

Amazon product URL

ASIN (Amazon's product ID)

Product title

Product description

Choose what to show: Pick which elements to display (product image, title, author, buy button)

Set alignment: Choose left, right, or centre alignment

Customising Your Amazon Blocks

Button Styling

You can change how your 'Buy' button looks through Site Styles. Go to Design > Site Styles and look for button options. Here you can adjust:

Button colour

Button shape (rounded corners, square edges)

Button size

Hover effects

Font Styling

Amazon Blocks use your site's global font settings. To change the text style, go to Design > Site Styles > Fonts. Any changes you make will apply across all your Amazon blocks, keeping everything consistent.

Layout and Sizing

Amazon Blocks keep the same aspect ratio as Amazon's product images. You can resize them by dragging the corners, but the proportions stay the same. This helps maintain a professional look.

Quick tip: Always check how your blocks look on mobile. Use the preview feature to see how they appear on smaller screens.

Adding Your Amazon Associates ID

If you're part of the Amazon Associates programme, you can add your Associates ID directly in the block settings. This means any purchases made through your blocks will earn you commission automatically.

To add your ID:

Open the Amazon Block editor

Look for the Associates ID field

Enter your ID

Save your changes

Updating Products in Existing Blocks

Need to change which product you're showing? Here's how:

Click on your Amazon Block

Open the block editor (pencil icon)

Remove the current product

Search for and add your new product

If you're on Squarespace 7.0, don't forget to hit 'Apply' to save changes

Common Questions

Can I show multiple products in one block? No, each Amazon Block can only show one product. But you can add multiple blocks to the same page.

Do these work outside the US? Amazon Blocks only work for US-based websites linking to amazon.com. If you need to link to other Amazon sites (like amazon.co.uk), use regular text or image blocks instead.

Can I customise the product information shown? Yes, you can choose which elements to display: product image, title, author name, and buy button. Mix and match based on what works for your design.

What These Terms Mean

Amazon Associates ID: Your unique tracking number for Amazon's affiliate programme. This lets Amazon know when someone buys through your link.

ASIN: Amazon Standard Identification Number. It's Amazon's unique code for each product.

Block Editor: The tool you use to add and edit content blocks in Squarespace.

Aspect Ratio: The relationship between a block's width and height. Amazon blocks keep the same proportions as Amazon's product images.

Making the Most of Amazon Blocks

Amazon Blocks work best when they fit naturally into your content. Instead of just dropping them randomly on a page, consider:

Writing reviews or recommendations around the products

Grouping related products together

Making sure the products match your brand and audience

Testing different placements to see what gets more clicks

Remember, people are more likely to click through if they understand why you're recommending something. A bit of context goes a long way.

Platform: Squarespace

Category: Pages and Content

Topic: Blocks

How to Use Squarespace Amazon Blocks