Inspiration
Shopify is beta testing a feature that will allow merchants to sell NFTs, but this is only available to top-tier customers and no one knows when this will be available to all. We believe this feature should be available to all, and by building on Meter, we are providing a Shopify app that will give merchants the power to sell their NFTs directly from their Shopify site. You can use the app to sell NFTs alongside regular physical products. Sellers can choose to accept ETH or MTR thanks to the flexibility that Meter provides.
What it does
Electrum can be embedded in any Shopify page as a drag-and-drop app extension. It can be customized to show a selection of NFTs. Customers can connect their wallet directly on the Shopify site, pay for and mint the NFT, all in an easy-to-use, intuitive action that keeps customers on the merchant site.
Merchants will especially love working with this app, as customers never need to leave their site to complete an NFT purchase. The integration also aims to make the embedded NFTs look and feel just like any other part of the Shopify store, which creates trust and confidence with the customer. Buying an NFT will be just like purchasing a new shirt or a pair of pants.
How we built it
Electrum is a Shopify app that works with the Meter network. The app was written in Node.js and uses the ethers.js library. On the Shopify end, this is a standard app that uses the Shopify JavaScript SDK.
About the demo video
The demo video shows how to set up an NFT project called Meter Mutts. For demo purposes, a contract was deployed using the aid of Hardhat onto the Meter Testnet. After configuring the plugin and placing it onto the page, the NFT becomes available for an end user to connect to MetaMask and mint a Meter Mutt from the collection. In the video, you can see a Collections page that features a regular physical item (a T-shirt), and below that, the NFT.
Challenges we ran into
Creating a solution that would be beneficial to customers as well as impactful to the industry was my core focus. I experimented with a few other ideas before this, but learned a lot in the process. It was my first time working with Solidity.
What we learned
I learned a lot about the Meter network and think it will help overcome the challenges that Ethereum faces in getting to widespread adoption. Meter has a lot of advantages over other projects in this space due to its flexibility of use.
What's next for Electrum - A Meter-Powered Shopify App
Once I add a few more features and make the process of adding your NFTs a bit easier, I will submit this app to the Shopify App team for publication. I'd like to create an easier way to deploy the smart contract that will make it easier for less tech-savvy users.
Try it out
Use password meter to use the link below. The example is a Shopify development store with the Electrum app installed. The app is currently set to use the Meter Testnet, so you must have MTR available in your MetaMask wallet on this network to use. Please visit the faucet if you do not currently hold any MTR on the Testnet.
https://contraband-interactive-test.myshopify.com/collections/all
Once you login, be sure to visit the Collections page that shows the T-Shirt and NFT below it.
You can also visit this link to see the source code of the app. You'll see how the app connects to the wallet and makes the 0.02 MTR transaction to mint the NFT: https://glitch.com/edit/#!/platinum-veil-error
Log in or sign up for Devpost to join the conversation.