Each Community Chat requires a unique container ID.
See this document for information about implementing container IDs on Viafoura.
add the following code to the page where you want the Community Chat to appear.
<div id="livechat-wrapper" style="height: 550px;" class="viafoura"> <vf-livechat></vf-livechat> </div>
The height attribute is required
The height attribute is required and defines the overall height of the chat tool as it will appear on the page. The recommended height is between 400px to 800px, but you can set the height to your specific needs.
Once loaded you should see a Community Chat widget on the page like this:
The Viafoura Community Chat tool requires that the On-Site Notification Tray is also implemented on the page, which can be done by simply adding the Notification Bell on the page.
The On-site Notification Tray acts as a personalized newsfeed for users to view their notifications for interactions the community has made with them. Replies to a user's comment, comment likes, new followers and push notifications pertaining to topics the user has followed are housed here.
The Notification Tray is Required for the User Experience
The Community Chat widget includes several call to actions and buttons, such as "login/signup", "post", "reply" and others that rely on the On-site Notification Tray to be implemented and available on the page.
Failing to implement the On-site Notification Tray will result in a broken user experience.
See our user guide to set up and manage Community Chats.
Updated 6 months ago