How to Display Your NFT Drop in Shopify

  • Updated

After you have created your NFTs within Single, you can use the following steps to get your NFT drop properly displayed in your Shopify store! You can do this in several ways, but we're going to cover how to get things set up on your homepage, as well as in a collection that goes in your shop's navigation. 

The reason for using these particular methods instead of the traditional way you would add products to your store front, into a collection, etc., is so that you can properly set up and tease your NFT drop before it releases. Doing it this way, customers will easily be able to get to your NFT countdown page(s) (this is covered in the "Creating an NFT" article), and upon release, you don't have to worry about swapping products, hiding content, changing links, etc.

The "BUY" links we create in the following examples will take customers to the countdown page before your NFT drops. After the drop (release date), this link will automatically adjust to instead route customers to the now accessible product page, where they can buy the NFT! All of this is taken care of automatically on the back end, so you don't have to worry about it after set up!

 

Setting up your NFTs on your Shopify store's homepage:

  1. Click the "Online Store" tab in Shopify Admin
  2. Click the "Theme" tab
  3. Click "Customize"
  4. Select "Home Page" from the drop down menu on the top of the page
  5. On the left side of page, click the "Multicolumn" section (if it doesn’t exist, add it with "Add Section")
  6. On the right side of page, delete or modify the Multicolumn heading field as desired
  7. Make sure "Image Ratio" is set to "Adapt to Image"
  8. Change the "Number of Columns" (up to 6 per Multicolumn section), based on number of different NFT products you want to display on your homepage
  9. Get rid of any other unwanted text or buttons in the Multicolumn options and make any desired adjustments
  10. Back on the left side of page, click one of the blank columns listed under Multicolumn
  11. If there aren’t enough columns, click "Add Column" (up to 6 per multicolumn section you create)
  12. Click on the "Change" drop down menu on the right side of page
  13. Click "Change Image"
  14. Click "Upload"
  15. Select same image file you used when creating your NFT in Single
  16. Click "Select"
  17. Enter the name of your NFT into the "Heading" field
  18. Add a description if you would like
  19. In the "Link Label" field, enter what you want the link to the countdown/buy page to say
  20. In the "Link" field, search for the appropriate NFT countdown page (this is automatically created when you make an NFT within Single)
    (repeat steps 10 through 20 for each NFT you want to show on your home page)
  21. Click "Save"
  22. Click "Exit"

Setting up your NFTs in a "collection" within Shopify:

Note: This is not a true "collection" that we will be making. Though it is using a "collection," we're not adding products to it in the usual way. See the following guide to find out more.

  1. Click the "Online Store" tab in Shopify Admin
  2. Click the "Theme" tab
  3. Click "Customize"
  4. Select "Collections" from the drop down menu on the top of the page
  5. Click "Create Template"
  6. Enter a "Name" for the template
  7. Leave “Based on” field as "Default Collection"
  8. Click "Create Template"
  9. On the left side of the page, click "Add Section"
  10. Search for “Multicolumn” and select it
  11. On the right side of page, delete or modify the Multicolumn heading field as desired
  12. Make sure "Image Ratio" is set to "Adapt to Image"
  13. Change the "Number of Columns" (up to 6 per Multicolumn section), based on number of different NFT products you want to display on your homepage
  14. Get rid of any other unwanted text or buttons in the Multicolumn options and make any desired adjustments
  15. Back on the left side of page, click one of the blank columns listed under Multicolumn
  16. If there aren’t enough columns, click "Add Column" (up to 6 per multicolumn section you create)
  17. Click on the "Change" drop down menu on the right side of page
  18. Click "Change Image"
  19. Click "Upload"
  20. Select same image file you used when creating your NFT in Single
  21. Click "Select"
  22. Enter the name of your NFT into the "Heading" field
  23. Add a description if you would like
  24. In the "Link Label" field, enter what you want the link to the countdown/buy page to say
  25. In the "Link" field, search for the appropriate NFT countdown page (this is automatically created
  26. when you make an NFT within Single)
    (repeat steps 15 through 26 for each NFT you want to show on your home page)
  27. Click "Save"
  28. Click "Exit"
  29. Click the "Products" tab from within Shopify Admin
  30. Click "Collections"
  31. Click "Create Collection"
  32. Name the collection
  33. Make sure "Manual Collection" type is selected
  34. Under "Theme Template," select the template you just created earlier
  35. Click "Save"
  36. Click the "Online Store" tab from within Shopify Admin
  37. Click "Navigation"
  38. Click a menu you would like to add the NFT collection to
  39. Click "Add menu item"
  40. Enter a name for the collection that will display in your menu
  41. Search for the collection you just created earlier and select it
  42. Click "Add"
  43. Click "Save menu"

Note: As NFTs launch, they will automatically start to show up in your Catalog/All Collection, despite the fact they will show on the homepage or in a created collection before release if you use the above methods. They will not show in the Catalog/All Collection until they have been released.

 

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request