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