Tooling:
Author:
WooCommerce plugin enabling merchants to offer products as unique NFT variants on NEAR. Art is generated on the fly using AI, and barrier of entry is lowered through chain abstraction via Mintbase.
This project introduces an easy to use WooCommerce plugin that empowers customers to mint NFTs on Mintbase corresponding to the products of their choice. By absorbing all associated costs and fees, the initiative aims to merge the realms of e-commerce and digital assets, providing tangible value through digital ownership.
Check out the video bellow:
The project is structured into three core components:
WooCommerce Plugin: Serves as the backbone, integrating directly with the WooCommerce platform. It augments product listings with a “Claim a free NFT” option, enabling customers to initiate the NFT minting process for any product they have purchased.
Serverless/Edge Functions API: Facilitates the dynamic creation and minting of NFTs. It includes functions for image generation using OpenAI’s API, image processing and resizing, and communication with blockchain technologies for NFT creation. This API acts as the intermediary between the WooCommerce plugin and Mintbase tech, ensuring efficiency and scalability.
Mintbase store/contract: Functions as a digital gallery, showcasing the NFTs minted through the plugin, providing a visual and interactive platform for users to view and appreciate their NFTs. This is a simple Minsta clone.
Initiation: Customers are allowed to mint an NFT for a product they bought by clicking the “Claim a free NFT” button on the checkout complete (’thank you’) page.
Image Generation: A unique digital piece of art is created, based on the actual product. Alternatively, default product image is used.
Minting Process: Customer is taken to the Mintbase wallet creation page, where he can get a cryptocurrency wallet seamlessly. He’s then guided through the transaction signing process, and their NFT is minted.
Finalisation: Customer is redirected back to the store ‘thank you’ page, and a congratulatory message is displayed along with a link to Mintbase, where customers can view their newly minted NFTs.
Benefits for Merchants:
- Attract a New Audience: Tap into the rapidly growing NFT market and attract customers looking for unique digital collectibles.
- Enhanced Product Value: By offering your products as NFTs, you add a layer of rarity and exclusivity, potentially increasing their value.
- Innovative Branding Opportunity: Position your brand at the forefront of technology and innovation, appealing to tech-savvy consumers.
- Easy to Use: With Mintbase chain abstraction, you don't need to be a blockchain expert to leverage the benefits of NFTs in your store.
Head over to the Shop part of the site and buy something (don’t worry, there’s no actual payment involved). After checkout, you’ll get a chance to claim the NFTs of the bought items, one per item.
This plugin bridges the gap between traditional e-commerce and the burgeoning world of NFTs, offering customers a unique value proposition. By seamlessly integrating the minting process into the shopping experience, the project not only enhances product appeal but also introduces customers to the world of digital asset ownership, fostering a new dimension of engagement and value.
WooNFT API is a custom backend service designed to integrate NFT minting capabilities into WooCommerce stores. It leverages the Mintbase API for NFT minting on the NEAR protocol and provides additional functionalities such as image resizing and license verification for domain-based access control.
To set up the WooNFT API in your environment, follow these steps:
- Deploy a Mintbase contract
If it's your first time deploying a smart contract you may want to switch over to testnet so you can get the hang of things without paying any fees.
Deploy the contract
Log in to your Mintbase profile and deploy a new contract or choose an existing one. This will be the NFT contract that your Minsta instance mints to.
Add a minter
In your Mintbase contract settings, navigate to the "Minters" tab and add the 0.drop.proxy.mintbase.near contract as a new minter. This lets your app mint on behalf of users.
- Clone the Repository
git clone https://github.com/ivanciric/woo-api.git
cd woo-api- Install dependencies
npm installTo deploy the WooNFT API with Vercel, you need to install the Vercel CLI globally on your machine. Run the following command:
npm install -g vercel- Configure environment variables
Duplicate `.env.example` to `.env` and update it with your Mintbase, NEAR, and Firebase credentials.- Start the development server
vercel devYour API is now running and ready to connect your WooCommerce store to the blockchain!
NOTE: Currently, API usage is free when you setup the licence key to trial. If you wish to manage licence keys for your API, you can create a Firestore database licenses and have your document structure setup like this:
To interact with the API, here are some example usages:
Get image via POST request to /api/get-image with the image description.
curl -X POST 'https://<vercel-deployment-url>/api/get-image' \
-H 'Content-Type: application/json' \
-H 'x-license-key: your-license-key' \
-d '{
"description": "A detailed description of the NFT image you want to generate."
}'Send a POST request to /api/mint with product details to mint NFTs.
curl -X POST 'https://<vercel-deployment-url>/api/mint' \
-H 'Content-Type: application/json' \
-H 'x-license-key: your-license-key' \
-d '{
"imageUrl": "URL_TO_PRODUCT_IMAGE",
"name": "PRODUCT_NAME",
"description": "PRODUCT_DESCRIPTION",
"redirectUrl": "REDIRECT_URL_AFTER_MINTING"
}'Verify a license by sending a POST request to /api/verify-license with your license key and domain.
curl -X POST 'https://<vercel-deployment-url>/api/verify-license' \
-H 'Content-Type: application/json' \
-d '{
"licenseKey": "YOUR_LICENSE_KEY",
"domain": "YOUR_DOMAIN"
}'If you want to experiment with the plugin and customize it to your own needs/product, you can edit the code directly in your Wordpress installation.
Download and install the plugin via
You will find the code in your Wordpress installation at /app/public/wp-content/plugins/productnft
In the productnft.php file, change the line 167 'api_url' => 'https://woonft-api.yoshi.tech/api/' to your corresponding API url and you're ready to go!
All plugin functionality is contained within productnft.php and js/productnft-button.js files.
(Make sure to adjust the .env variables as shown in the .env.example file)
(Make sure to adjust the .env variables as shown in the .env.example file)
Congratulations on integrating the WooNFT plugin with your WooCommerce store! Here’s how you can maximize your new setup and engage with a wider audience:
Don’t keep your innovative approach a secret! Share your store's link through your social media channels, newsletters, and other marketing platforms to attract visitors. Showcasing your unique NFT offerings can draw in a crowd eager for digital collectibles.
Let us know about your launch! Mintbase and the LNC community are excited to support innovative projects. By notifying us, you can receive additional promotion and support. Send us a message with details about your store and any specific features you would like to highlight.
Mintbase provides a platform not just for minting NFTs but also for promoting them. Use the Mintbase store to showcase your NFTs to a broader audience interested in digital art and collectibles.
Join forums and social media groups focused on NFTs, WooCommerce, and blockchain technology. Engagement with these communities can provide valuable feedback and help you gain insights that could improve your offerings.
Keep an eye on updates from both WooCommerce and Mintbase. Staying updated ensures that your plugin remains compatible and leverages any new features or improvements in the blockchain and NFT domains.
Visit the Learn NEAR Club for resources, tutorials, and community support that can help you expand your knowledge and make the most of your NFT business.
Your journey doesn’t end here. Gather feedback from your users and continuously seek to enhance their experience. Consider adding new features based on user suggestions and the evolving capabilities of the NEAR protocol.
Finally, don’t hesitate to reach out for support or partnership opportunities. Connecting with Mintbase and LNC can provide you with resources and insights that are invaluable for scaling your project.
By following these steps, you’ll be able to ensure that your store not only thrives but also contributes to the growing ecosystem of digital assets and e-commerce integration. We’re excited to see how your store evolves and helps shape the future of NFT commerce!