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-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
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!