Customize a NFT Viewer Widget

NFT.Kred allows you to customize a NFT Viewer widget to be embedded in an external app or website.

 

The NFT Viewer Widget allows customers, fans, and users to interact with individual NFTs from your NFT Marketplace without leaving your native app or website. 

You do not need to change domains or adjust your DNS - just embed a simple code snippet.

The NFT Viewer Widget style can be different than your main NFT Marketplace settings, allowing you to create unique feeling experiences in different sites and apps.


You can see and interact with a NFT Viewer Widget and other demos on NFT.Kred/Widgets.


To customize and embed a NFT Viewer Widget in your app or website:

  1. While logged in to an account with admin access to your NFT Marketplace, click the Profile menu icon on the top-right corner of the page.
  2. Select Widgets.
  3. Select the NFT Viewer Widget option.
  4. You will now see options for customizing the NFT Viewer widget on the left side of the page. Here is a breakdown of what each customization option does:
    1. Widget Settings:
      1. Hub: select which NFT Hub to pick a single NFT from to display in the widget.
      2. NFT Name: select an individual NFT from the selected Hub to display in the NFT Viewer Widget
    2. Widget Style:
      1. Select colors for the Widget background, buttons, and text. After you select a color, the preview on the right side of the page will update.
      2. To change a color simply click on the colorred circle and enter or select a new color. We recommend entering a HEX color code.
  5. Once you have customized the NFT Viewer Widget, press the Copy Widget Code button on the bottom-left corner of the Widgets page.
  6. The code required to embed the NFT Viewer Widget in your app or website is now copied to your clipboard. Paste this into your code in the spot where you’d like the Widget to appear and publish your updated page!