How to Mint an NFT on the Loopring L2 Web DEX (Advanced)

How to Mint an NFT on the Loopring L2 Web DEX (Advanced)

How to Mint an NFT on the Loopring L2 Web DEX (Advanced)

Part 1: Initial setup and upload

1.1: Organize file and select IPFS provider

1. Create a folder on your PC and give it a name.

2. Within that folder, insert the file you want to mint.
      Example: Logo.png

3. Create an account on Pinata or download IPFS Desktop.

1.2: Upload file to IPFS provider

Before uploading to IPFS, please be aware there are 2 types of CID: CIDv0 (begins with Qm) and CIDv1 (begins with b).

Currently, Loopring supports CIDv0 (begins with Qm) as will be seen in the examples, as well as certain CIDv1 (begins with b) that can be converted to CIDv0 format. Only CIDv1 that have the following properties can be converted to CIDv0, and thus can be supported in Loopring NFT mint.
multibase = base58btc
multicodec = dag-pb
multihash-algorithm = sha2-256
multihash-length = 32 (32 bytes, equivalent to 256 bits)
If you want to upload content to IPFS and generate CID for usage in the Advanced Mint flow, please ensure the CID can be supported by Loopring as described above.

You can check CID properties using this tool.

In case you do not know how to generate a CID that is supported by Loopring, please use Pinata which uses CIDv0 by default.

Upload the file you want to mint to Pinata or IPFS Desktop. Do not upload the entire folder.

Using Pinata - Step 1



Using Pinata - Step 2


Using Pinata - Step 3


Using IPFS Desktop - Step 1


Take note of the CID, it will be needed in the next step.

1.3: Create NFT Metadata file

Create a .json file using a text editor such as Notepad.

      Example: metadata.json

Within this metadata.json file copy the following – it is case sensitive:

{

"description": "Description of your NFT goes here",

"image": "ipfs://CID of the file goes here",

"name": "Name of the NFT",

"royalty_percentage": integer between 0 and 10

}


      Example:

      {

      "description": "Loopring Logo",

      "image": "ipfs://QmZBf3Aq1LGNRLGqad2dxojwTA7ddgrMpsHqJCi6jeK6Vh",

      "name": "Logo",

      "royalty_percentage": 10

      }


      JSON Legend:             description: A text string containing a description of your NFT             image: A text string containing an image to display for your NFT.             name: A text string containing the name or title of your NFT.

            royalty_percentage: An integer from 0 - 10 describing the amount of royalty to be collected by the creator each time the NFT is sold. For example, if a creator mints an NFT with a royalty percentage of 10, the creator will receive 10% of the proceeds of every sale. Royalties are distributed to creators at the end of each month. If an NFT is minted with a royalty percentage of 0, no royalties will be collected.

Save the .json file.

If you will select a collection in the mint GUI, skip to section 1.5.
If you wish to manually specify an IPFS CID of the NFT's collection_metadata file, proceed to section 1.4.

1.4: Manual collection_metadata specification

Create a collection_metadata json file conforming to the specification found in collection implementation on Loopring.

Upload the collection_metadata json file to Pinata or IPFS Desktop in the same manner as above. Note the CID.

Add an additional key/value pair to the NFT metadata json file whose key is "collection_metadata" and value is the IPFS CID for the collection's metadata file.

      Example:

      {

      "description": "Loopring Logo",

      "image": "ipfs://QmZBf3Aq1LGNRLGqad2dxojwTA7ddgrMpsHqJCi6jeK6Vh",

      "name": "Logo", "collection_metadata": "ipfs://QmbpBgKipbPbiLr3D2ykfiKv6XNerLSmWtoWECnqkStSs4",

      "royalty_percentage": 10

      }


       JSON Legend:
            collection_metadata: A text string containing an IPFS CID which points to a collection metadata file.

1.5: Upload NFT Metadata file

