Chat box design customization

Advanced customization of chat box texts, colors, bubble or logo. Create different chat box set up on every domain.

Setup of chat bubble, texts and colors

Example: Try Chat box design setup on 1st domain

<script> // customize banner & logo smartsupp('banner:set', 'bubble'); smartsupp('chat:avatar', '/assets/images/demo-logo-1.png'); // customize texts smartsupp('chat:translate', { online: { title: 'EXAMPLE', infoTitle: 'EXAMPLE COMPANY' }, offline: { title: 'OFFLINE' } }); // customize colors smartsupp('theme:colors', { primary: '#c5302c', banner: '#999999', primaryText: '#ffffff' }); </script>

Example: Try Chat box design setup on 2nd domain

<script> // customize banner & logo smartsupp('banner:set', 'bubble'); smartsupp('chat:avatar', '/assets/images/logo.png'); // customize texts smartsupp('chat:translate', { online: { title: 'MOJA FIRMA', infoTitle: 'UZASTNE!' }, offline: { title: 'OFFLINE' } }); // customize colors smartsupp('theme:colors', { primary: '#00b4f3', banner: '#6b6b6b', primaryText: '#ffffff' }); </script>

Chat box color change depending on online/offline status

Example: Chat box color changes automatically according to account status (online/offline).

<script> smartsupp('on', 'status', function(status) { if(status == 'online' || status == 'away') { smartsupp('theme:colors', { primary: '#00b4f3', banner: '#6b6b6b', primaryText: '#ffffff' }); } else { smartsupp('theme:colors', { primary: '#c5302c', banner: '#999999', primaryText: '#ffffff' }); } }); </script>

Online status is called automatically everytime when status is changed. Possible values are online and offline.