After you successfully install Smartsupp chat on your website, the first thing that you would probably want to do is to set up the appearance and functionality of the chat box.
You will find the chat box options in Settings → Chat box
Note: It is possible to change the position of the chat box via API with the EXPERT package (Legacy: PRO). The Smartsupp JavaScript API provides developers with powerful tools to customize the chat widget's behavior and appearance. For example, you can set different positions for the chat widget based on device type (e.g., desktop vs. mobile) using the following code snippet:
<script>
// Desktop position
smartsupp('chat:position', { bottom: 20, right: 20 });
// Mobile override
if (window.innerWidth < 768) {
smartsupp('chat:position', { bottom: 100, right: 10 }); // Adjusted position for mobile
}
</script>To implement this:
Open your website's code and locate the Smartsupp installation script.
Paste the JavaScript snippet shown above directly below the Smartsupp script.
Adjust the
bottomandrightvalues to suit your design preferences for both desktop and mobile views.Save your changes and refresh your website in an incognito or private browser window to verify the new positions. Note: This feature requires the PRO plan and developer access to your website's code.
In chat box appearance settings you can change the color gradient (1) of the chat box as well as the chat box position (2), general texts (3), and theme (4), so it fits your website!
Additionally, you can adjust the default placement of the Smartsupp chat button without using custom code via the Smartsupp dashboard:
Log in to your Smartsupp account.
Navigate to Settings → Chat window → Appearance (or Position settings).
Use the available options to adjust the placement, such as:
Left or right side of the screen
Vertical offset
Spacing from edges
Save your changes. The updated position will automatically apply to your website.
For more precise control, you can create your own button and manage the chat widget using the JavaScript API.