Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Using the Amazon Block

Last updated September 24, 2017 13:04

Sections

The Amazon Block displays and links to any item on Amazon. When a visitor clicks the block, they'll be directed to its 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 External Services Settings to ensure you get credit when a visitor clicks through the block and completes a purchase.

Before you begin

International considerations

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 Regional 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.

Step 1 - Add the Amazon Block

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:

Show Image

Show Title

Show Author

Show Price

Add Buy Button

Click Apply to publish your changes.

Step 4 - Style the button

Use the Style Editor 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 the Amazon Block because our integration creates the link through the block. 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 Services.

In the Amazon Associate Tag box, enter your Associates ID.

Click Save to publish your changes.

Note: The Amazon Associates ID only works with the Amazon Block. 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.