Amazon Affiliate Kit

Documentation · Version 1.0.0

1. Introduction

Amazon Affiliate Kit is a WordPress plugin that provides four purpose-built Gutenberg blocks for Amazon affiliate content. It allows you to create product comparison tables, single product showcases, pros & cons boxes, and specification tables — with manual or API-powered affiliate links, audience score bars calculated from Amazon rating distributions, color-coded badges, and fully responsive layouts.

What this plugin covers

2. Requirements

3. Purchasing & License

Amazon Affiliate Kit is sold under three license tiers:

LicenseSites AllowedDescription
One Site1Activate on a single WordPress website
Five Sites5Activate on up to five WordPress websites
Ten Sites10Activate on up to ten WordPress websites

Each license key can only be activated on the number of sites corresponding to your purchased tier. Once all activation slots are used, you must deactivate an existing site before activating a new one.

After purchase, you will receive a license key in the format AAK-XXXXX-XXXXX-XXXXX-XXXXX. Keep this key safe — you will need it to activate the plugin on your website.

License keys do not expire unless otherwise stated at the time of purchase. However, the license issuer reserves the right to revoke keys that are shared publicly or used in violation of the terms.

4. Installation

Step 1: Download

After purchase, download the amz-affiliate-kit.zip file from your order confirmation email or your account page.

Step 2: Upload to WordPress

  1. Log in to your WordPress admin dashboard.
  2. Go to Plugins → Add New.
  3. Click Upload Plugin at the top of the page.
  4. Click Choose File and select the amz-affiliate-kit.zip file from your computer.
  5. Click Install Now.

Step 3: Activate

After the upload completes, click Activate Plugin. You will see "Amazon Affiliate Kit" listed in your installed plugins and a new Affiliate Kit menu item in the WordPress admin sidebar.

Step 4: Activate Your License

The plugin will not allow you to insert blocks until a valid license is activated. See Section 5 below.

5. License Activation

Activating

  1. In the WordPress admin sidebar, go to Affiliate Kit → License.
  2. Enter your license key in the input field. The key format is AAK-XXXXX-XXXXX-XXXXX-XXXXX.
  3. Click Activate.
  4. If the key is valid and you have available activation slots, you will see a green confirmation: "License activated successfully."

Verifying Status

Once activated, the License page displays your masked license key, license type (One Site, Five Sites, or Ten Sites), activation date, and current site URL. The plugin verifies your license with the server once every 24 hours in the background. No action is needed from you.

Deactivating

If you need to move the plugin to a different website:

  1. Go to Affiliate Kit → License on the site you want to remove.
  2. Click Deactivate License.
  3. This frees up one activation slot. You can now activate the same key on a different site.
Note: Deactivating only removes the license from that site. Your license key remains valid and can be reactivated on any site, provided you have available slots.

Without a License

If the plugin is installed but no license is activated:

6. Amazon API Setup (Optional)

Amazon Affiliate Kit can auto-fetch product prices, star ratings, review counts, and generate affiliate links using the Amazon Product Advertising API (PA-API) 5.0. This is optional — you can enter all product data manually without configuring the API.

Getting Your API Credentials

  1. Log in to your Amazon Associates account at affiliate-program.amazon.com.
  2. Go to Tools → Product Advertising API.
  3. If eligible, you will see your Access Key and can generate a Secret Key.
  4. Your Associate Tag is your Amazon Associates tracking ID (e.g., yourtag-20). Find it under Account Settings → Manage Your Tracking IDs.
Amazon eligibility requirement: Amazon requires you to have made qualifying sales through the Associates program before granting PA-API access. If you see an eligibility error, you can still use the plugin fully with manual data entry.

Entering Credentials in the Plugin

  1. Go to Affiliate Kit → Settings → Amazon API tab.
  2. Enter your Access Key.
  3. Enter your Secret Key.
  4. Enter your Associate Tag (e.g., targetfrog-20).
  5. Select your Marketplace (e.g., US — www.amazon.com).
  6. Set the Cache duration in hours (default: 12). This controls how often the plugin refreshes product data from Amazon.
  7. Click Save Settings.

Using the Fetch Button

Once configured, each product block has an ASIN field with a Fetch button in the sidebar panel. Enter a 10-character Amazon ASIN (e.g., B0DK7PT95G) and click Fetch. The plugin will auto-fill the price, affiliate link, and star ratings if available.

