Embed Cards

​

Overview

​

Creating Embed Cards

​

From the Dashboard or My Products Page

1. Sign in to your Jasin dashboard at 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

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

​

Embed Features

​

Product Information

• High-quality product images from Amazon
• Product title and key details
• Current price and availability
• Prime badge when applicable
• “View on Amazon” button with affiliate tracking

​

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

​

Customization Options

​

Free Plan Features

• Two themes - Light and dark
• Standard sizing - Optimized dimensions
• Basic analytics - View and click tracking
• Amazon affiliate support - Uses default Jasin affiliate tag
• 10 total embeds - Lifetime limit

​

Pro Plan Features

• 25 embeds per month - Monthly credit refresh
• Custom affiliate tags - Use your own Amazon affiliate ID to earn commissions
• Advanced analytics - Detailed insights with bot filtering
• Remove “Powered by Jasin” badge
• Priority support - 48-hour response time

​

Pro Plus Plan Features

• 100 embeds per month - Higher monthly credit limit
• Priority support - 24-hour response time

​

Best Practices

​

Common Use Cases

​

Blog Posts

<p>I've been using this coffee maker for months and absolutely love it:</p>

<script
  async
  src="https://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 Reviews

<h2>Our Top Pick: Best Wireless Headphones</h2>

<script
  async
  src="https://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
• CMS friendly - Works with WordPress, Squarespace, Ghost, and more
• Email compatible - Can be used in HTML emails (with limitations)

​

Pricing Display

• Currency format - Prices display in USD as sourced from Amazon’s US marketplace
• International users - When users click through to Amazon, they’ll see local currency conversion at checkout
• Affiliate compatibility - USD pricing ensures proper affiliate tracking and commission attribution
• Consistent experience - All embed cards show the same currency format regardless of viewer location

​

Analytics & Tracking

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