The first script config must be placed just before the head tag closes
(orange font
text):
Note: Make sure that you copied
only the green font text and paste it in
your
code.
<!DOCTYPE html>
<HTML>
<head>
//rest of your things
<script>
window.swsm = {
mode: {
env: 'dev',
},
};
</script>
</head>
<body>
This element needs to be placed anywhere you want in between the body
tags:
Note:
Make sure that you copied only the green font text and pasted in your
code. You can use any kind of wrapper to
make sure that the integration will look like your site.
In the last part of the integration you would need to include script right before the closing body tag
<body> <!-- YOUR CODE HERE --> <div id="root"></div> <!-- YOUR CODE HERE --> </body> <script src="https://cdn.getwaterfit.co.uk/integration/portal/develop/static/js/build.min.js"></script>
Remove the first script config placed when use the develop mode:
<!DOCTYPE html>
<HTML>
<head>
//rest of your things
<script>
window.swsm = {
mode: {
env: 'dev',
},
};
</script>
</head>
<body>
Replace the cdn link for the build file to this one:
<body> <!-- YOUR CODE HERE --> <div id="root"></div> <!-- YOUR CODE HERE --> </body> <script src="https://cdn.getwaterfit.co.uk/integration/portal/latest/static/js/build.min.js"></script>