Skip to main content

Chat Widget

Before you use chat widget

You should have met these prerequisites:

Now you can use chat widget:

Take this as an examplehttps://vocechat.yourdomain.com:

<!-- embed this code snippet to your html body -->
<script
data-host-id="1"
data-auto-reg="true"
data-login-token=""
data-close-width="52"
data-close-height="52"
data-open-width="380"
data-open-height="680"
src="https://vocechat.yourdomain.com/widget.js"
async
/>

Explanation of the code above:

NameDefault ValueWhat's this for
id""custom widget id for registering user
host-id1The user (id=1 means the first user) that the guest will chat with
auto-regtruetrue: visitor auto register and start chat, false: need input email
login-token""The login token generated by yourself's account, for more details, please refer to: [Login in with other account](/login-with-other-account).
close-width52(px)Chat icon floater width
close-height52(px)Chat icon floater height
open-width380(px)Chat widget width
open-height680(px)Chat widget height
welcomeHi, feel free to email me hereDefine your welcome message, which supports html, e.g., <a href="mailto:co tact@example.com">contact me</a>
* all settings are optional, add data- in the beginning

Use VoceChat widget for "Contact me" example

https://yangerxiao.com

https://vc.moduoyu.com/

https://vocechat.tomzhu.site/

👏🏻👏🏻👏🏻 Try our chat widget: https://voce.chat and send your example (website url) to us to win a $120 coupon!