You can embed NFTs and sell them directly on your site by using the Zeromint NFT widget. It's really easy!

First, grab the NFT ID from the URL on the NFT page.



Then just add a couple of lines to your webpage:

<!-- For each NFT to display: -->
<nft-card nftID="N9T2FRIFZ4gIavsPAUTU"></nft-card>
<!-- You can put multiple on a single page -->

<!-- Only include this once per page -->
<script src="http://zeromint.com/js/widget.min.js"></script>


Example

Here is a complete code example with multiple NFTs:

html
<style>
.card-list {
max-width: 800px;
margin: auto;
/* padding-top: 5vh; */
display: flex;
}

.card-container {
/* max-width: 800px; */
margin: 8px;
/* padding-top: 5vh; */
width: 300px;
height: 500px;
}
</style>

<h1 class="title header">Embeddable NFTs from Zeromint</h1>
<p>Show users any crypto collectible and let them buy it straight from your site, using a minimal-dependency widget!</p>

<div class="card-list">
<div class="card-container">
<nft-card nftID="xo3COEHlw4bOeO36fx2d">
</nft-card>
</div>
<div class="card-container">
<nft-card nftID="IhDG9fGKPdlCqq6VOS0a">
</nft-card>
</div>
<div class="card-container">
<nft-card nftID="uZxcx9qrfi3bH0dDRqDG">
</nft-card>
</div>
</div>

<script src="https://zeromint.com/js/widget.js"></script>
Was this article helpful?
Cancel
Thank you!