# Connect Amazon
Source: https://docs.getjasin.com/essentials/amazon-credentials

How to connect your own Amazon credentials to Jasin, and what each connection status means.

## Why Jasin asks for your Amazon credentials

Amazon gives out product data through its Creators API, and it gives access to that API to
individual Associates accounts, not to tools like Jasin. So you bring your own credentials, and
Jasin uses them to fetch prices, images, and titles for your cards.

You keep control. Your credentials stay yours, the product data is pulled under your own Amazon
account, and you can disconnect at any time.

<Info>You only do this once. After you connect, Jasin keeps your cards up to date on its own.</Info>

***

## Before you start

You need an Amazon Associates account. If you don't have one yet, sign up at
[affiliate-program.amazon.com](https://affiliate-program.amazon.com/) first. It's free.

***

## Get your credentials

<Steps>
  <Step title="Sign in to Associates Central">
    Go to [affiliate-program.amazon.com](https://affiliate-program.amazon.com/) and sign in with
    your Associates account.
  </Step>

  <Step title="Open Tools, then Creators API">
    Amazon also lists this as the Product Advertising API, and it moves the menu around from time to
    time. If you can't spot it, search the page for "API".
  </Step>

  <Step title="Create a credential">
    Create a new credential. Amazon shows you three things: a **Credential ID**, a **Credential
    Secret**, and a **version** number such as 3.1.
  </Step>

  <Step title="Copy the secret straight away">
    Amazon shows the secret once. If you close the page without copying it, you have to create a new
    credential.
  </Step>
</Steps>

<Warning>
  Treat the credential secret like a password. Anyone who has it can spend your Amazon API quota.
</Warning>

***

## Connect it to Jasin

<Steps>
  <Step title="Open the connect form">
    Go to [Settings](https://getjasin.com/settings) and find the Amazon API card. You'll also see
    this form the first time you add a product, since connecting is step one of adding your first
    card.
  </Step>

  <Step title="Paste your credential ID and secret">
    Jasin encrypts the secret before storing it and never shows it again, not even to you.
  </Step>

  <Step title="Pick your version">
    Choose the version Amazon showed next to your credential. Most people in the US have **3.1**.
    The UK is 3.2 and Japan is 3.3.
  </Step>

  <Step title="Click Connect">
    Jasin checks the credentials with Amazon right away and tells you what it found.
  </Step>
</Steps>

***

## What each status means

| Status               | What it means                                                                            | What to do                                                         |
| -------------------- | ---------------------------------------------------------------------------------------- | ------------------------------------------------------------------ |
| **Connected**        | Amazon is serving product data.                                                          | Nothing. Your cards update on their own.                           |
| **Not eligible yet** | Your credentials are correct, but Amazon isn't serving product data to your account yet. | Wait, and make some qualifying sales. See below.                   |
| **Invalid**          | Amazon rejected these credentials.                                                       | Check for a typo, or create a fresh credential and paste it again. |
| **Untested**         | Saved, but not checked with Amazon yet.                                                  | Use **Check again** on the Amazon API card.                        |

***

## "Not eligible yet" explained

This is the most common status for new accounts, and it is not a mistake on your part.

Amazon only serves product data to Associates accounts that have made recent qualifying sales.
Roughly, that means about three sales in the last 180 days, though Amazon sets the exact bar and
changes it without notice. Until you clear it, every product request comes back refused.

**What this looks like in Jasin:** your cards keep working and keep earning, but their prices freeze
at the last value Jasin was able to fetch.

**What to do:** keep sharing your existing cards and links. Once your sales qualify, Amazon opens up
the API on its own.

<Info>
  You don't have to keep checking. Jasin re-checks accounts in this state once a week and emails you
  as soon as yours starts working.
</Info>

***

## Frequently asked questions

<AccordionGroup>
  <Accordion title="Can I use Jasin without connecting Amazon?">
    You need a connection to create new cards, because Jasin has to fetch the product data from
    somewhere. Cards you already made keep working.
  </Accordion>

  <Accordion title="Is this the same as my affiliate tag?">
    No, they're two different things. Your affiliate tag decides who earns the commission on a click.
    Your credentials decide who Amazon serves product data to. You need both.
  </Accordion>

  <Accordion title="Can Jasin see my credential secret?">
    No. It's encrypted before it's stored and never shown again. If you lose it, create a new
    credential in Associates Central and paste that one instead.
  </Accordion>

  <Accordion title="What happens if I disconnect?">
    Your existing cards keep working and keep their last known prices. You won't be able to create new
    cards until you connect again.
  </Accordion>

  <Accordion title="My status says Invalid but I copied it correctly.">
    Check that the version matches what Amazon showed next to the credential. A correct ID and secret
    with the wrong version is rejected the same way a typo is.
  </Accordion>
</AccordionGroup>

***

## Still stuck?

Email [support@getjasin.com](mailto:support@getjasin.com) and include your account email and the
status shown on your Amazon API card. Don't send your credential secret.


# Account & Dashboard
Source: https://docs.getjasin.com/essentials/authentication

Learn how to manage your Jasin account, understand plan limits, and access your dashboard features.

## Creating Your Account

Getting started with Jasin is free and only takes a minute. Free accounts can keep up to **3 product
cards** at a time.

### Sign Up Process

1. Visit [getjasin.com](https://getjasin.com)
2. Click **Sign Up** in the top right corner
3. Sign up with Google, or enter your email and create a password
4. Verify your email address (email signups only)
5. Connect your Amazon Associates credentials (you can skip this and do it later, but you'll need it
   before your cards can pull real prices — see [Connect Amazon](/essentials/amazon-credentials))
6. Start creating product embeds

<Info>
  Your free account can keep up to **3 product cards** at a time. Deleting a card frees up a slot.
  Upgrade to Pro for unlimited cards.
</Info>

***

## Upgrading to Pro

### Pro Plan Benefits

* **Unlimited product cards**
* **Advanced analytics** with bot filtering
* **Priority support** (email response within 24 hours)
* **Remove the Jasin badge**

### How to Upgrade

1. Go to your dashboard settings
2. Click **Upgrade Now**
3. Choose between monthly ($15/month) or annual ($120/year) billing
4. Complete the secure Stripe checkout
5. Start using Pro features immediately

***

## Account Limits

### Free Plan Limits

* **3 product cards** at a time (deleting a card frees a slot)
* **Both themes** (light and dark)
* **View and click counts**

### Pro Plan Limits

* **Unlimited product cards**
* **Full analytics** with bot traffic filtered out
* **Hide the Jasin badge**

<Warning>
  If you downgrade from Pro to Free, your existing cards keep working. If you have more than 3
  cards, you won't be able to add new ones until you're back under the limit.
</Warning>

***

## Dashboard Overview

Your dashboard is where you manage all your product cards, view analytics, and adjust your account
settings.

### Features

* **Add Products** – Paste Amazon URLs and generate product cards
* **My Products** – Manage your saved embeds
* **Analytics**
  * Free: Views and clicks
  * Pro: Full analytics with bot traffic filtered out
* **Settings** – Manage your profile, subscription, Amazon credentials, and affiliate tag

***

## Account Settings

### Profile Information

* **Avatar** – Customize your account avatar
* **Email Address** – Change the email for notifications
* **Password** – Update your password
* **Delete Account** – Permanently remove your account

<Warning>
  Deleting your account will immediately disable all your embeds, so remove them from any published
  pages first. An active Pro subscription is cancelled at the same time, with no prorated refund.
</Warning>

### Subscription Management

* **Current Plan** – See if you're on Free or Pro
* **Usage** – Track how many cards you have saved
* **Manage Plan** – Upgrade, cancel, or switch billing frequency

***

## Getting Help

### Support Options

* **Help Center** – Browse articles and FAQs at [docs.getjasin.com](https://docs.getjasin.com)
* **Free plan** – Community support, plus email replies within 48 hours
* **Pro plan** – Email support within 24 hours at
  [support@getjasin.com](mailto:support@getjasin.com)

### Common Issues

* **Forgot Password** – Use the "Forgot Password" link on the login page
* **Email Not Verified** – Check spam or resend the verification email
* **Billing Questions** – Contact support using your account email

### Frequently Asked Questions

<AccordionGroup>
  <Accordion title="Why do prices show in USD instead of my local currency?">
    Jasin displays prices in USD because we use Amazon's US marketplace to ensure proper affiliate tracking. When you click through to Amazon, you'll see prices converted to your local currency during checkout. This is normal behavior that ensures our affiliate partnerships work correctly.
  </Accordion>

  <Accordion title="Do my existing embeds stop working if I downgrade?">
    Your existing embeds keep working normally even if you downgrade from Pro to Free. If you have
    more than 3 cards, you won't be able to add new ones until you delete some or upgrade again.
  </Accordion>

  <Accordion title="Can I use my own Amazon affiliate tag?">
    Yes. Every plan, including Free, uses your own Amazon affiliate tag, so commissions from your
    cards belong to you. Each card can have its own tag, and you can set a profile-level tag in
    Settings that covers any card without one.
  </Accordion>
</AccordionGroup>

***

## Data & Privacy

### Your Data

* **Embeds** – All product cards you've created, including analytics
* **Account Info** – Email, encrypted password, subscription data
* **Usage Data** – How you use the service (used for product improvement)

***


# Pricing
Source: https://docs.getjasin.com/essentials/pricing

Simple, transparent pricing that scales with you

## Choose Your Plan

Start free, upgrade when you need more cards. All plans include product cards and view/click
tracking, and every plan uses your own Amazon affiliate tag.

<CardGroup>
  <Card title="Free" icon="gift">
    **\$0/month**

    * • Up to 3 product cards at a time
    * • Your own affiliate tag
    * • Both themes, light and dark
    * • Prices kept up to date automatically
    * • View and click counts
    * • Community support, plus email within 48 hours
  </Card>

  <Card title="Pro" icon="star">
    **\$15/month**

    Everything in Free, plus:

    * • As many product cards as you want
    * • Full analytics with bot traffic filtered out
    * • Hide the Jasin badge
    * • Email support within 24 hours
  </Card>
</CardGroup>

***

## Annual Billing

<Info>Pro is also available for \$120/year — two months free compared to paying monthly.</Info>

***

## Frequently Asked Questions

<AccordionGroup>
  <Accordion title="What happens when I hit the 3-card limit on Free?">
    You'll need to delete an existing card to free up a slot before adding a new one, or upgrade to
    Pro for unlimited cards.
  </Accordion>

  <Accordion title="Can I change plans anytime?">
    Yes. You can upgrade or downgrade your plan at any time.
  </Accordion>

  <Accordion title="Do my embeds stop working if I downgrade?">
    Your existing cards keep working. If you're over the 3-card Free limit after downgrading, you
    won't be able to add new cards until you're back under the limit.
  </Accordion>

  <Accordion title="What is my affiliate tag?">
    Every plan, including Free, uses your own Amazon affiliate tag. The commission from clicks on
    your cards belongs to you, not to Jasin.
  </Accordion>

  <Accordion title="How does bot filtering work?">
    Bot detection spots non-human traffic, like crawlers and link checkers, so your numbers reflect
    real people. The bot-filtered analytics view is a Pro feature.
  </Accordion>

  <Accordion title="Can I cancel anytime?">
    Yes, in one click from your dashboard. You keep Pro until the end of the period you paid for,
    and your cards stay live either way.
  </Accordion>

  <Accordion title="Do I need anything besides a Jasin account?">
    Both plans need a free Amazon Associates account with API access. Jasin builds and hosts the
    cards; the product data comes through your own Amazon credentials. See
    [Connect Amazon](/essentials/amazon-credentials).
  </Accordion>
</AccordionGroup>

***

## Ready to Get Started?

<Card title="Start with Free" icon="rocket" href="/quickstart">
  Create your first product embed
</Card>


# Analytics
Source: https://docs.getjasin.com/features/analytics

Track views, clicks, and CTR with bot detection

## Overview

Jasin provides analytics for all your embed cards with bot detection and performance insights. Data
updates as users interact with your embeds.

<Info>
  Jasin tracks views, clicks, and CTR only. Amazon's API doesn't report how much you make from each
  link, so Jasin can't show what a card sold or how much it made.
</Info>

***

## Key Metrics

<CardGroup>
  <Card title="Views" icon="eye">
    Total number of times your embed cards were displayed
  </Card>

  <Card title="Clicks" icon="arrow-pointer">
    Number of users who clicked through to Amazon
  </Card>

  <Card title="CTR" icon="percent">
    Click-through rate (clicks ÷ views × 100)
  </Card>
</CardGroup>

***

## Dashboard

### Data Filters

* **Time Ranges**: View data for today, last 7 days, this month, or custom date ranges
* **Top Performers**: See which products are generating the most engagement

### Bot Detection

Our bot detection system filters out non-human traffic:

<AccordionGroup>
  <Accordion title="Detection Methods">
    * **User-Agent Analysis**: Identifies known bot signatures
    * **Behavioral Patterns**: Detects automated interaction patterns
    * **IP Reputation**: Filters traffic from known bot networks
    * **JavaScript Execution**: Requires JavaScript for view tracking
  </Accordion>

  <Accordion title="Bot Categories">
    * **Search Engines**: Google, Bing, Yahoo crawlers - **Social Media**: Facebook, Twitter, LinkedIn
    * **Monitoring**: Uptime monitors and site checkers - **Malicious**: Scrapers and spam bots
  </Accordion>

  <Accordion title="Who gets bot filtering?">
    The bot-filtered analytics view is a Pro feature. It shows you real-people numbers, plus a
    breakdown of bot views and clicks by source.
  </Accordion>
</AccordionGroup>

***

## Tracking Implementation

### Automatic Tracking

The embed script automatically tracks views and clicks:

```html theme={"system"}
<!-- Jasin embed script (automatically generates the card) -->
<script
  async
  src="https://app.getjasin.com/loader.js"
  data-id="2d19689e-d85c-4837-b747-84f5e18c34c8"
  data-theme="light"
  data-show-badge="true"
></script>
```

### View Tracking

Views are tracked when:

* The embed card becomes visible in the viewport
* Uses Intersection Observer API for accuracy
* Beacon API for reliable tracking (with fetch fallback)

### Click Tracking

Clicks are tracked through:

* Redirect URLs that log the click before sending to Amazon
* Preserves your affiliate tag and tracking parameters
* Works with all Amazon product links

***

## Dashboard Analytics

View all your analytics data in your Jasin dashboard:

### Analytics Overview

* **Total Views**: Across all your embeds
* **Total Clicks**: Users who clicked through to Amazon
* **Click-Through Rate**: Percentage of views that resulted in clicks
* **Chart**: Views and clicks over time, with a toggle between the two
* **Top Performers**: Your best-performing product embeds
* **Bot Traffic** (Pro): Bot views and clicks broken down by source, filtered out of your main
  numbers

### Individual Embed Stats

Each embed shows:

* Views and clicks over time
* Performance compared to your other embeds
* Referrer information (where views came from)

***

## Data Retention

* Detailed analytics are kept for 90 days
* Aggregated monthly summaries are kept permanently
* A weekly cleanup job removes old detailed records once they pass 90 days

***

## Privacy & Compliance

### Data Collection

* **No Personal Data**: We don't collect personally identifiable information
* **IP Anonymization**: IP addresses are hashed for privacy
* **GDPR Compliant**: Respects user privacy preferences

***


# Embed Cards
Source: https://docs.getjasin.com/features/embed-cards

Create beautiful, embeddable Amazon product cards for your website

## Overview

Jasin transforms Amazon product URLs into clean, beautiful product cards that you can embed on any
website. Simply paste an Amazon link, customize the appearance, and get a script tag to embed
anywhere.

***

## Creating Embed Cards

### From the Dashboard or My Products Page

1. **Sign in** to your Jasin dashboard at [getjasin.com](https://getjasin.com)
2. **Click the "Add Product" button** - This opens a modal to add a new product
3. **Paste Amazon URL** - Copy any Amazon product URL into the input field
4. **Preview your card** - See exactly how it will look on your website
5. **Choose theme** - Select light or dark theme
6. **Save** - Click the "Save" button to save the product
7. **Copy the embed code** - Use the script tag anywhere you want the product card to appear

### What You Get When Creating an Embed Card

Each embed generates a simple script tag like this:

```html theme={"system"}
<script
  async
  src="https://app.getjasin.com/loader.js"
  data-id="5faa7658-e0e0-403c-a484-49d19e6321e3"
  data-theme="light"
  data-show-badge="true"
></script>
```

### No Scripts Allowed? Use the Iframe Embed

Some platforms strip `<script>` tags from posts. For those, the embed code box has two tabs:
**Script (recommended)** and **HTML only (iframe)**. The iframe version runs no JavaScript on your
page and looks like this:

```html theme={"system"}
<iframe
  src="https://app.getjasin.com/api/embed-frame/your-embed-id?theme=light&show_badge=true&layout=fixed"
  width="100%"
  style="max-width:1080px;border:0;display:block;"
  height="680"
  frameborder="0"
  scrolling="no"
  loading="lazy"
  title="Product name product card"
></iframe>
```

A few things to know:

* **Same tracking** - Views and clicks are counted just like the script embed
* **Fixed height** - The frame is always 680px tall
* **No JavaScript needed** - Works anywhere plain HTML is allowed

***

## Live Example

Here's a real, live card — this is exactly what your visitors see. Both embed types render the same
card; this one uses the iframe.

<iframe title="Example product card" />

<Info>
  This documentation platform doesn't run script tags in page content, so the live example above
  uses the iframe embed, shown at phone width. On your own site, both embed types produce the
  identical card, and it adapts to your page — side-by-side on wide layouts, stacked like this on
  narrow ones.
</Info>

***

## Embed Features

### Product Information

Your embedded cards automatically include:

* **Product image** from Amazon
* **Product title**
* **Current price** and availability
* **"View on Amazon" button** with your affiliate tag

### Responsive Design

* **Mobile-first** - Looks great on all devices
* **Flexible sizing** - Adapts to your website's layout
* **Fast loading** - Optimized for performance
* **Lightweight & fast** - Optimized script with minimal footprint

***

## Theme Options

<Tabs>
  <Tab title="Light Theme">
    Clean, minimal design with light backgrounds perfect for most websites.

    * White background
    * Dark text for readability
    * Subtle shadows and borders
    * Works great on light-colored sites
  </Tab>

  <Tab title="Dark Theme">
    Modern dark design that works great on dark websites.

    * Dark background
    * Light text for contrast
    * Subtle highlights
    * Perfect for dark-themed sites
  </Tab>
</Tabs>

***

## Customization Options

### Free Plan Features

* **Two themes** - Light and dark
* **Standard sizing** - Optimized dimensions
* **Basic analytics** - View and click tracking
* **Your own affiliate tag** - Commissions belong to you
* **3 product cards** - At a time (delete a card to free up a slot)

### Pro Plan Features

Everything in the free plan, plus:

* **Unlimited product cards**
* **Advanced analytics** - Detailed insights with bot filtering
* **Remove "Powered by Jasin" badge**
* **Priority support** - Email support within 24 hours

***

## Best Practices

<CardGroup>
  <Card title="Placement" icon="map-pin">
    Place embed cards within relevant content for better engagement and higher click-through rates
  </Card>

  <Card title="Context" icon="align-left">
    Add context around your embeds - explain why you're recommending the product
  </Card>

  <Card title="Theme Choice" icon="palette">
    Choose themes that match your website's design for a seamless experience
  </Card>

  <Card title="Performance" icon="clock">
    The script loads asynchronously so it won't slow down your page
  </Card>
</CardGroup>

***

## Common Use Cases

### Blog Posts

Perfect for product recommendations within your blog content:

```html theme={"system"}
<p>I've been using this coffee maker for months and absolutely love it:</p>

<script
  async
  src="https://app.getjasin.com/loader.js"
  data-id="2d19689e-d85c-4837-b747-84f5e18c34c8"
  data-theme="light"
  data-show-badge="true"
></script>

<p>The programmable features make my mornings so much easier!</p>
```

### Product Roundups

Great for "best of" and comparison articles:

```html theme={"system"}
<h2>Our Top Pick: Best Wireless Headphones</h2>

<script
  async
  src="https://app.getjasin.com/loader.js"
  data-id="2d19689e-d85c-4837-b747-84f5e18c34c8"
  data-theme="light"
  data-show-badge="true"
></script>

<p>After testing 15 different models, these headphones stood out...</p>
```

***

## Technical Details

### How It Works

1. **Script loads** - The loader.js script loads asynchronously
2. **Card renders** - Product data is fetched and the card is displayed
3. **Tracking starts** - View tracking begins when the card is visible
4. **Click tracking** - Clicks are tracked when users click through to Amazon

### Performance

* **Lazy loading** - Cards only load when they're about to be visible
* **Cached data** - Product information is cached for fast loading
* **Minimal footprint** - Small script size for fast page loads
* **No dependencies** - Works without jQuery or other libraries

### Compatibility

* **All modern browsers** - Works in Chrome, Firefox, Safari, Edge
* **Mobile responsive** - Optimized for phones and tablets
* **Works anywhere you can paste a script tag** - Self-hosted WordPress, Shopify, Ghost, and static
  sites all work out of the box

<Warning>
  Some platforms strip script tags from posts, or only allow custom code on a paid plan. If scripts
  aren't allowed, use the **HTML only (iframe)** embed instead — it works anywhere plain HTML does.
</Warning>

### Pricing Display

* **Currency format** - Prices display in USD as sourced from Amazon's US marketplace
* **International users** - When users click through to Amazon, prices switch to their local
  currency at checkout
* **Affiliate compatibility** - USD pricing keeps affiliate tracking and commission attribution
  working correctly
* **Consistent experience** - All embed cards show the same currency format regardless of viewer
  location

***

## Analytics & Tracking

Every embed automatically tracks:

* **Views** - When the product card is displayed
* **Clicks** - When users click through to Amazon
* **Performance** - Click-through rates and engagement

View detailed analytics in your dashboard to see which products perform best.

***


# Themes
Source: https://docs.getjasin.com/features/themes

Choose between light and dark themes for your product embeds

## Overview

Jasin provides two clean, professional themes to ensure your product embeds look great on any
website. Choose the theme that best matches your site's design.

***

## Available Themes

### Light Theme

* Clean white background with dark text
* Professional appearance for traditional websites
* Best for blogs, business sites, and e-commerce stores
* Works great with most website designs

### Dark Theme

* Dark background with light text
* Modern design for dark-themed websites
* Ideal for tech blogs, portfolios, and gaming sites
* Reduces eye strain in dark environments

***

## Best Practices

<CardGroup>
  <Card title="Match Your Site" icon="palette">
    Choose the theme that best complements your website's design
  </Card>

  <Card title="Test Both Options" icon="flask">
    Preview both themes to see which looks better with your content
  </Card>

  <Card title="Stay Consistent" icon="check">
    Use the same theme across all embeds for a cohesive look
  </Card>

  <Card title="Consider Your Audience" icon="users">
    Dark themes work well for tech content, light themes for general audiences
  </Card>
</CardGroup>

## Technical Details

* **Fully responsive** - Works on desktop, tablet, and mobile
* **Fast loading** - Optimized CSS with minimal overhead
* **Accessibility compliant** - High contrast and screen reader friendly
* **Cross-browser compatible** - Works in all modern browsers

## Troubleshooting

<AccordionGroup>
  <Accordion title="Theme not displaying correctly">
    * Verify the `data-theme` attribute is set to "light" or "dark"
    * Check for CSS conflicts with your website's styles
    * Ensure the script tag is properly formatted
  </Accordion>

  <Accordion title="Theme doesn't match my site">
    * Try the other theme option to see if it fits better
    * Use CSS to customize the embed container if needed
  </Accordion>
</AccordionGroup>


# Introduction
Source: https://docs.getjasin.com/introduction

Transform Amazon Affiliate product URLs into beautiful, embeddable product cards.

<img alt="Hero Light" />

<img alt="Hero Dark" />

## What is Jasin?

Jasin transforms Amazon Affiliate product URLs into beautiful, embeddable product cards for your
website, app, or blog. Connect your own Amazon Associates account, paste an Amazon link, customize
the appearance, and get a simple `<script>` tag to embed anywhere.

<CardGroup>
  <Card title="Easy Embed Generation" icon="code" href="/features/embed-cards">
    Paste any Amazon URL and get a beautiful product card
  </Card>

  <Card title="Real-time Analytics" icon="chart-mixed" href="/features/analytics">
    Track views and clicks on your embedded product cards
  </Card>

  <Card title="Simple Integration" icon="plug" href="/quickstart">
    Just copy and paste a script tag - no API required
  </Card>

  <Card title="Customizable Themes" icon="palette" href="/features/themes">
    Light and dark themes to match your site
  </Card>
</CardGroup>

***

## How It Works

<Steps>
  <Step title="Connect Your Amazon Account">
    Sign up, then connect your Amazon Associates credentials. Jasin needs them to fetch product
    data on your behalf. See [Connect Amazon](/essentials/amazon-credentials).
  </Step>

  <Step title="Create Your Embed">
    Click the "Add Product" button and paste any Amazon Affiliate product URL. You'll see a live
    preview of your product card.
  </Step>

  <Step title="Customize & Copy">
    Choose your theme, customize the appearance, then copy the generated `<script>` tag.
  </Step>

  <Step title="Embed Anywhere">
    Paste the script tag into your website, blog, or anywhere HTML is supported. The product card will
    load automatically.
  </Step>

  <Step title="Track Performance">
    View analytics in your dashboard to see how your product cards are performing.
  </Step>
</Steps>

***

## Key Features

### Simple & Fast

* **No API required** - Just copy and paste a script tag
* **Instant previews** - See your product card before embedding
* **Fast loading** - Optimized for performance
* **Mobile responsive** - Works perfectly on all devices

### Customizable

* **Light and dark themes** - Every plan gets both
* **Clean design** - Beautiful product cards that match your site
* **Your own affiliate tag** - Every plan, including Free, uses your own Amazon affiliate tag

### Analytics

* **View tracking** - See how many people view your product cards
* **Click tracking** - Track clicks through to Amazon
* **Performance insights** - Understand which products perform best

***

## Plans & Pricing

### Free Plan

* Up to 3 product cards at a time
* Your own Amazon affiliate tag
* Both themes, light and dark
* Prices kept up to date automatically
* View and click counts
* Community support, plus email support within 48 hours

### Pro Plan ($15/month or $120/year)

Everything in Free, plus:

* As many product cards as you want
* Full analytics with bot traffic filtered out
* Hide the Jasin badge
* Email support within 24 hours

***

## Getting Started

Ready to create your first product embed? It takes less than 2 minutes!

<Card title="Create Your First Embed" icon="rocket" href="/quickstart">
  Follow our quickstart guide to get up and running
</Card>

***


# Quickstart
Source: https://docs.getjasin.com/quickstart

Create your first Amazon product embed in a few minutes

## Create Your First Embed

Get your first Amazon product embed up and running in a few simple steps.

<Steps>
  <Step title="Sign up for Jasin">
    Create your free account at [getjasin.com](https://getjasin.com). Free accounts can keep up to
    3 product cards at a time.
  </Step>

  <Step title="Connect your Amazon Associates account">
    Jasin needs your own Amazon Associates credentials to fetch product data. During signup you'll
    see a "Connect Amazon" step. You can skip it, but you'll need to connect before your cards can
    pull real prices and images. See [Connect Amazon](/essentials/amazon-credentials) for the full
    walkthrough.
  </Step>

  <Step title="Find an Amazon product">
    Copy any Amazon product URL, for example:

    <div>
      ```
      https://amazon.com/All-new-Amazon-Kindle-Paperwhite-glare-free/dp/B0CFPJYX7P/?dib=eyJ2IjoiMSJ9.19PtVsvYIrlN6GTWsPbozmXOBFY2EVSP-gew98-fioujR3x7CZ-PO9labaG--xo3dwrvQEqzy0hLWCORn3MMtPhEPE7hUJ2zTADa7u3ezRt9C_X5hg8HinCavbZcUJF2iCU3g7V3XXexarJBAw7Y-f6xumwCE2vaNngGWZci8uSxmoG9kuhiwgprh9nls2_WoQz1M4jI6yETybdtGahxN9ybj_-1gjGk-_Q65Bx6LVk.6b4PGSXkRjpJER120ZeK4qjXiGJpo4XyrlVVZtOyt0k&dib_tag=se&sprefix=kindl,aps,179
      ```
    </div>
  </Step>

  <Step title="Create your embed">
    1. **Paste the URL** into the Amazon product modal
    2. **Preview your card** - see exactly how it will look
    3. **Choose a theme** - light or dark
    4. **Click "Save"** to generate your embed code
  </Step>

  <Step title="Copy the embed code">
    Copy the generated script tag that looks like this:

    ```html theme={"system"}
    <script
      async
      src="https://app.getjasin.com/loader.js"
      data-id="2d19689e-d85c-4837-b747-84f5e18c34c8"
      data-theme="light"
      data-show-badge="true"
    ></script>
    ```

    <Info>
      If your platform doesn't allow script tags, switch the embed code box to **HTML only
      (iframe)** and copy that instead. See [Embed Cards](/features/embed-cards) for details.
    </Info>
  </Step>

  <Step title="Embed on your website">
    Paste the script tag anywhere in your HTML where you want the product card to appear:

    ```html theme={"system"}
    <!DOCTYPE html>
    <html>
    <head>
      <title>My Blog Post</title>
    </head>
    <body>
      <h1>Check out this amazing product!</h1>
      <p>I've been using this for months and love it:</p>

      <!-- Your Jasin embed -->
      <script
        async
        src="https://app.getjasin.com/loader.js"
        data-id="your-embed-id"
        data-theme="light"
        data-show-badge="true">
      </script>

      <p>What do you think?</p>
    </body>
    </html>
    ```
  </Step>
</Steps>

***

## What You Get

Your embedded product card will automatically include:

* **Product image**
* **Product title**
* **Current price** and availability
* **"View on Amazon" button** with your affiliate tag

***

## Track Your Performance

Once your embed is live, you can track its performance in your dashboard:

<Card title="View Analytics" icon="chart-mixed" href="/features/analytics">
  Monitor views, clicks, and CTR
</Card>

### Key Metrics

* **Views**: How many times your product card was displayed
* **Clicks**: How many users clicked through to Amazon
* **CTR**: Click-through rate percentage

***

## Customization Options

### Themes

Choose from two built-in themes:

* **Light**: Clean white background, perfect for most websites
* **Dark**: Modern dark theme for dark websites

### Pro Features

Upgrade to Pro for additional benefits:

* **Unlimited product cards**
* **Advanced analytics**: Bot filtering and detailed insights
* **Priority support**: Email support within 24 hours
* **Remove the Jasin badge**

***