Minting Experience using WIX
Adding a Minting Experience to Your WIX App with Zero-Code
Last updated
Adding a Minting Experience to Your WIX App with Zero-Code
Last updated
There are two ways to add a minting experience to your WIX app using Zero-Code. After selecting a theme, either dark or light, for the minting experience, you can choose to implement it directly in the body of the page or utilize a lightbox that opens a pop-up when the user clicks on the mint button. In this tutorial, we will guide you through step-by-step instructions for implementing the mint experience in both ways specifically for your WIX app.
Choose between a dark or light theme for the minting experience, considering the design that complements your WIX app's aesthetics.
Link In the Zero-Code interface, find the option to copy the embeddable link for the minting experience. Click on it to copy the provided link to your clipboard.
Log in to your WIX account and navigate to the WIX Editor for the app where you want to implement the minting experience in the body.
Select the page or section within your app where you want to add the minting experience. Enter the editing mode for that page.
In the WIX Editor, find the HTML element in the elements panel and drag it to the desired location on your page.
With the HTML element selected, click on the settings gear icon. In the settings panel, choose "HTML Settings" and paste the previously copied embeddable link into the HTML code section.
Save your changes and preview your WIX app. Verify that the minting experience appears in the selected location and functions as expected.
Similarly, choose a dark or light theme for the minting experience that suits your WIX app's design.
Copy the embeddable link for the minting experience from the Zero-Code interface, as described in the previous method.
Log in to your WIX account and navigate to the WIX Editor for the app where you want to implement the minting experience using a lightbox.
In the WIX Editor, find the button element in the elements panel and drag it to the desired location on your page.
Select the added button, click on the settings gear icon, and customize the button's design and text according to your preference. For example, label it as "Mint" or "Create NFT".
In the WIX Editor, locate the "Lightbox" element in the elements panel and drag it to the desired location on your page.
Customize the lightbox settings by selecting it and clicking on the settings gear icon. Set the lightbox to open when the button is clicked.
Within the lightbox settings, select the "HTML" option and insert the HTML code provided by Zero-Code for the minting experience. This HTML code will embed the minting experience directly into the lightbox.
Save your changes and preview your WIX app. Verify that clicking the mint button opens the lightbox, displaying the minting experience to users.
By following these step-by-step instructions, you can seamlessly integrate a minting experience into your WIX app using Zero-Code. Whether you choose to implement it directly in the body or
