Links

Other Tips and Tricks

Some cool tips/tricks to make your Checkout stand out!

Animated Logos

For Checkouts with a custom Logo URL you can use an animated logo.

//PNG/JPEG , GIF or SVG animated logos should work
logoUrl:"Animated Logo URL",
In addition to the usual PNG/JPEG compatibility, you can also use GIFs and SVGs in your Checkout. Using a GIF as your Logo URL means you can use an animated logo on the Checkout itself.
GIF in a basic embed
You can use a GIF for the Checkout Launcher too! Check out the example below.

Class vs ID - What's the difference?

#token : this is an ID; you can recognize it by the use of #
.token : this is a CLASS; you can recognize it by the use of .
Note that if you try to use #checkout for a CLASS, the embed will not work. You must match # to ID and . to CLASS
If you want to use an ID use #checkout
window.EMBR.mount({
type: 'CheckoutEmbed',
options: {
checkoutId: '01G6B8C2MNN9J5MZZX9XTRKRQ8',
selector: '#checkout'
}
})
//Reference it via : <div id="checkout"></div>
If you want to use an CLASS use .checkout
window.EMBR.mount({
type: 'CheckoutModalButton',
options: {
checkoutId: '01G6B8C2MNN9J5MZZX9XTRKRQ8',
selector: '.checkout-modal' }})
//Reference it via : <h3 class="checkout-modal">Embr</h3>

Using the Checkout from the Admin Dashboard to buy tokens

The preview in the Admin Dashboard is a fully functional Checkout. You can use it to purchase tokens
Select the wallet to use
After Connecting to your wallet you can buy the Token(s) from the Admin Dashboard