We are hiring

Chat

Customize chat box on your web

Methods

NameDescription
chat:translateTranslation of chat box to other languages, change of predefined texts
chat:alignSet chat box position. Left or right bottom corner of the screen. Left or right side of the screen.
chat:avatarSet logo inside chat box, which is displayed by default when no agent is connected
chat:messageSet pre-filled message in chat box, text is not sent
chat:sendSend custom text in conversation in chat box
chat:openOpen chat box
chat:closeClose chat box
chat:endEnd chat conversation

chat:translate

Translation of chat box to other languages, change of predefined texts. More info in example.

<script>
	smartsupp('chat:translate', {
		online: {
			title: 'TITLE EN'
		},
		widget: {
			online: 'WIDGET EN online'
		}
	}, 'en'); // update translates
</script>

chat:align

Set chat box position. Left or right bottom corner of the screen. Left or right side of the screen.

Example: left-bottom, right-bottom, left-side, right-side

<script>
	smartsupp('chat:align', 'left', 'bottom');
	//smartsupp('chat:align', 'right', 'bottom');
	//smartsupp('chat:align', 'left', 'side', null, 50);
	//smartsupp('chat:align', 'right', 'side', null, 50);
</script>

chat:avatar

Set logo inside chat box, which is displayed by default when no agent is connected

<script>
	smartsupp('chat:avatar', 'URL_TO_IMAGE'); // 55x55 px
</script>

chat:message

Set pre-filled message in chat box, text is not sent

<script>
	smartsupp('chat:message', 'Hello, can you help me with...');
</script>

chat:send

Send custom text in conversation in chat box

<script>
	smartsupp('chat:send', 'Hello, can you help me with...');
</script>

chat:open

Open chat box

<script>
	smartsupp('chat:open');
</script>

chat:close

Close chat box

<script>
	smartsupp('chat:close');
</script>

chat:end

End chat conversation

<script>
	smartsupp('chat:end');
</script>