Feature and link to a product from Amazon on your site.

Use Amazon blocks to display and link to an item on Amazon. When a visitor clicks the block, they'll be directed to the item's page on Amazon. This is a great way to highlight an item you're selling, promoting, or reviewing without Associate links or third-party code embeds.

If you participate in Amazon's Associates program, you can add your Associates ID to ensure you get credit when a visitor clicks through the block and completes a purchase.

Amazon blocks are available in the Basic, Core, Plus, Advanced, Business, Commerce Basic, and Commerce Advanced plans. To learn more, visit Choosing the right Squarespace plan.

Before you begin

Amazon blocks are only supported on US Squarespace sites using Amazon products sold on the US domain (amazon.com), and visitors who click an Amazon block will view the item and go through checkout on that domain.

It's not possible to use Amazon blocks on non-US Squarespace sites, or to display products from other Amazon sites, such as amazon.co.uk. If you add an Amazon block to a site outside the US, an error message that reads "Amazon Search Service is temporarily unavailable" will display.

For help checking or adjusting your site's region, visit Language and region settings.

Add an Amazon block

To add an Amazon block:

1. Edit a page or post, click Add Block or an insert point, then click Amazon. For help, visit Adding content with blocks.
2. Open the block editor by clicking the pencil icon on the block.
3. In the Find A Product field, search for the item. Entering the item's URL or Amazon Standard Identification Number (ASIN) is the best way to find the correct item. You can also search by title or description.
4. Select Left, Right, or Center from the Alignment drop-down menu to align the product image.
5. Customize the level of detail to include by checking the other options: Show Image, Show Title, Show Author, and Add Buy Button. If your site is on version 7.0, click Apply to publish your changes.

You can add only one item to the Amazon block, but you can add multiple Amazon blocks to a single page.

Add an Amazon Associates ID

To ensure you're properly credited for Amazon's Associate program, add your Associates ID. After adding your ID, you won't need to use Associates links in Amazon blocks because our integration creates the links through the blocks. If you change the ID, every Amazon block on your site will update to reflect the new ID.

To add your Amazon Associates ID:

1. Open the Developer tools panel and click External API Keys.
2. In the Amazon Associates ID field, enter your Associates ID.
3. Click Save.

Note: The Amazon Associates ID only works with Amazon blocks. It won't affect text links to an Amazon page. To add text-only links to an Amazon item and ensure you receive credit, use Amazon's full Associate URLs in the text link.

Style an Amazon block

You can change the Amazon block's text and font, and customize the Buy button.

Button design

Amazon block font

Change the size

When you add an Amazon block, it will occupy the full width of the content area if there are no other blocks next to it. The aspect ratio of the Amazon block matches the original aspect ratio of the product's thumbnail on Amazon.

For help resizing and arranging Amazon blocks, visit Resizing blocks and Moving blocks to customize layouts.

Change the Amazon item

To change the item displayed in the Amazon block:

1. In the Amazon block editor, click the X under Selected Product.
2. Add the new item. If your site is on version 7.0, click Apply to publish your changes.