Amazon Blocks display and link to any 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 in the External API Keys panel to ensure you get credit when a visitor clicks through the block and completes a purchase.
Before you begin
At this time, we only support Amazon accounts based in the following countries:
- United States (amazon.com)
- United Kingdom (amazon.co.uk)
- Germany (amazon.de)
- France (amazon.fr)
- Japan (amazon.co.jp)
- Canada (amazon.ca)
To link to a product on an Amazon domain outside of the US (ex: Amazon.co.uk or Amazon.ca), in the Settings panel, click Language & Region and then select the location that matches the location of the Amazon domain. For example, if you’re linking to an Amazon product on Amazon.co.uk, the geographic location selected for your Squarespace site must be United Kingdom.
Separate from page limits by plan
Since Amazon products aren't hosted on Squarespace sites, products in the block don't count toward product limits.
Step 1 - Add the Amazon Block
- Open a page or post editor.
- Click an Insert Point or the +.
- Select Amazon from the menu.
- For more detailed steps, visit Adding blocks.
Step 2 - Select a product
Note: You can add only one item to the Amazon Block, but you can add multiple Amazon Blocks to a single page.
In the Find A Product box, search for the item. Entering the item's URL or ASIN is the best way to find the correct item. You can also search by title or description.
Step 3 - Customize the display
Select Left, Right, or Center from the Alignment drop-down menu to align the product image.
Customize the level of detail you'll include for the product by checking or unchecking the other options:
- Show Image
- Show Title
- Show Author
- Add Buy Button
Click Apply to publish your changes.
Step 4 - Style the button
Use the Site Styles panel to change the Buy button design, including its color and shape. To learn more, visit Styling buttons.
Add an Amazon Associates ID
To ensure you're properly credited for Amazon's Associate program, add your Associates ID by following these steps. 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.
- In the Home Menu, click Settings, click Advanced, and then click External API Keys.
- In the Amazon Associate Tag box, enter your Associates ID.
- Click Save to publish your changes.
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.
Change the size
When you first add the 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.
Change the Amazon item
To change the item the displays in the Amazon Block:
- In the Amazon Block editor, click the X next to the Selected Product.
- You can then add a new item.