How to set up your NFT Marketplace
An introduction to your NFT marketplace and how to first set up its app-wide configurations
PreviousSetting up One2all v5 Bubble PluginsNextFor O2A Partners: How to Import the Latest Version of the app
Last updated
An introduction to your NFT marketplace and how to first set up its app-wide configurations
Last updated
How to set up web3auth to launch on live
How to debug issues with web3auth modal
How to set up your user as an Admin
How to double check connectivity using debugger to check Web3auth element
Before you launch your collection, it’s worth taking a look at the Setting-Technical thing. This is a core aspect of the entire One2all framework and is used to manage global settings for chain and contract interactions. As you will see below the primary differences between the Testnet and Mainnet settings are driven by an option set called BaseUrl in Data/Options Sets in the app editor. The underlined parameters in the Mainnet screenshot are the ones that will need to be modified to reflect chain specific urls, prefixes or contract addresses.
Ethereum Rinkeby Option Set
Ethereum Mainnet Option Set (chain specific parameters underlined)
First, set your wallet up so you can access the admin page and switch out the logo and basic language.
To do so, preview your app by pressing “Preview” in the upper right
If your app is in “Agency” mode, it may ask you for a username and password, the default login for bubble agency mode is “username” and “password”, respectively
For One2all partners, Agency mode allows you to save some money on subscriptions and any paid plugins until such time you are ready to go live. To get agency mode invite “hello@one2all.io” as a collaborator (via Settings/Collaboration in the editor view) and we can switch the app to Agency
Login and connect your wallet using the “connect wallet” workflow
Once you’ve connected once, go back to your bubble Editor, then go to “Data” then “App Data” and then click the “All User” data table.
Find the row with your wallet address and click the pencil next to that row to edit it.
You will need to change that user to an admin by switching its “User isAdmin” value from no to yes via the dropdown in the modify view.
Don’t forget to click “Save”!
Once you switch that user to an admin, you should be able to immediately see the admin screen via the profile menu
The Admin can change two sets of Settings, one for App Customization and the other set for Technical Settings
App Customization lets you rebrand the core elements of the app quickly
Technical Settings let you set up key back-office parameters like wallets, fees and wallet signing messages and other parameters
Once you are in the admin screen, simply click the Logo Header and Logo square to upload new logos (Logo header is ideally 160px width x 40px height for best proportions)
The header logo is shown in the header and footer
The square logo is shown on the confirm email page
Via the Admin Page, you can now also directly change:
Browser Page Title - this will change the Page Name that shows up in the browser tab
App Name - this changes the app name across the app, for example in the confirm email screen above, but also in the Terms and Conditions, Privacy and Disclaimer pages
NOTE: You should still review these documents as they are intended to be placeholders, for example, the company address is not updated and needs to be changed by the new admin
Company Legal Name - changes the legal name as it appears in Terms and Condition and copyright Footer
Company Email - used for contact references, terms and for user issue reporting
App URL - used in terms, privacy and disclaimer documents
Company Twitter - used for footer
Company Discord - used for footer
Technical Settings drive some key behaviors in the App including:
The Chain ID that is Targeted (Mainnet, Ropsten or Rinkeby)
The wallet that will collect any transaction fees set by the Admin
The % Fee for Sellers and Buyers, respectively, for sales executed on the platform
The custom Signing message which will be used to validate Wallets via a unique cryptographic signature
New as of 2/9/22, a setting that can toggle between All Users being able to Mint/Create or Only Admins being able to Mint
If you are planning to create an “Opensea” like marketplace where all users can mint, then you should choose All Users Can Create
If you are planning to create a more curated market where only the admin can mint then select Only Admin Can Create
Setting this value will run a back-end process that resets the Create Permissions for all users depending on whether they are an Admin or not
To customize your favicon go to the Settings and then “General” Tab in your Bubble Editor
There you will see an area where you can customize the Favicon and progress bar color
Go to Settings and SEO/metatags
Update the Title, Site Name, Description and thumbnail as you would like it to appear on social media shares. For instance:
NOTE: you can also change this for each individual page, you can do this by going to the top level element in any page and opening the element customization pop up
Scroll down and you will see optional inputs for
Title (for SEO / FB)
Description (for SEO / FB)
Image (for FB)
Please note, you can also add custom tags in the HTML Header for twitter cards for example like this on the item page:
Whenever a new User or Collection is created the user has an option to update information but may not choose to in all cases to save time. For User Profiles for instance you can create a default Profile Logo
To do this go to Data / Data Types and then select User
There you will see all of the potential parameters for that “Thing” or data object
Next to each parameter is a default
Click “User” and Scroll down to find User Profile Image
Click the logo there and upload a new logo to replace it!
Now any new users that sign up and don’t modify their profile will have your default icon as their user profile image
As of 2/8/22, these values have all been renamed to include a suffix “EDITME” so if you search edit me you will be able to bring them all up in one list!
search for “editme” and it will bring up all the styles below, this will allow you to modify the default blue theme or other characteristics directly
Index Page
Head-Index-Gradient (Replaces blue gradient on landing page)
$Primary-Button-Gradient (replaces primary buttons)
$Primary-Btn-Group (Changes color for filter buttons)
Slider-filter (Change color for slider buttons, slight bug with range based slider, you will need to Remove style to edit the Range color, i.e. the blue color between the two endpoints)
Group-BG-ClearBlue (replaces blue info section on landing page)
Group-Medium-Purpose (replaces dark purple info section on landing page)
$collection-label-items
Header
$set-display-name-header
$header-menu-desktop-balance
$Header-balance-user (Change font color for User ETH Balance in header)
$Button-Light-withborder-Group
$Button-Light-#377
Footer
$Footer-Subscribe-Icon
Create Item Page
$Outline-button #3b3 14px
$Outline-Button #3b3 16px
#outline-button white
#outline-button transparency
$reset-#377 (Change font color for Reset button in create_item)
$create-plus-icon
$icon-color-main (Create Collection plus icon button)
As of 2/8/22, added Common Prefix or Suffix to all targeted Styles with “EDITME”
To Set a Featured Collection find the collection under App Data
There is a dropdown for that collection to set “Featured” to yes or no
Just set it to yes!