Links

CheckoutLaunchButton

The " Checkout Launcher" is a button on the lower part of the screen ( can be set to left, middle or right) that lets you click it and and it gives a pop-up checkout above the button
Basic Syntax below:
window.EMBR.mount({
type: 'CheckoutLaunchButton',
options: {
checkoutId: '01G5XJ86XCD16HBRFC6BQ1Y6SH',
// Custom settings here
}
})
For this type of checkout we need to set it to type : 'CheckoutLaunchButton'
// Avaialble options
window.EMBR.mount({
type: 'CheckoutLaunchButton',
options: {
checkoutId: '01G5XJ86XCD16HBRFC6BQ1Y6SH',
showLogo: false,
//true by default, set it to false to disable the logo
theme: 'light',
//can be omitted for default, or set to light|dark|custom
cropLogo: false,
/*true by default set to to false of you do not want to have
it round and a white border */
size: 'sm',
// use this to set the size to small. or omit for normal suze
location: 'left',
//default location is right, but you can set it to left|middle
label: 'LabelText',
//name to be displayed
logoUrl: 'Your logo',
backgroundColor: '#ff7900',
//becomes available with 'custom'
}
})
all options need to have a "'," in the end EXCEPT the last one.
window.EMBR.mount({
type: 'CheckoutLaunchButton',
options: {
checkoutId: '01G5XJ86XCD16HBRFC6BQ1Y6SH',
theme: 'custom',
backgroundColor: '#333333',
size: 'sm',
location: 'left'
}
})// Some code
You do not need to link this, no code changes arewrequired in the HTML code.