• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer

iKomodo P2P

Peer to Peer News

AtomicDEX Orderbook Tutorial
  • 1st Web Story
  • News Relay
  • Applications
  • Podcasts
  • Videos
  • About Us

Create A Storefront On OpenSea & Sell Items Guide

December 13, 2019 by iKomodo Mylo

This storefront creation guide was so simple – it was done on an iPad! The Opera Browser with Crypto Wallet ethereum integration worked perfectly. The setup was seamless to create a storefront on OpenSea, then to create a digital item & configure it for sale. With very little ethereum experience (& a small amount of ETH), I was able to successfully create a storefront & list an item for sale with a set price. The price is set in the USDC stablecoin, so no matter what the fluctuations of the price of ETH, when my digital item sells, it will sell for a fixed amount. I was also able to set a maximum referral fee of 2.5% for anyone that refers.

This guide does not go into embedding the storefront in your own application yet, but as you can see from this picture – the Pro Platformers storefront can be found in the OpenSea search box with relative ease alongside legends in the asset tokenization market like CryptoKitties, Gods Unchained & Decentraland.

opensea search result showing our new storefront

How Much Does It Cost To Setup A Storefront

Gas fees.  See below in the next section the transaction details.

For this walkthrough, gas cost me $3.75 for the storefront & an additional $0.81 to create my first collectible which authorizes OpenSea to trade USDC so I get a fixed amount on sale.

What You Will Need to Setup a Storefront

To have a wonderful experience creating a storefront you will need these:

  • A browser with crypto wallet integration.  I used Opera Touch from my iPad, but several other wallet brands are supported. Our intro to OpenSea uses MetaMask.
  • Sign (no fee) the terms of service digitally, using PIN/password/fingerprint for your wallet to sign the transaction.
  • An (optional) email address if you want to be notified when your item sells.
  • The wallet with some ETH.  For this guide I spent:
    • $3.75 (0.02569 ETH) to create the storefront
    • $0.25 (0.0168 ETH) to create my NFT digital item
    • $0.50 (0.00344 ETH) some gas so OpenSea was authorized to sell my items
    • $0.06 (0.0004 ETH) some gas to approve OpenSea to trade USDC stablecoin on my behalf so I receive the proceeds from the sale
  • Sign (no fee) to authorize OpenSea to list the item for sale.

Start at the OpenSea Storefront Manager

The OpenSea project provides a very easy way to navigate the creation of a storefront on OpenSea.  Simply visit the OpenSea Storefront Manager and you are greeted with this in the browser.

opensea storefront manager

If No Crypto Wallet Found

Without any browser integrated crypto wallet, a helpful screen will display showing some supported wallets. I used Opera Touch from an iPad which comes with a Crypto Wallet built in, so there were no hassles with browser extensions etc.

wallet required
Guidance for a desktop browser wallet intergration
opera touch browser with crypto wallet integration
Opera Touch on iPad with a built in crypto wallet.

 

Create a New Storefront

Click Create on the create a new storefront card & digitally sign the no-fee transaction to accept the OpenSea terms of service.

blockchain terms of service authorization

Fill in the store details & make the payment to cover network fees.

create storefront details form

confirm transaction to create storefront

Wait for the transaction to be confirmed by the network and then the new storefront is created!

wait for blockchain confirmation

storefront created

Create Storefront Summary

Until this point, we have created our token contract. This is the storefront – but it is empty, there are no items to sell. The token contract is empty. Adding tokens to this token contract is the following step. If you wanted to create another storefront, just repeat the above. It must be noted that creating the storefront (the token contract) is the most expensive part of the process.

Add Item To Storefront

Now it’s time to add an item to your newly created storefront. Click into it and depending on your device width, you will see a screen with your storefront name, an edit option and a button to “Add Item”.  Click the Add Item button and fill in the item details form.

Hint: It will be easier if you are prepared with your asset descriptions and any images you may want to upload.

add item details form

For this item, I’m uploading a copy of some song lyrics with the purchaser receiving the right to be acknowledged in my next song about “Navigating The OpenSea” – a tongue-in-cheek play on words about sailing the world of digital items!

After filling in the item details, the storefront manager requires payment authentication to create this item (e.g a unique NFT digital item) to the storefront (the token contract).

confirm the new item created

After confirming the payment, the transaction needs to be confirmed by the network. This will take about 10-20 seconds and a notification should be received by your wallet integration. The following screenshot shows the Opera Wallet giving me a notification of a token created.

new token received wallet notification

The view will then refresh automatically and show the new item.

new item listed as inventory

The item is in the storefront, but it is not for sale yet. Consider it inventory in the shop, but not listed for sale yet.  Let’s change that in the next step.

List Item For Sale

If you click the “Done” button from the previous screen or click on the breadcrumb to go back to your storefront, you will see the item in your storefront. Click into it to get to the details of the item.

storefront listing the new item

digital item details page

Now you know what you need to do?

Yes, sell it!

The details of how you want to sell it can be configured with:

  • The sale method: Set Price or Auction or Bundle Item
  • How much to sell it for
  • What currency you’d like to receive
  • The commission rate (referral bounty) for any referrers that sell your item