Similarly, as the NFT file was uploaded above, upload the NFT metadata .json file to Pinata or IPFS Desktop.


Using Pinata



Using IPFS Desktop


If NFT's metadata does not contain a "collection_metadata" key/value pair, proceed to Part 2 - Method A.
If NFT's metadata does contain a "collection_metadata" key/value pair, proceed to Part 2 - Method B. If NFT will not be a member of any collection, proceed to Part 2 - Method C.

Part 2 - Method A: NFT metadata without collection_metadata key/value pair

If the NFT being minted does not have a "collection_metadata" key/value pair in its metadata json file, a collection will be selected from the mint GUI.

If you've already created a collection you wish to use for this NFT, skip to section 2A.9. Otherwise, proceed to the next section to create a collection.

2A.1: Navigate to the My Collections page

In your browser navigate to the My Collections page on the Loopring DEX.

2A.2: Click the Create Collection button

Click the Create Collection button in the top-right of the page.

2A.3: Select a tile image

Click or drag to upload a Tile image for the collection.

2A.4: Select an avatar image

Click or drag to upload a Avatar image for the collection.

2A.5: Select a banner image

Click or drag to upload a Banner image for the collection.

2A.6: Enter a name

Enter a name for the collection.

2A.7: Enter a description

Enter a description for the collection.

2A.8: Click the Create Collection button

Review the details. If satisfied, click the Create Collection button to create a collection.

2A.9: Navigate to the Create NFT Landing page

In your browser navigate to the Create NFT Landing page on the Loopring DEX.

2A.10: Access the Advanced Creation flow

Click the Advance Create NFT tile to access the Advanced Create NFT flow.


Select Hasn't generated metadata with collection_metadata field.

2A.11: Choose the collection

Choose the collection you want this NFT to be minted with.

Click the Next button to proceed.

2A.12: Enter the NFT metadata's IPFS CID

Enter the NFT's metadata's IPFS CID.

Click the box to acknowledge the risk.

Click the Next button to proceed.

2A.13: Enter the amount to mint

Enter an integer from 1 to 100,000 to indicate the number of NFTs that will be minted in the batch.

2A.14: Review fee details

Review the fee details, including the amount and fee token. To change which token will be used to pay the fee, click the small arrow to reveal the fee token options.

2A.15: Select fee token

Change the token used for the fee by clicking the appropriate button.

2A.16: Final review

Review the NFT details, including the fee amount, fee token, and metadata details. If you wish to proceed to submit the NFT, click the Create Your NFT button.

2A.17: Sign to approve

Sign to approve the mint transaction.

Once the NFT is successfully submitted, a confirmation window will appear.

Click the Txn Hash link to see details of the mint transaction, or click the Close button to exit the window.

Congratulations! You have successfully submitted your NFT on Loopring’s L2 Web DEX.

Part 2 - Method B: NFT metadata with collection_metadata key/value

If the NFT being minted does have a "collection_metadata" key/value pair in its metadata json file, proceed with the following steps.

2B.1: Navigate to the Create NFT Landing page

In your browser navigate to the Create NFT Landing page on the Loopring DEX.

2B.2: Access the Advanced Creation flow

Click the Advance Create NFT tile to access the Advanced Create NFT flow.

2B.3: Access the Advanced Creation flow

Select Has generated metadata with collection_metadata field.

Enter the collection's contract address. Click the Next button to proceed.

2B.4: Enter the NFT metadata's IPFS CID

Enter the NFT metadata's IPFS CID. Click the Next button.

2B.5: Enter the amount to mint

Enter an integer from 1 to 100,000 to indicate the number of NFTs that will be minted in the batch.

2B.6: Review fee details

Review the fee details, including the amount and fee token. To change which token will be used to pay the fee, click the small arrow to reveal the fee token options.

Change the token used for the fee by clicking the appropriate button.

2B.7: Final review

Review the NFT details, including the fee amount, fee token, and metadata details. If you wish to proceed to create the NFT, click the Create Your NFT button.

