How To Add a Progress (Quantity Left) Bar to Your NFT Product Page on Shopify

  • Updated

Having a way to see how many NFTs are left for sale in your collection is an important way to create urgency for fans. This is why we've created a progress bar you can add to your NFT product pages that will gradually fill up as they are sold.

Screen_Shot_2022-01-27_at_9.34.23_AM.png

You will need to manually add the progress bar to your Default Product template for NFTs within your Shopify theme. Once you do this, the progress bar will appear on all other existing and future NFT products in your store that are published via Single. Here's how to add it:

From your Shopify Admin, click theOnline Storetab on the left hand side of the page.

Screen_Shot_2022-01-26_at_2.55.39_PM.png

Next, click theThemetab on the left hand side of the page, then click "Customize"in the Current Theme section.

Screen_Shot_2022-01-26_at_2.56.17_PM.png

Click the drop down menu that appears at the top of the next page. From here, selectProducts, thenDefault Product.

Screen_Shot_2022-01-26_at_2.57.33_PM.png

On the left hand side of the page, click the"Change"button, then search for and select an NFT product that is in your store.

Screen_Shot_2022-01-26_at_2.58.42_PM.png

Now that you have selected an NFT product, click the"Add Block"button on the left hand side of the page, then select"Single Progress Bar".

Screen_Shot_2022-01-26_at_3.04.22_PM.png

Use the six little dots that appear when hovering over"Single Progress Bar" to drag and drop it in the list wherever you would like for it to appear on the product page. We generally suggest putting it underneathPrice, but you can place it wherever you prefer.

Finally, click"Save."

Screen_Shot_2022-01-26_at_3.07.51_PM.png

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request