Widgets
      Back to home
      1. Help Center
      2. No-Code
      3. Widgets

      Customize a Marketplace Widget

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

       

      The Marketplace Widget allows customers, fans, and users to interact with your NFT.Kred Marketplace and individual NFTs 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 Marketplace Widget style can be different from your main NFT Marketplace settings, allowing you to create unique feeling experiences on different sites and apps.


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


      To customize and embed a Marketplace 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 Marketplace Widget option.
      4. You will now see options for customizing the Marketplace 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 display in the widget.
          2. Categories: select which NFT category from the Hub/Marketplace to display in the widget. Select “All” if you would like to include all categories, or select a single category.
        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 colored circle and enter or select a new color. We recommend entering a HEX color code.
      5. Once you have customized the Marketplace Widget, press the Copy Widget Code button on the bottom-left corner of the Widgets page.
      6. The code required to embed the Marketplace 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!