Introduction
BetMakers Next Generation Terminal gives you as much flexibility as you need.
Integration can be managed in two ways:
- A complete whitelabel integration.
- A whitelabel embed.
Regardless of the approach, you will need to set up the following:
- Integrate the CSS:
<head>
...
<link rel="stylesheet" href="https://terminal.betmakers.com/static/css/main.css">
...
</head>
- Integrate the JS bundle:
<body>
...
<script>
window.bm.init({
proxyUrl: 'https://proxy.your-server.com/api', // Your proxy server
getHeaders: function () {
// Asynchronously return any headers required by the proxy server. This is typically used to retrieve the bearer token, which requires a JWT with the provided "iss" claim.
},
metadata: {
tellerId: 'xxxx',
windowId: 'yyyy',
reportGrouping: 'rrrr',
},
timezone: 'America/New_York',
});
</script>
<script async src="https://terminal.betmakers.com/static/js/main.js"></script>
</body>
Whitelabel or Embed into your website
Putting it all together now:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://terminal.betmakers.com/static/css/main.css">
<style>
body {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<script>
window.addEventListener('load', function () {
window.bm.init({
proxyUrl: '',
getHeaders: function () {},
metadata: {
tellerId: '',
windowId: '',
reportGrouping: '',
},
timezone: 'America/New_York',
});
});
</script>
<script async src="https://terminal.betmakers.com/static/js/main.js"></script>
</body>
</html>
- We can also integrate into your Wallet