Super easy for embedding Rarible cards in your website. Support QR code scanning and Buy Now in right there.
Embeds Rarible cards in many forms
- Single cards
- Multiple cards
- Cars with Buy Now button integration
- QR code for specific item
You can also try it at Showcase Demo.
Webpack bundle
npx webpack -w
- Add script to your tag:
<script src="https://cdn.statically.io/gh/kryptopoo/rarible-embeds/v0.2/dist/rarible-embeds.min.js"></script>
- 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>
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