digital item sale configuration options

The fees is not an option to configure. Although listing the item is free, OpenSea will take a 2.5% commission for the sale.

Click on the “Post Your Listing” button and OpenSea will request for your signature authorizing them to list your item for sale.

signature request to process listing

Once this is processed, your item is officially for sale!

First Time Sellers Additional Authorizations

On the first item for sale, OpenSea will ask for authorization to sell items in your account. This requires a zero payment action, however the gas fees of Ethereum still apply.

first time authorization for opensea to sell items

Stablecoin Authorization

For my first item, I chose to sell with the USDC stablecoin as the currency. Because I was testing the Opera Crypto Wallet at the same time, and because of my lack of familiarity of the Ethereum transaction workflow as well as the requirement to authorize the use of a stablecoin, I was left a little overwhelmed with the requirements to confirm all of these transactions. I was lost for a few moments, but had faith that the system was working as intended.

first time approval to trade with stablecoin for item sales

Item For Sale Summary

We made it! We have successfully listed our digital item for sale in our new storefront! Clicking into the item, we can see it’s history from it’s birth to it being listed for sale. In this case it is for $555 in USDC stablecoin.

item history page

Where To From Here

This only the beginning of the collectibles marketplace journey. The simplest next step would be to use storefront editor to make it look nice.  Take the Crypto Assault storefront as a clean example.

crypto assault storefront

Other options include embedding the storefront into a website, or into a mobile application.

Filed Under: Applications, DEX Reviews, NFT Tagged With: browser, ethereum, gas fees, iPad, listing, marketplace, MetaMask, opensea, opera touch, tutorial

Primary Sidebar

  • GitHub
  • Pinterest
  • Twitter

Atomic Swaps For Dummies

The atomic swap infographic explains how the network negotiates the exchange between two users directly P2P!

atomic swaps for dummies - ikomodo infographic

More to See

electrum server load summary

Electrum Server Load During AtomicDEX Stress Test

December 15, 2020 By iKomodo Mylo

Blockchain Dev Kit v1, Electrumx & DEX in 1 hour

August 6, 2020 By iKomodo Mylo

Portable WASM Smart Contracts

June 10, 2020 By iKomodo Mylo

AtomicDEX Orderbook Tutorial – Part 2

May 1, 2020 By iKomodo Mylo

Verus Crypto Mining & Staking Wallet With Blockchain ID – Part 1

April 14, 2020 By Ahmed Shah

Convert Private Key To Bitcoin Private Key

April 21, 2020 By iKomodo Mylo

AtomicDEX Orderbook Tutorial – Part 1

April 30, 2020 By iKomodo Mylo

About atomicDEX orderbook

April 13, 2020 By iKomodo Mylo

Vote Mylo Notary Node Election 2020

Notary Node Election 2020

April 10, 2020 By iKomodo Mylo

TORUS OAuth dApp Authentication

January 6, 2020 By Ahmed Shah

Easily view your crypto wallet with Opera Touch menu

Kyber Swap Review with Opera Touch Crypto Wallet

December 19, 2019 By iKomodo Mylo

Tags

atomic swap Binance browser cdp CEX collaboration collateralized collectibles community composer demo dex dexp2p docker dpow efficiency ethereum gaming gas fees interview iPad listing marketmaker MetaMask mining nft opera touch polkadot presentation price data Proxy Token redfox smartchain stablecoin streaming support synthetic team member trading trading fees tutorial wallet waves webapp whitelabel

Developer API Examples

Atomic Swap API released by Komodo

August 13, 2019 By iKomodo Mylo

Using Insomnia to Get API Data

June 4, 2019 By Ahmed Shah

How To Get Historical Price Data from CoinLayer

June 4, 2019 By Ahmed Shah

How to Get Price Data from Binance

May 27, 2019 By Ahmed Shah

How to use HitBTC public api – example price, pair & volume

May 18, 2019 By Ahmed Shah

How to Get Price Data from BITTREX

May 3, 2019 By Ahmed Shah

How to get Price Index API from Bitcoin Average

April 23, 2019 By Ahmed Shah

Footer

About iKomodo P2P News

A news site for updates in the Komodo Platform P2P ecosystem. This is a Coin Gateways Blockchain Lab blog.

Recent

  • Electrum Server Load During AtomicDEX Stress Test
  • Blockchain Dev Kit v1, Electrumx & DEX in 1 hour
  • Portable WASM Smart Contracts
  • AtomicDEX Orderbook Tutorial – Part 2
  • AtomicDEX Orderbook Tutorial – Part 1

Search

Tags

atomic swap Binance browser cdp CEX collaboration collateralized collectibles community composer demo dex dexp2p docker dpow efficiency ethereum gaming gas fees interview iPad listing marketmaker MetaMask mining nft opera touch polkadot presentation price data Proxy Token redfox smartchain stablecoin streaming support synthetic team member trading trading fees tutorial wallet waves webapp whitelabel

Copyright © 2021 · Magazine Pro on Genesis Framework · WordPress · Log in