2B.8: Sign to approve

Sign to approve the mint transaction.

Once the NFT is successfully submitted, a confirmation window will appear.

Click the Txn Hash link to see details of the mint transaction, or click the Close button to exit the window.


Congratulations! You have successfully minted your NFT on Loopring’s L2 Web DEX.

Part 2 - Method C: Legacy NFT minting (no collection)

If the NFT being minted will not be a member of any collection, proceed with the following steps.

2C.1: Navigate to the Legacy Create NFT page

In your browser navigate to the Legacy Create NFT page on the Loopring DEX.

2C.2: Upload an image

Click or drag to upload an image for the NFT.

2C.3: Name the NFT

Enter a name for the NFT. For readability, avoid using lengthy names.


2C.4: Enter a royalty percentage

Enter an integer from 0 to 10 to indicate the royalty percentage. This is the percent of each sale of this NFT that will be collected as royalties. Enter zero to indicate no royalties are to be collected.


2C.5: Enter the amount to mint

Enter an integer from 1 to 100,000 to indicate the number of NFTs that will be minted in the batch.


2C.6: Enter a Description

Enter a description that best describes the NFT being minted.


2C.7: Enter a custom property key and value

Each NFT can have up to five custom properties comprised of key and value pairs. These are not required, but they help add additional detail and make it easier for other applications to sort and rank the NFT.

Enter in a key name and value for the custom property.


2C.8: Optionally add additional properties

Clicking the Add Property button will add another row for an additional property.


2C.9: Enter additional keys and values

Enter in a key name and value for each additional custom property.


2C.10: Review the content policy

Review the content policy, then check the box to confirm that the NFT being minted adheres to it.


2C.11: Upload metadata and create

Review the NFT details. If satisfied, click the Upload Metadata & Create button to proceed.


2C.12: Review fee details

Review the fee details, including the amount and fee token. To change which token will be used to pay the fee, click the small arrow to reveal the fee token options.

2C.13: Select the fee token

Change the token used for the fee by clicking the appropriate button.


2C.14: Final review

Review the NFT details, including the fee amount, fee token, and metadata details. If you wish to proceed to create the NFT, click the Create NFT button.


2C.15: Confirmation and details

Once the NFT is successfully submitted, a confirmation window will appear.


Click the Txn Hash link to see details of the mint transaction, or click the Close button to exit the window.


Congratulations! You have successfully minted your NFT on Loopring’s L2 Web DEX.


    • Related Articles

    • How to MINT an NFT using the Loopring L2 Web DEX GUI

      Creating, or minting, an NFT on Loopring’s DEX is simple and very inexpensive.  This document will guide you through the steps in creating your very own NFT using the web interface on loopring.io. Part 1: Create a Collection 1.1: Navigate to the My ...
    • Loopring Layer 2 Mint Metadata Explanation

      Loopring Layer 2 Mint Metadata Explanation  V1.3    Loopring supports metadata according to the ERC1155 metadata schema format which uses the “properties” array. For more information regarding the overall spec as well as the syntax of this format, ...
    • How to use Loopring's Dual Investment product

      How to use Loopring's Dual Investment product Visit the Loopring web app to read more about Loopring's Dual Investment product, including information about what Dual Investment is, how it works, and the associated risks. If you do not completely ...
    • Loopring DEX Guide

      Table of Contents How to onboard Loopring L2 on desktop How to make instant transfers on Loopring L2 How to swap tokens gas-free How to add liquidity to an L2 AMM pool Finding the highest earning pools on Loopring L2 How to remove liquidity from an ...
    • Quick Guide VIDEO: How to trade on the Loopring L2 Web DEX

      Quick Guide VIDEO: How to trade on the Loopring L2 DEX You'll learn how to: Place limit orders on the Loopring L2 decentralised exchange. Trade with zero fees. Earn rebates on your trades. ​