If the fetch fails, the error message will explain why. You can always enter all data manually regardless of API status.

7. Using the Blocks

All blocks are found in the Gutenberg block inserter under the Amazon Affiliate Kit category. You can also search by name (e.g., type "comparison" or "pros" in the block search).


7.1 Product Comparison Table

A horizontal comparison table showing multiple products side by side with images, titles, prices, score bars, and custom specification rows.

Creating a comparison table

  1. In the post/page editor, click the + block inserter.
  2. Search for "Product Comparison" and click to insert.
  3. Set the number of Products (columns) and Spec Rows you want, then click Create Table.

Editing products

Click on any product column in the table to select it. The sidebar panel opens with that product's settings:

  • ASIN: Enter the Amazon ASIN and click Fetch to auto-fill data, or leave empty and enter data manually.
  • Upload Image: Click to upload or select a product image from the Media Library.
  • Title: Enter the product name. This displays in the Title row.
  • Label Badge: Optional text that appears over the product image top-right corner (e.g., "Best Overall", "Best Value").
  • Label Color: Hex color for the label badge background.
  • Price: The product price. Auto-filled from API or enter manually (e.g., $169.95).
  • Affiliate Link URL: The full Amazon affiliate URL. Auto-filled from API or paste manually (e.g., https://www.amazon.com/dp/B0DK7PT95G?tag=yourtag-20).

Audience score (per product)

Below the affiliate link field, you'll find the Audience Score panel. Enter the Review Count and star rating percentages (5 Star % through 1 Star %). The plugin auto-calculates the weighted score (out of 100) and displays it as a gradient score bar. See Section 9 for full details.

Specification rows

  • Each spec row has a label on the left (editable) and a value per product.
  • Each spec cell can optionally display a badge (Green, Blue, Amber, Red, or Gray) by selecting from the dropdown below the value input.
  • Add more spec rows via the toolbar "Add Spec Row" button or from the sidebar Table Actions panel.
  • Remove spec rows by clicking the x button next to the spec label.

Adding / removing products

Use the toolbar buttons or sidebar panel to add products or spec rows. Click Remove Product in the sidebar to delete the selected product column.

Date display

The comparison table automatically displays the date when each product was added or last edited, shown next to the price (e.g., $169.95 - 04.05.2026).

Pagination

If you add more products than the "Products Per Page" setting (default: 4), the table automatically shows ← Previous | Next → navigation links above the table. Visitors can page through the products without scrolling.

Frontend output

On the published page, the table renders as a clean, responsive HTML table. On mobile devices, the table scrolls horizontally. Hovering over the score bar shows the audience score tooltip.


7.2 Single Product

A featured product card with a 50/50 split layout — product image on the left, details on the right.

Creating a single product block

  1. Insert the "Single Product" block.
  2. Click Create.

Editing the product

In the sidebar panel:

  • ASIN + Fetch: Optional auto-fill from Amazon.
  • Upload Image: Product image. Recommended ratio: 3:2 or 4:3. The image links to the affiliate URL on the frontend.
  • Title: Product name (default font size: 20px bold).
  • Price: Product price displayed below the title.
  • Affiliate Link URL: Used for the image link and Button 1. Paste your Amazon affiliate URL here.
  • Label Badge: Optional label shown over the top-left corner of the image (e.g., "Best Overall").
  • Label Color: Hex background color for the label.
  • Button 1 Text: Default is "Buy on Amazon". This button uses the affiliate link URL.
  • Button 2 Text: Optional second button. Leave empty to hide it.
  • Button 2 URL: Separate URL for the second button (e.g., a link to another retailer).
  • Audience Score: Same star percentage inputs as the comparison table (see Section 9).

Score display

The score appears as a large number inside a colored rectangle box in the top-right area, with the text "Overall Score" below it. Hovering shows the full tooltip breakdown.

Frontend output

The block renders as a responsive card. On mobile, the layout stacks vertically (image on top, details below). Both buttons use the background color, font size, padding, and border radius configured in the dashboard. A hover color change is applied on mouse-over.


7.3 Pros & Cons

A two-column block listing product advantages and disadvantages.

Creating a pros & cons block

  1. Insert the "Pros & Cons" block.
  2. Click Create.

Editing

The block splits into two columns inside the editor:

  • Left column (PROS): Type each advantage. A green + icon appears automatically before each item.
  • Right column (CONS): Type each disadvantage. A red icon appears automatically before each item.

For each item, you can:

  • Reorder using the Up and Dn buttons.
  • Delete using the x button.
  • Add more using the + Add Pro or + Add Con buttons.

Frontend output

Renders as a clean two-column box. The left side has a subtle background color (default: #F1F2F2). The right side has a left border. On mobile, the layout stacks vertically.


7.4 Specifications

A labeled two-column table for listing product specifications.

Creating a specifications block

  1. Insert the "Specifications" block.
  2. Click Create.

Editing

  • A "SPECIFICATIONS" heading appears automatically at the top with a dark background.
  • Each row has a name (left, 30% width, gray background) and a value (right, 70% width).
  • Add rows via the toolbar + button or the "+ Add Row" button at the bottom.
  • Reorder rows with the Up and Dn buttons.
  • Delete rows with the x button (minimum one row required).

Frontend output

Renders as a clean bordered table with the dark heading bar. Spec names appear semi-bold. All styling follows the dashboard settings.

8. Dashboard Settings

All block appearance customizations are managed from Affiliate Kit → Settings. The settings page has five tabs. Changes apply globally to all instances of each block across your site.

Saving: Each tab saves independently. Saving one tab does not affect the values on other tabs.

8.1 Amazon API Tab

SettingDescriptionDefault
Access KeyYour Amazon PA-API access key
Secret KeyYour Amazon PA-API secret key
Associate TagYour Amazon tracking ID (e.g., yourtag-20)
MarketplaceWhich Amazon store (US, UK, DE, etc.)US
Cache (hours)How long to cache API responses12

8.2 Comparison Table Tab

SettingDescriptionDefault
Header BGBackground color of the left header column#F1F2F2
Header BorderBorder color for the header column#E6E7E8
Header Font SizeFont size of row labels (Preview, Title, Price, etc.)18px
Header Column WidthWidth of the left header column in pixels160px
Product Column WidthWidth of each product column (leave empty for auto-fit)auto
Serial # BGBackground color of the #1, #2 serial badges#4CAF50
Label Badge BGDefault background color for label badges#4CAF50
Title Font SizeProduct name font size18px
Title Font WeightNormal, Medium, Semi-Bold, or BoldBold (700)
Title ColorProduct name text color#1a1a1a
Price Font SizePrice and date text size14px
Price ColorPrice text color#1a1a1a
Affiliate Link ColorColor of "See Latest Price" link#2962FF
Affiliate Link TextText of the affiliate link (customizable)See Latest Price
Products Per PageNumber of products shown before pagination activates4

8.3 Single Product Tab

SettingDescriptionDefault
Title Font SizeProduct name font size20px
Title ColorProduct name color#1a1a1a
Price Font SizePrice display size16px
Price ColorPrice text color#1a1a1a
Score Box BGBackground of the score number box#2d6a4f
Score Font SizeFont size of the score number36px
"Overall Score" Label SizeFont size of the label below the score box12px
"Overall Score" Label ColorColor of the label below the score box#2d6a4f
Button BG ColorBackground color of both buttons#FF9800
Button Text ColorText color inside buttons#ffffff
Button Font SizeFont size of button text16px
Button Vertical PaddingControls button height (padding top/bottom in px)10px
Button Border RadiusRounded corner radius of buttons6px
Button Hover BG ColorButton background color on mouse hover#E68900

8.4 Pros & Cons Tab

SettingDescriptionDefault
Font SizeText size of pros and cons items16px
Pros Icon ColorColor of the green + icon#2d6a4f
Cons Icon ColorColor of the red − icon#d32f2f
Icon SizeSize of the +/− icons in pixels18px
Pros BGBackground color of the pros (left) column#F1F2F2
Cons Border SizeLeft border width of the cons column0.5px
Cons Border ColorLeft border color of the cons column#E6E7E8

8.5 Specifications Tab

SettingDescriptionDefault
Left Column WidthPercentage width of the spec name column30%
Name Font WeightFont weight of spec namesSemi-Bold (600)
Border ColorBorder color between rows and columns#E6E7E8
Left Column BGBackground of the spec name column#F1F2F2
Heading BGBackground of the "SPECIFICATIONS" heading bar#1a1a1a
Heading Text ColorText color of the heading bar#ffffff

9. Audience Score System

Amazon Affiliate Kit uses a weighted rating system to convert Amazon's star distribution into a 0–100 audience score.

How It Works

Instead of entering a single score number, you enter the star rating distribution from the Amazon product page:

  1. Go to the Amazon product page.
  2. Scroll to the Customer reviews section.
  3. Note the percentages: 5 star: X%, 4 star: X%, 3 star: X%, 2 star: X%, 1 star: X%.
  4. Note the total number of ratings.
  5. Enter these values in the block sidebar under Audience Score.

Calculation

The plugin calculates the weighted average and converts it to a 100-point scale:

Weighted average = (5 × star5% + 4 × star4% + 3 × star3% + 2 × star2% + 1 × star1%) ÷ total%

Audience score = round((weighted average ÷ 5) × 100)

Example

Verdict Scale

Score RangeVerdict
95–100Superb
90–94Great
80–89Good
70–79Fair
60–69Mixed
0–59Poor

Tooltip

On the published page, hovering over the score bar (comparison table) or score box (single product) shows a tooltip with:

On mobile, tapping the score bar opens the same tooltip. Tapping outside closes it.

10. Uninstallation

Deactivate License First

Before uninstalling, deactivate your license to free up the activation slot:

  1. Go to Affiliate Kit → License.
  2. Click Deactivate License.

Remove the Plugin

  1. Go to Plugins in WordPress admin.
  2. Click Deactivate under Amazon Affiliate Kit.
  3. Click Delete.

What is removed: The plugin files are deleted. Plugin settings stored in the database (aak_settings, aak_license_data) remain until you manually remove them or use a database cleanup plugin.

What happens to existing content: Any posts or pages containing Amazon Affiliate Kit blocks will show a "This block is no longer available" message in the editor. The published frontend output will no longer render. The block data remains in the post content and will be restored if you reinstall the plugin.

11. Terms of Usage

12. Support

Getting Help

If you encounter an issue:

  1. Check this documentation first — most questions are answered here.
  2. Check the FAQ section below.
  3. If the issue persists, contact support through the marketplace where you purchased the plugin (e.g., CodeCanyon comments or support tab).

When Contacting Support

Please include:

Response Time

Support is typically provided within 24–48 business hours. We do not provide support for plugin modifications, third-party theme/plugin conflicts outside our control, or Amazon API eligibility issues (which are governed by Amazon).

13. FAQ

Q: Do I need an Amazon API key to use this plugin?

No. The Amazon PA-API integration is optional. You can enter all product data manually — title, price, image, score, and affiliate link — directly in the block sidebar. The API simply automates some of that data entry.

Q: Why does the "Fetch" button show an eligibility error?

Amazon requires your Associates account to meet their PA-API eligibility requirements (typically requiring qualifying sales). This is an Amazon policy, not a plugin issue. Use manual data entry in the meantime.

Q: Can I use this plugin with the Classic Editor?

No. Amazon Affiliate Kit uses Gutenberg blocks exclusively. The Classic Editor plugin is not supported.

Q: How do I add my affiliate tag to links manually?

Paste the full Amazon product URL with your tag in the "Affiliate Link URL" field. The format is: https://www.amazon.com/dp/ASIN?tag=yourtag-20. Replace ASIN with the product ASIN and yourtag-20 with your Associate Tag.

Q: How do I get the star rating percentages?

Visit the Amazon product page. Scroll to the "Customer reviews" section. You will see a bar chart showing the percentage of 5-star, 4-star, 3-star, 2-star, and 1-star ratings. Enter these numbers in the plugin.

Q: Can I use the comparison table with more than 10 products?

Yes. There is no limit on the number of products. If you have more products than the "Products Per Page" setting, pagination links appear automatically.

Q: Why does the post show "Updating failed" when I save?

This is typically caused by a plugin conflict, a security plugin blocking the REST API, or a server-side PHP error. Try disabling other plugins temporarily to isolate the conflict. Ensure your server's PHP version is 7.4 or higher.

Q: Can I move my license to a different site?

Yes. Deactivate the license on the current site first (Affiliate Kit → License → Deactivate), then activate it on the new site.

Q: Does the plugin slow down my site?

No. The plugin loads CSS and JavaScript only on pages that contain its blocks. No assets are loaded on pages without blocks. API data is cached to avoid repeated external requests.

14. Changelog

1.0.0 — Initial Release