Guides
|
March 6, 2023
Share:

How to Set Up Your Own No-Code Crossmint Storefront

Start selling NFTs with cross-chain and credit card payments right now, without a website

Buy NFTs - Crossmint

Is your NFT ready and you’ve got a contract, but no website?

Configure a No-Code Crossmint Storefront and start selling immediately, with cross-chain and credit card payment options configured automatically.

Today we’re going to walk through the creation of a Crossmint Storefront, a flexible accessory for NFT project creators looking to start selling right away without writing any web code.

It offers multiple payment options (credit card and cryptocurrency), works great on mobile and works well with just about any other tool out there.

Please note: Crossmint Storefronts are meant to be used as a simple way to start selling your project quickly. For full brand customization, or advanced functionality, we recommend you build your own website or use one of the several launchpad partners who integrate Crossmint.

All you need to get started with your own Storefront is:

We’ll briefly go over each of these before we show you how to configure your Storefront and get you up and selling right away.

If you’d like to follow the developer documentation, you can find it here.

Getting started with Storefronts

Set up your Developer Account

First of all, set up your Developer Account and ensure you verify your project on Crossmint. This is required to enable the Payments part of the Storefront.

  1. Sign up for an account by logging in at crossmint.com/console. For our staging environment, login to staging.crossmint.com/console.
  2. Create your first project and go through the verification process to enable payments.
    You’ll find the link to verify at the top of the Project page.

Create a Project and Collection

Once your project is ready, to set up your Storefront, navigate to your newly created Project.

Create a new collection. A “collection” is just another name for an NFT drop or mint.

Fill out the fields, then hit Save & continue.

Payment - NFTs - Crossmint
Crossmint's dev console showing the Collection Payments tab for an unregistered contract.

Navigate to Payments Tab & Register Contract

From your Collection Details screen, navigate to Payments, then click on Payments under Solutions in the sidebar.

Note that you MUST register your contract to enable Payments, which includes the Storefront feature.

Supported Contracts

The contracts Crossmint supports for Storefronts are:

  • Solana Candy Machine
  • ERC721*
  • ERC1155*
  • Thirdweb (you must add Claim Conditions from the Thirdweb dashboard)

*ERC721 and ERC 1155 contracts must not contain any custom mint arguments.

Register your contract to continue configuring your Storefront.

Enable Your Crossmint Storefront

Accepted payment methods - NFTs - Crossmint
Enabling the Crossmint Storefront in the Dev Console.

Now, under Solutions -> Payments, select the No-code Storefront tab.

Click the Enable toggle and click Save.

Notice it will automatically enable Ethereum, Solana, and Credit card payments. You can deselect any of these at any time, but remember, your mint proceeds will be delivered to you via the smart contract, so you’ll get your payment just like a normal mint — in the currency of the contract. You won’t deal with other crypto or fiat at all. We take care of that for you.

Preview your No-code Storefront

buy with card, ETH or SOL

Here’s our Crossmint Storefront. You’ll see the image we used, the title, the chain (we did a Solana test version in Staging), the description, and multiple payment options to make it easy to buy your NFT.

It looks a little boring. Let’s go change it up and make it more attractive.

Style Your Storefront

On the branding page, you have several options to change your Storefront's appearance: 

  • You can change the theme to light or dark mode.
  • You can change the primary color of the site
  • You can smooth the edges of the corners to fit your liking

As you change it up, you can revisit the live page to see how it looks!

Check out your live Storefront  

That looks beautiful. We’re almost done—just one more feature to show you.

Navigate back to the Dev Console and to your No-code Storefront Page settings.

You have an option to view & share a QR code.

Buy with credit card

View and share your QR Code

The QR code links directly to your Storefront and can be printed or shown on your phone so you can sell your NFTs anywhere.

buy with various payment methods

That's how you configure a No-Code Crossmint Storefront!

Thanks again to MASNAH for working with us.

Meet our showcased artist, MASNAH

In this feature announcement and walkthrough, we showcased artist MASNAH who paints NFTs IRL in various locations and is usually focused on Ethereum NFTs.

He has created his own Crossmint Storefront, configured it, and it is launched live with 100 editions available for purchase.

We're thrilled to work with MASNAH on this announcement! 

To learn more about No-code Storefronts, check out our documentation here.

Get started in 10 minutes. For free.

All the power of Web3 with none of the hassle.