✨ Made with Daftpage

How to embed an NFT from OpenSea on your landinge page?

Embedding an NFT on your site is really easy!

https://images.unsplash.com/photo-1634334339429-660e1b088026?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8OXx8bmZ0fGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=800&q=60

2021 has been a crazy year for NFTs.

More and more people are creating NFT's project.

If you're here, there's a chance you've released one yourself!

Here's how you can embed an opensea NFT on your website.

Add the opensea script to your site:

The first step is to add opensea's script to the page that will embed your NFT.

<script src="https://unpkg.com/embeddable-nfts/dist/nft-card.min.js"></script>

If you're using Daftpage for your site go to Page Settings > Custom Code and paste the following code to add the opensea script on your site.

Embed the NFT:

From the NFT page on opensea click on Share > Embed Asset

https://daftpage.s3.amazonaws.com/projects%2Fckwo2eeho000708ky0m9adrdt%2Fassets%2Fckxgptgey00053f6ab86sjgul-blog-embed-nft-1.png

https://daftpage.s3.amazonaws.com/projects%2Fckwo2eeho000708ky0m9adrdt%2Fassets%2Fckxgptoh800063f6alkjfjcco-blog-embed-nft-2.png

Copy <nft-card ...></nft-card> and place it on your html page.

For Daftpage users: Create a Custom Code block and paste <nft-card ...></nft-card>

<nft-card contractAddress="0x1301566b3cb584e550a02d09562041ddc4989b91" tokenId="28"></nft-card>

Publish, Done!

Note that you'll not see the NFT inside the editor as custom scripts are not loaded inside the editor.

You can view the demo page here

More questions? Spotted an error or grammar mistakes? Shoot me an email georges@daftpage.com

Georges

Follow me on Twitter

how-to-embed-an-nft-from-opensea-on-your-landinge-page