Chat Widget

Before you use chat widget

You should have met these prerequisites:

• Have a vocechat server (host your own vocechat server:host VoceChat）
• Logged in to your vocechat server.
• Enalbe everyone to join the server (Setting --> Overview)
• Enable 3rd party login
  • Google Login Setup
  • Github Login Setup

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="false"
  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:

Name	Default Value	What's this for
host-id	1	The user (id=1 means the first user) that the guest will chat with
auto-reg	false	true: 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-width	52(px)	Chat icon floater width
close-height	52(px)	Chat icon floater height
open-width	380(px)	Chat widget width
open-height	680(px)	Chat widget height

Use VoceChat widget for "Contact me" example

https://yangerxiao.com

• vocechat: https://vocechat.yangerxiao.com/
• vocechat widget: https://yangerxiao.com/

https://vc.moduoyu.com/

• vocechat: https://vc.moduoyu.com/
• vocechat widget: https://laoona.com/

https://vocechat.tomzhu.site/

• vocechat: https://vocechat.tomzhu.site/
• vocechat widget: https://tomzhu.site/

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