> For the complete documentation index, see [llms.txt](https://docs.bitoftrade.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bitoftrade.com/for-businesses/allpay-widget/quick-start/nft-widget-integration/nft-listing.md).

# NFT Listing

Create a listing ID before integrating an NFT widget type.

If you chose to implement an NFT widget in your website, this section is very important before you start the integration phase.&#x20;

### How do I list my NFT?

Our widget has the ability to detect your NFTs in your wallet, create a listing and attach it to a certain widget.&#x20;

First, click on 'Go listing' on the customization panel.

<figure><img src="https://707480146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxegFG0slk40bOOCouVQE%2Fuploads%2FZ8fZmwZJ0cg3l4jmCg10%2Fimage.png?alt=media&amp;token=b055d828-0d1b-4f4c-9d60-1c2644926f66" alt=""><figcaption></figcaption></figure>

This will redirect you to your portfolio page, where you'll need to connect your wallet and see all your NFTs.

<figure><img src="https://707480146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxegFG0slk40bOOCouVQE%2Fuploads%2Fgpj9QNMYmAZXTXTpkSrV%2Fimage.png?alt=media&amp;token=d0d9463c-aad4-4c38-8565-69a9dd811bb3" alt=""><figcaption></figcaption></figure>

On this page, you'll be able to create a listing order by choosing the one that you'd like to sell and defining the price and the time range for the sale.&#x20;

<figure><img src="https://707480146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxegFG0slk40bOOCouVQE%2Fuploads%2FKoEXhX3gg75Srh9p0w4p%2Fimage.png?alt=media&amp;token=bbf13745-4930-4bf9-9bb7-1ded922aec9c" alt=""><figcaption></figcaption></figure>

After you confirm the listing you will be able to see it in the 'Orders' table on the same page and keep track of all your listings.

<figure><img src="https://707480146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxegFG0slk40bOOCouVQE%2Fuploads%2F8jQjT7aqGrd1H1YwbDpW%2Fimage.png?alt=media&amp;token=4a5b9ea2-be9f-4dbf-b38c-bdab1dc15112" alt=""><figcaption></figcaption></figure>

Now we got to the most important part. The listing ID!&#x20;

<figure><img src="https://707480146-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FxegFG0slk40bOOCouVQE%2Fuploads%2FDgmG5F28E7SxFRNR3b9K%2Fimage.png?alt=media&amp;token=ab6ac9f7-31ba-4945-8bfb-73dd873876e3" alt=""><figcaption></figcaption></figure>

Our system will generate a listing code that you'll need to paste into the widget script during the integration phase. You'll find it in the 'Orders' table. Copy it and save it for our next stage.&#x20;
