Creating your storefront on bosonapp.io
If you are going to be selling multiple items and you would like more functionality than a standard seller profile provides, you may optionally set up a storefront within the Boson marketplace dApp.
Setting up a storefront is free, and allows you to aggregate your own offers and also those listed by other sellers, with your own colour scheme, font and branding.
Navigate to ‘Sell’ on the header of the dApp and click on ‘Create Custom Store.’
First of all, name your store. The first field should contain the name that is shown in the browser tab when people navigate to your store. This can be the same as, or different from, the Title, which is the headline displayed on your storefront.
The Description field allows you to enter subtext to explain a little more about the store. Keep it succinct so as not to clutter your landing page.
You can choose whether you upload your logo to IPFS via the Upload button, or whether you simply link to its location elsewhere.
The next stage is to choose your preferred colours and styles for header, footer and body content. Select the colour you would like for each, bearing in mind guidelines such as accessibility recommendations (for example, choosing text and background colour that are distinct from each other and easily legible).
Next, select your font family from the dropdown. This is enough to create a basic storefront, but there are various other advanced options that may be useful.
All fields in the Advanced section are optional.
Your storefront’s navigation will default to a header bar, but you can also choose to toggle it to a sidebar.
You may also choose to add a footer to the storefront – which can be configured here with copyright label, social media and other links – or to toggle the footer off completely, which is helpful if you want to embed the storefront in your own website.
The curation options allow you to add offers from other sellers, or to display only a subset of your own items. This may be useful if you are a seller with multiple brands, or with partnership deals with other sellers. Offer ids can be added as a comma-separated list.
You can also decide whether you want to enable metatransactions, where you pay your buyers’ Polygon transaction fees on their behalf to reduce friction and expense for them. In this case, you will need to sign up for an account with Biconomy and add your API key here.
Once you hit ‘Create’ you will receive an IPFS link to your storefront (example, “https://bosonprotocol.infura-ipfs.io/ipfs/QmTki95CPbSV4MS1p…”). We recommend that you have an ENS domain ready to hide that IPFS link behind. You could even create a subdomain from your current ENS (example, myStore.myName.eth). Buyers can access the storefront by leverage ETH Limo (example, https://myStore.myName.eth.limo). As an alternative, you can also create a subdomain of your existing DNS and use that to link buyers to your storefront.