Skip to main content

Introduction

BetMakers Next Generation Terminal gives you as much flexibility as you need.

Integration can be managed in two ways:

  1. A complete whitelabel integration.
  2. A whitelabel embed.

Regardless of the approach, you will need to set up the following:

  1. Integrate the CSS:
<head>
...
<link rel="stylesheet" href="https://terminal.betmakers.com/static/css/main.css">
...
</head>
  1. 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>

  1. Whitelabel or Embed into your website

  2. 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>
  1. We can also integrate into your Wallet