Embed Your Forum & Community as a Widget Anywhere
Transform your website into a thriving community hub. Bring engagement directly to your customers, fans, and followers with your community widget that seamlessly integrates into your existing website.
Community Advantages
Create your own community and embed it directly on your website to engage visitors, build loyalty, and foster meaningful discussions around your brand or content.
2x More Engagement
Community features double user activity. Members ask, answer, and interact—keeping your audience active.
- +110% session duration
- 3x more page views
Active Community
Members participate in each other's posts, discussions and boost overall activity and connection.
- More replies and reactions
- Users help each other
Analytics
Track page views, manage members, and AI-driven analysis of threads and heat map of your community.
- Monitor activity
- Member management
Choose How You Launch Your Community
Embed as a Widget
Add the community widget to any page on your website in minutes.
Use Your Own Domain
Launch your community on a custom domain or subdomain
e.g. community.yoursite.com
Community Widget Integration
Get your community widget running in under 5 minutes
Add the Script
Copy this single line of code to your website's head section
<script src="https://kocial.net/static/assets/widget.js"
data-community-id="YOUR_COMMUNITY_ID"
data-position="bottom-right"
data-width="400px"
data-height="600px"></script>Configure Options
Customize appearance and behavior with data attributes
data-position
bottom-right, bottom-left, top-right, top-left
data-width
400px, 50%, etc.
data-height
600px, 80%, etc.
Quick Start
Get your community widget up and running in minutes
Basic Integration
Add this widget code to your website's HTML head section:
<script src="https://kocial.net/static/assets/widget.js"
data-community-id="YOUR_COMMUNITY_ID"
data-position="bottom-right"
data-width="400px"
data-height="600px"></script>YOUR_COMMUNITY_ID with your actual community ID from the dashboard.
Configuration
Customize your community widget appearance and behavior
Position
bottom-right(default)bottom-lefttop-righttop-left
Size
width: Any CSS width valueheight: Any CSS height value- Example:
400px,50%
API Reference
Control your forum widget programmatically
Widget Controls
KocialWidget.show()
Show the widget
KocialWidget.hide()
Hide the widget
KocialWidget.destroy()
Remove the widget completely
Notifications
KocialWidget.showNotification(5)
Show notification badge with count
KocialWidget.hideNotification()
Hide notification badge
Manual Initialization
For advanced control and custom configurations
JavaScript Setup
Initialize your forum widget manually for more control:
KocialWidgetInit('YOUR_COMMUNITY_ID', {
position: 'bottom-right',
width: '400px',
height: '600px'
});