
How to Add and Customize the Amazon Block on Squarespace Sites
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.