> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getjasin.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Create your first Amazon product embed in under 2 minutes

## Create Your First Embed

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

<Steps>
  <Step title="Sign up for Jasin">
    Create your free account at [getjasin.com](https://getjasin.com) to get started with 10 lifetime embed credits.
  </Step>

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

    <div className="font-mono">
      ```
      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://getjasin.com/loader.js"
      data-id="2d19689e-d85c-4837-b747-84f5e18c34c8"
      data-theme="light"
      data-show-badge="true"
    ></script>
    ```
  </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://getjasin.com/loader.js" 
        data-id="your-embed-id"
        data-theme="light">
      </script>
      
      <p>What do you think?</p>
    </body>
    </html>
    ```
  </Step>
</Steps>

***

## What You Get

Your embedded product card will automatically include:

* **Product image** with high-quality photos
* **Product title** and description
* **Current price** and availability
* **Prime badge** (if applicable)
* **"View on Amazon" button** with an affiliate tag (customizable in Pro and Pro Plus plans)

***

## 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 performance in real-time
</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 or Pro Plus for additional customization:

* **Custom affiliate tags**: Use your own Amazon affiliate ID
* **Advanced analytics**: Bot filtering and detailed insights
* **Priority support**: Get help when you need it
* **Pro Plus**: Higher credit limits and faster support response

***
