🏅One2all Customization Best Practices

Be Mindful of the Responsiveness!

• The site is set up to be responsive so be careful if you want to make more meaningful changes as there may be two element groups, one for desktop and one for mobile with a conditional based on page width

• Once you are ready, you will want to set up your own contract/collection to group your NFTs, that can be done via the Rarible token factory there's a section in the getting started doc around that but happy to provide some pointers there Andrew Chu 9:39am

• in bubble conditionals for page width can actually be in one of two places, either directly on the element under the "conditional" tab OR, this one took me a little while to figure out myself, if you look at the upper left of the editor, there is actually a tab to see the page in responsive mode. in that mode there are specific "responsive hiding rules" that can be implemented so my team used that in some cases for some of the larger element groups

Element Groups are Super Important!

• The concept of element groups is pretty crucial for how bubble is set up. it's worth checking the parent/child relationships of any group your looking to modify or move etc. before you do so, an element that is a child of a group can only move within the bounds of that group, so if you are trying to move something that looks like an image and it won't move it's probably b/c it is nested inside a group that is the same size.

• other things that may occur if you start to move things without checking parent groups is you may accidentally move an element outside of the group. Sometimes if an element is set to inherent or reference a Parent Group’s Thing, this will break logic

Using One2all on Mobile

• Currently, One2all must be opened in the web browser within the metamask app, however, work is under way to implement integration with Wallet Connect which creates a much better mobile experience for users with direct links to smartphone wallet apps from a regular browser.

Deprecated Manual Method of Collection Creation (Only for backup, the built-in collection creation uses the same calls and is much easier)

• Find the Rarible token factory addresses here: https://docs.rarible.org/ethereum/contract-addresses/

• Follow the instructions provided here: https://docs.rarible.org/ethereum/assets/token-factories/

• To generate your collection, use the etherscan write contract calls here:

  • Mainnet 721: https://etherscan.io/address/0x6E42262978de5233C8d5B05B128C121fBa110DA4#writeContract

  • Rinkeby 721: https://rinkeby.etherscan.io/address/0x62e0BDC23435321adFf249d6f41e11AEee6486Cf#writeContract

• For a Mainnet deployment of a new contract WITH PRIVATE MINTING only wallets supplied at deployment will be allowed to mint or lazy mint:

  • Make sure you expand the first “createToken” option, you can double check if it is the right one if it has the “operator” input field

  • once you connect your wallet input the fields as per below (IMPT: for baseURI and contract URI with the exact inputs):

    • Name should be the name of your collection, this will show up as the name automatically in rarible, it can be overwritten in opensea but CANNOT be overwritten in Rarible so pick a name you are comfortable with!

    • baseURI (without the quotations): “ipfs:/”

    • contract URI (without the quotations): “https://api-mainnet.rarible.com/contractMetadata/{address}”

    • operators: Can enter a comma delimited list of addresses these will be the only wallets that can mint to this collection!

    • salt: can be any value such as “1”

• For a Mainnet deployment of a new contract WITH PUBLIC MINTING:

  • Same inputs and instructions above but you will not be asked to input “operators” field

• How to confirm it’s created

  • Once the transaction has been confirmed check the Internal Transaction Tab for the Rarible Token Factory Contract, you should hopefully see a “Contract Creation” line item

  • Click that row to take you to your new contract address:

  • The contract address should be at the top of the next page:

  • Take this address and punch it into [rarible.com/collection/your contract address]

  • You should see a collection page! If you log in with the wallet that created the contract you should be able to edit your collection settings and images. Good luck!

• Adding your new collection as the default for One2all

  • Go to the bubble editor for your app

  • Go to Data and then select Option Sets

  • Choose BaseURL

  • Click “Modify Attributes” next to “Mainnet” this setting will set the default “Technical-settings” to point to this contract address whenever a collection is created for that chain id

  • Once you’re in the attributes table, input your new contract address into the field “Nft smart contract 721” (DO NOT UPDATE Nft smart contract 1155 unless you specifically created an 1155 contract!)

• If you already created a new collection, you just need to point that collection to your new address

  • You need to go to App Data then select “Collections”

  • Find the collection you want to modify to point to your new address:

  • Click the “Edit” pencil in the row for that address

  • Paste your new token factory address into the “Contract collection address” field

  • Done!

  • When you next look to mint, check the address in the metamask popup and confirm it is pointed to the right contract

• Now any new users that sign up and don’t modify their profile will have your default icon as their user profile image