Widgets & Embeds
Add chat and FAQ functionality to your website with easy-to-install widgets.
Chat Widget
Enable real-time conversations between your customers and agents directly on your website.
Features
- Customizable appearance (colors, position, text)
- Proactive chat triggers
- Pre-chat forms
- File sharing
- Chat transcripts via email
- Mobile-optimized
- Multi-language support
Installation
Add this code before the closing </body> tag:
<script src="https://cdn.cention.io/widget/chat.js"></script>
<script>
CentionChat.init({
accountId: 'YOUR_ACCOUNT_ID',
widgetId: 'YOUR_WIDGET_ID'
});
</script>Requirements
- jQuery 1.9+ (or use our standalone version)
- Modern browser (Chrome, Firefox, Safari, Edge)
FAQ Widget
Embed your knowledge base on any page. Customers can find answers without leaving your site.
Features
- Search functionality
- Category navigation
- Expandable Q&A format
- Customizable styling
- Multiple knowledge bases
- Analytics tracking
- Responsive design
Installation
Add this code where you want the FAQ to appear:
<div id="cention-faq"></div>
<script src="https://cdn.cention.io/widget/faq.js"></script>
<script>
CentionFaq.init({
container: '#cention-faq',
accountId: 'YOUR_ACCOUNT_ID',
libraryId: 'YOUR_LIBRARY_ID'
});
</script>Requirements
- jQuery 1.9+
- A Cention knowledge base with content
Customization Options
Make the widgets match your brand
🎨 Colors
Set primary colors, background, text colors to match your brand.
theme: { primary: '#3b82f6' }
📍 Position
Place the widget in any corner of the screen.
position: 'bottom-right'
💬 Text
Customize all labels, messages, and button text.
labels: { greeting: 'Hi there!' }
🌍 Language
Set language or auto-detect from browser.
language: 'auto'
📋 Pre-Chat Form
Collect name, email, or custom fields before chat.
preChatForm: { enabled: true }
⏰ Availability
Show/hide based on business hours or agent availability.
showWhenOffline: false
Ready to Add Chat to Your Site?
Get your widget code from the Cention admin panel or contact us for help.