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:
- Click the "Online Store" tab in Shopify Admin
- Click the "Theme" tab
- Click "Customize"
- Select "Home Page" from the drop down menu on the top of the page
- On the left side of page, click the "Multicolumn" section (if it doesn’t exist, add it with "Add Section")
- On the right side of page, delete or modify the Multicolumn heading field as desired
- Make sure "Image Ratio" is set to "Adapt to Image"
- 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
- Get rid of any other unwanted text or buttons in the Multicolumn options and make any desired adjustments
- Back on the left side of page, click one of the blank columns listed under Multicolumn
- If there aren’t enough columns, click "Add Column" (up to 6 per multicolumn section you create)
- Click on the "Change" drop down menu on the right side of page
- Click "Change Image"
- Click "Upload"
- Select same image file you used when creating your NFT in Single
- Click "Select"
- Enter the name of your NFT into the "Heading" field
- Add a description if you would like
- In the "Link Label" field, enter what you want the link to the countdown/buy page to say
- 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) - Click "Save"
- 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.
- Click the "Online Store" tab in Shopify Admin
- Click the "Theme" tab
- Click "Customize"
- Select "Collections" from the drop down menu on the top of the page
- Click "Create Template"
- Enter a "Name" for the template
- Leave “Based on” field as "Default Collection"
- Click "Create Template"
- On the left side of the page, click "Add Section"
- Search for “Multicolumn” and select it
- On the right side of page, delete or modify the Multicolumn heading field as desired
- Make sure "Image Ratio" is set to "Adapt to Image"
- 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
- Get rid of any other unwanted text or buttons in the Multicolumn options and make any desired adjustments
- Back on the left side of page, click one of the blank columns listed under Multicolumn
- If there aren’t enough columns, click "Add Column" (up to 6 per multicolumn section you create)
- Click on the "Change" drop down menu on the right side of page
- Click "Change Image"
- Click "Upload"
- Select same image file you used when creating your NFT in Single
- Click "Select"
- Enter the name of your NFT into the "Heading" field
- Add a description if you would like
- In the "Link Label" field, enter what you want the link to the countdown/buy page to say
- In the "Link" field, search for the appropriate NFT countdown page (this is automatically created
- when you make an NFT within Single)
(repeat steps 15 through 26 for each NFT you want to show on your home page) - Click "Save"
- Click "Exit"
- Click the "Products" tab from within Shopify Admin
- Click "Collections"
- Click "Create Collection"
- Name the collection
- Make sure "Manual Collection" type is selected
- Under "Theme Template," select the template you just created earlier
- Click "Save"
- Click the "Online Store" tab from within Shopify Admin
- Click "Navigation"
- Click a menu you would like to add the NFT collection to
- Click "Add menu item"
- Enter a name for the collection that will display in your menu
- Search for the collection you just created earlier and select it
- Click "Add"
- 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.