Purchases of Multiple NFTs

The set up differs slightly for primary (drops) and marketplace sales:

Pass a quantity attribute to the mintConfig indicating the total number of NFTs and update the totalPrice accordingly.

The price on the mintConfig must match the price on the contract. For example, if you are selling 2 NFTs for 1 ETH each, the totalPrice should be 2 ETH.

For external EVM contracts registered in Crossmint Console, ensure the attribute name in callData matches the parameter name in your mint function. For example: If your mint function has the signature: mintTo(address _to, uint256 _amount) then use _amount instead of quantity. See our Register External Collection guide for details on registering your contract.

Make sure that all NFTs belong to the same collectionId and blockchain.

See example

The following examples are for the hosted checkout button. For the embedded checkout, you may adjust the mintConfig analogously.

import { useState } from "react";
import { CrossmintPayButton } from "@crossmint/client-sdk-react-ui";

export default function App() {
  const [mintAmount, setMintAmount] = useState(1);
  const nftCost = 0.001;
  const projectId = "_YOUR_PROJECT_ID_";
  const collectionId = "_YOUR_COLLECTION_ID_";

  const handleDecrement = () => {
    if (mintAmount <= 1) return;
    setMintAmount(mintAmount - 1);
  };

  const handleIncrement = () => {
    if (mintAmount >= 3) return;
    setMintAmount(mintAmount + 1);
  };

  return (
    <div>
      <button onClick={handleDecrement}> - </button>
      <input readOnly type="number" value={mintAmount} />
      <button onClick={handleIncrement}> + </button>

      <CrossmintPayButton
        projectId={projectId}
        collectionId={collectionId}
        environment="staging"
        mintConfig={{
          totalPrice: (nftCost * mintAmount).toString(),
          _quantity: mintAmount, // the `_quantity` property should match what is in your mint function
          // Add any additional minting arguments here...
        }}
      />
    </div>
  );
}

FAQ

What happens if some of the transactions fail?

Do all NFTs must be on the same blockchain?

Introduction

Wallets

Authentication

Tokenization (Minting)

Checkout

Purchases of Multiple NFTs

FAQ

Introduction

Wallets

Authentication

Tokenization (Minting)

Checkout

​FAQ

FAQ