# HTML API

No complicated coding needed.

⛔  Legacy API

You are browsing legacy API. Current version you can find here.

# 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