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

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.

Amazon Blocks are a Premium feature available in Business and Commerce plans.

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 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 the UK.

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

  1. Open a page or post editor.
  2. Click an Insert Point or the +.
  3. Select Amazon from the menu.
  4. 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.

amazon_-_search_product.jpg

Step 3 - Customize the display

Select Left, Right, or Center from the Alignment drop-down menu to align the product image.

amazon_-_alignment_drop_down.jpg

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.

  1. In the Home Menu, click Settings, click Advanced, and then click External API Keys.
  2. In the Amazon Associate Tag box, enter your Associates ID.
  3. 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.

For help resizing and arranging Amazon Blocks, visit Resizing blocks and Creating columns and rows with blocks.

Change the Amazon item

To change the item the displays in the Amazon Block:

  1. In the Amazon Block editor, click the X next to the Selected Product.
  2. You can then add a new item.

amazon_-_change_product.jpg

Was this article helpful?
146 out of 209 found this helpful