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

Amazon Blocks

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 a Premium feature available in Business and Commerce plans.

Before you begin

Amazon Blocks are only supported on US Squarespace sites using Amazon products sold on the US domain (amazon.com). 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.

Add an Amazon Block

To add an Amazon Block:

  1. Edit a page or post, click an insert point, and select Amazon from the menu. For help, visit Adding content with blocks.
  2. 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.
  3. Select Left, Right, or Center from the Alignment drop-down menu to align the product image.
  4. Customize the level of detail to include by checking the other options: Show Image, Show Title, Show Author, and Add Buy Button.
  5. Click Apply to save 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. In the Home Menu, click Settings, click Advanced, then 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

Use the Site Styles panel to change the button design, including its color and shape. To learn more, visit Styling buttons.

Amazon Block font

The Amazon Block font takes its style from your site's site-wide fonts:

  1. While editing a page with the Amazon Block, open Site Styles, then click Fonts.
  2. Click Paragraphs. Both the Title and Author text follow these tweaks.
  3. To change the text size, use the Paragraph 2 slider. The Author text follows this tweak exactly, while the Title text displays slightly larger.
  4. Hover over Done and click Save.

The colors follow your site-wide or section colors.

The Amazon Block fonts take their style from other text styles on your site. In most templates:

  • Title - Follows the body text font, but slightly larger. The color follows the body link color.
  • Author - Follows the body text font and color.

There are some exceptions. In these template families:

Template family Notes

Bedford

  • Title color - Follows body text

Brine

  • Title color - Follows body text

Farro

  • Title color - Follows body text

Skye

  • Title font - List Title (adjust while on a Blog Page)
  • Description font - Excerpt
  • Title color - Title Color
  • Description Color - Excerpt Color
Supply
  • Price font - no style options
  • Description - Fixed weight

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.
  3. Click Apply to save your changes.
Was this article helpful?
187 out of 299 found this helpful