# Upstalsboom Wellness Resort Südstrand - SDK snippet for SuitePad Add the following code towards the end of <body> section of your page. ```htmlmixed= <script> ;(function() { var script = document.createElement('script'); script.src = 'https://assets.dialogshift.com/code/pro1231-suitepad.js'; document.getElementsByTagName('head')[0].appendChild(script); })() </script> ``` ### Changing the position of the chat button For changing the position of the ctat button, please use these CSS variables in `:root{}`: ```css= --base-margin-right: 20px; // margin right; position right; --base-margin-right-mobile: 15px; // margin right; position right; mobile screen; --base-margin-left: 20px; // margin left; position left; --base-margin-left-mobile: 15px; // margin left; position left; mobile screen; --base-margin-bottom: 20px; // margin bottom; --base-margin-bottom-mobile: 20px; // margin bottom; mobile screen; ``` Please do not overwrite specific CSS properties like `left`or `bottom`, as multiple style objects are depending on those variables, and changing just a single property will lead to optical damage. ### Increasing the size of the chat window close button Apply the following CSS to increase the chat window close button size: ``` .ds-header-close-button { width: 50px; height: 50px; border-radius: 25px; } .ds-header-close-button:after { width: 50px; height: 50px; background-size: 20px; } ```