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>