Skip to content

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

Notifications You must be signed in to change notification settings

kryptopoo/rarible-embeds

Repository files navigation

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

IMAGE_ALT

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>
  1. 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

About

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

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published