Minting Experience using WIX

Adding a Minting Experience to Your WIX App with Zero-Code

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.

Implementing the Minting Experience in the Body

Step 1: Select a Theme

Choose between a dark or light theme for the minting experience, considering the design that complements your WIX app's aesthetics.

Step 2: Copy the Embeddable

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.

Step 3: Access WIX Editor

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.

Step 4: Edit Your Page

Select the page or section within your app where you want to add the minting experience. Enter the editing mode for that page.

Step 5: Add HTML Element

In the WIX Editor, find the HTML element in the elements panel and drag it to the desired location on your page.

add dark theme element

add light theme element

Step 6: Edit HTML Element

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.

Step 7: Save, preview and publish

Save your changes and preview your WIX app. Verify that the minting experience appears in the selected location and functions as expected.

preview

publish

Implementing the Minting Experience using a Lightbox

Step 1: Select a Theme

Similarly, choose a dark or light theme for the minting experience that suits your WIX app's design.

Step 2: Copy the Embeddable Link

Copy the embeddable link for the minting experience from the Zero-Code interface, as described in the previous method.

Step 3: Access WIX Editor

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.

Step 4: Add a Button

In the WIX Editor, find the button element in the elements panel and drag it to the desired location on your page.

Step 5: Edit Button Properties

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".

add dark theme element

add light theme element

Step 6: Add a Lightbox

In the WIX Editor, locate the "Lightbox" element in the elements panel and drag it to the desired location on your page.

Step 7: Configure the Lightbox

Customize the lightbox settings by selecting it and clicking on the settings gear icon. Set the lightbox to open when the button is clicked.

Step 8: Insert HTML Code

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.

Step 9: Save and Preview

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