GetWaterFit

GetWaterFit integration

Develop:

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>
              

Live:

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>