---
# System prepended metadata

title: Upstalsboom Wellness Resort Südstrand - SDK snippet for SuitePad

---

# 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;
}
```