HMTL API

No complicated coding needed.

Simple API based on HTML attributes without the need for extra coding knowledge.

Navigation

Open chat

Chat box opens after visitor clicks on any element of your choice: link, image, button, menu item, etc.

attribute value type description
data-api smartsupp required Default part of code.
data-operation open required Default part of code.
data-text Text of your choice. optional Predefined text in text area.

Open chat box after visitor clicks on a link.

<a href="#" data-api="smartsupp" data-operation="open">Open chat ...</a>

open chat link GIF

Example: Image

Open chat box after visitor clicks on an image.

<img src="/images/open-chat.png" data-api="smartsupp" data-operation="open" />

open chat image GIF

Example: Text

This is optional but you can display text in chat box text area for visitor to see.

<img src="/images/open-chat.png" data-api="smartsupp" data-operation="open" data-text="Hello..." />

open chat and show text

Send message

Once visitor clicks on element chat box opens and predefined message is sent. In this API attribute data-operation has value send and attribute data-text is required as part of the default code in order to work.

attribute value type description
data-api smartsupp required Default part of code.
data-operation send required Default part of code.
data-text Text of your choice. required Default part of code.

Open chat box after visitor clicks on a link and send message.

<a href="#" data-api="smartsupp" data-operation="send" data-text="Hello...">Open chat ...</a>

send message link GIF

Example: Image

Open chat box after visitor clicks on an image and send message.

<img src="/images/send-message.png" data-api="smartsupp" data-operation="send" data-text="Hello..." />

send message image GIF