# Drop Collection Credit Card Integration

{% embed url="<https://www.youtube.com/watch?v=imYjF0hyPss>" %}

**Step 1: Sign up for Crossmint**

To get started, sign up and create a developer account at [crossmint.com](https://www.crossmint.com/console/create-account)

### **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

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2Fkp9Zj08PrTZVe39CDVBU%2Fimage.png?alt=media&#x26;token=4beaf4b1-8532-446e-bb5a-85e0879d4cc4" alt=""><figcaption><p>Getting Contract address to your NFT Collection</p></figcaption></figure>

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FcU81xJVdh4NOZep0S3n3%2Fimage.png?alt=media&#x26;token=fa613ef1-a03a-46e4-840a-e9b19c8982bb" alt=""><figcaption><p>Copying your contract address from etherscan</p></figcaption></figure>

Make sure to choose the following:

* Network of your Contract
* Contract Type: ERC-721
* Contract Address
* Contract ABI - Copy/Paste the following ABI

```json
[{"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`

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FE2uPH23940jrlfhOFW20%2FScreenshot%202023-10-06%20at%203.30.01%E2%80%AFPM.png?alt=media&#x26;token=62564b45-85f5-4997-bd73-7ba462ca22a5" alt="" width="563"><figcaption><p>Drop Collection Public Sale Example</p></figcaption></figure>

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FEYALFb77XgxXB0Il2UK2%2FScreenshot%202023-10-06%20at%203.29.40%E2%80%AFPM.png?alt=media&#x26;token=e26c90cd-6151-440f-b43a-ea25e20644cb" alt="" width="563"><figcaption><p>Drop Collection Presale Example</p></figcaption></figure>

### **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

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FlmjAgmAgs3iRc5BGnrrR%2FScreenshot%202023-10-06%20at%205.06.34%E2%80%AFPM.png?alt=media&#x26;token=e9cbf3e4-742d-4880-9bed-a0105bf281b5" alt=""><figcaption><p>Example of Project Id and Collection Id on Crossmint Dashboard</p></figcaption></figure>

* **Widget for Drop Collection**

```html
<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>

```

2. **Implement a No-Code Storefront**: You can implement a no-code storefront by following these steps:&#x20;
   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.

{% hint style="info" %}
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.
{% endhint %}