We are hiring

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.