Drop Collection Credit Card Integration

Step 1: Sign up for Crossmint

To get started, sign up and create a developer account at crossmint.com

Step 2: Register Your Collection

Once you've signed up, you'll need to register your collection. Here's how:

  1. Collection Details: Enter the details of your collection, such as the name and description.

  2. Contract Registration: Enter your contract address. You can get it by looking up the Etherscan link on your public mint page in your NiftyKit account

Make sure to choose the following:

  • Network of your Contract

  • Contract Type: ERC-721

  • Contract Address

  • Contract ABI - Copy/Paste the following ABI

[{"inputs":[],"name":"NewOwnerIsZeroAddress","type":"error"},{"inputs":[],"name":"NoHandoverRequest","type":"error"},{"inputs":[],"name":"Unauthorized","type":"error"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"owner","type":"address"},{"indexed":true,"internalType":"address","name":"approved","type":"address"},{"indexed":true,"internalType":"uint256","name":"tokenId","type":"uint256"}],"name":"Approval","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"owner","type":"address"},{"indexed":true,"internalType":"address","name":"operator","type":"address"},{"indexed":false,"internalType":"bool","name":"approved","type":"bool"}],"name":"ApprovalForAll","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"uint256","name":"fromTokenId","type":"uint256"},{"indexed":false,"internalType":"uint256","name":"toTokenId","type":"uint256"},{"indexed":true,"internalType":"address","name":"from","type":"address"},{"indexed":true,"internalType":"address","name":"to","type":"address"}],"name":"ConsecutiveTransfer","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"pendingOwner","type":"address"}],"name":"OwnershipHandoverCanceled","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"pendingOwner","type":"address"}],"name":"OwnershipHandoverRequested","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"oldOwner","type":"address"},{"indexed":true,"internalType":"address","name":"newOwner","type":"address"}],"name":"OwnershipTransferred","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"user","type":"address"},{"indexed":true,"internalType":"uint256","name":"roles","type":"uint256"}],"name":"RolesUpdated","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"internalType":"address","name":"from","type":"address"},{"indexed":true,"internalType":"address","name":"to","type":"address"},{"indexed":true,"internalType":"uint256","name":"tokenId","type":"uint256"}],"name":"Transfer","type":"event"},{"inputs":[],"name":"airdropFee","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"uint64[]","name":"quantities","type":"uint64[]"},{"internalType":"address[]","name":"recipients","type":"address[]"}],"name":"batchAirdrop","outputs":[],"stateMutability":"payable","type":"function"},{"inputs":[],"name":"displayPrice","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"dropRevenue","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"maxAmount","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"maxPerMint","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"maxPerWallet","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"mintFee","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"recipient","type":"address"},{"internalType":"uint64","name":"quantity","type":"uint64"}],"name":"mintTo","outputs":[],"stateMutability":"payable","type":"function"},{"inputs":[],"name":"presaleActive","outputs":[{"internalType":"bool","name":"","type":"bool"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"address","name":"recipient","type":"address"},{"internalType":"uint64","name":"quantity","type":"uint64"},{"internalType":"uint256","name":"allowed","type":"uint256"},{"internalType":"bytes32[]","name":"proof","type":"bytes32[]"}],"name":"presaleMintTo","outputs":[],"stateMutability":"payable","type":"function"},{"inputs":[],"name":"price","outputs":[{"internalType":"uint256","name":"","type":"uint256"}],"stateMutability":"view","type":"function"},{"inputs":[],"name":"saleActive","outputs":[{"internalType":"bool","name":"","type":"bool"}],"stateMutability":"view","type":"function"},{"inputs":[{"internalType":"bytes32","name":"newRoot","type":"bytes32"}],"name":"setMerkleRoot","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[{"internalType":"uint256","name":"newMaxAmount","type":"uint256"},{"internalType":"uint256","name":"newMaxPerMint","type":"uint256"},{"internalType":"uint256","name":"newMaxPerWallet","type":"uint256"},{"internalType":"uint256","name":"newPrice","type":"uint256"},{"internalType":"bool","name":"presale","type":"bool"}],"name":"startSale","outputs":[],"stateMutability":"nonpayable","type":"function"},{"inputs":[],"name":"stopSale","outputs":[],"stateMutability":"nonpayable","type":"function"}]
  • Mint Function

    • For Presale: presaleMintTo

    • For Public Sale: mintTo

  • Parameter For Recipient Address: recipient

  • Parameter For Quantity Of NFTs Purchased: quantity

Step 3: Submit Verification for Payments

You'll be limited on how much you can accept until you are fully verified. Here's what you need to do to lift the limit restriction:

  1. Project Owner KYC: Complete the KYC process for the project owner.

  2. Collection Review: Your collection will be reviewed to ensure it meets Crossmint's standards.

Step 4: Integrate into Your Website

Once you're verified, you can integrate Crossmint into your website. Here are two ways to do it

  1. Embedding our Widget: You need to grab both values collection-id and project-id from crossmint dashboard and use them as parameters for our web components

  • Widget for Drop Collection

<script type="module" src="https://sdk.niftykit.com/widgets/widgets.esm.js"></script>

<nk-diamond collection-id="Your-Collection-SDK">
  <nk-connect-wallet-button>
    Connect Wallet
  </nk-connect-wallet-button>
  <br />
  <nk-is-connected>
    <nk-drop-mint-button success-title="Success!" success-message="You did it!">
      Mint NFT
    </nk-drop-mint-button>
    <br />
    <nk-drop-mint-crossmint-button collection-id="Your-Crossmint-Collection-Id" project-id="Your-Crossmint-Project-Id" />
  </nk-is-connected>
</nk-diamond>
  1. Implement a No-Code Storefront: You can implement a no-code storefront by following these steps:

    1. Enter Your Payment Details: Enter your payment details, such as the amount you want to charge and the cryptocurrency you want to accept.

    2. Add Page Link: Add the page link to your drop or share it directly with your collectors to mint.

Step 6: Start Minting

That's it! You can now start minting and accepting payments in cryptocurrency.

We hope this helps. Let us know if you have any questions or concerns.

If you have any questions or concerns, please contact Crossmint support at support@crossmint.com. Please note that review times can vary, but should be a few days.

Last updated