How to Add and Customize the Amazon Block on Squarespace Sites

How to Add and Customize the Amazon Block on Squarespace Sites

By Michael Thompson

November 19, 2024 at 11:37 PM

Here's a clear, concise guide on using the Amazon Block:

The Amazon Block lets you showcase Amazon products on your website, creating direct links to product pages. If you're an Amazon Associate, you can earn commissions by adding your Associate ID.

Important Notes: - Only works with US Squarespace sites - Only displays products from amazon.com - Limited to one product per block

How to Add an Amazon Block:

1. Edit your page and click "Add Block"
2. Select "Amazon"
3. Click the pencil icon to open the editor
4. Search for products using:
    - Product URL
    - ASIN number
    - Title or description
5. Choose alignment (Left, Right, or Center)
6. Customize display options:
    - Show Image
    - Show Title
    - Show Author
    - Add Purchase Button

Adding Your Amazon Associate ID:

1. Open Developer Tools
2. Click External API Keys
3. Enter your Associate ID
4. Save changes

Customization Options:

Block Styling: - Button design through Site Styles - Font settings follow site-wide fonts - Text size adjustable via Paragraph settings - Colors match site's color scheme

Product Display: - Full-width display when no adjacent blocks - Maintains original thumbnail aspect ratio - Resizable and moveable within layout

To Change Products:

1. Open Amazon Block editor
2. Click X under Selected Product
3. Search for and select new product
4. Save changes

The Amazon Block maintains brand consistency while providing a seamless shopping experience for your visitors, automatically updating all blocks when you modify your Associate ID.

Related Articles

Previous Articles