Rarible Embeds

Super easy for embedding Rarible cards in your website. Support QR code scanning and Buy Now in right there.

Feature

Embeds Rarible cards in many forms

• Single cards
• Multiple cards
• Cars with Buy Now button integration
• QR code for specific item

Demo

You can also try it at Showcase Demo.

Build

Webpack bundle

npx webpack -w

Usage

1. Add script to your tag:

<script src="https://cdn.statically.io/gh/kryptopoo/rarible-embeds/v0.2/dist/rarible-embeds.min.js"></script>

2. Add html tag into your website where you want to embed

<rarible-card
  itemId="0x71b053bcaf286ba20d9006845412d4532a8e1f34:10694"
  showBuyNow="true"
  env="dev"
  >
</rarible-card>

<rarible-qr
  itemId="0x71b053bcaf286ba20d9006845412d4532a8e1f34:10694"
  env="dev"
  >
</rarible-qr>

Parameters

itemId : (required) Item Id can be found in detail card page

Example: Item id can be easy found (bold text) in the detail page url https://rarible.com/token/**0x60f80121c31a0d46b5279700f9df786054aa5ee5:1153174**?tab=bids

env : (optional) environment should be 'production', 'staging' and 'dev'

showBuyNow : (optional) show/hide BuyNow button for fixed-price NFT card