Try It Live
This is a live demonstration of the Synaplan inline chat widget. The widget automatically cycles through different question suggestions to show its animation capabilities.
💡 Tip: Click the input field, upload button, or "Ask" button to open the full chat interface where you can ask questions and upload files.
Integration Code
Add this script tag to your website to embed the inline widget:
<!-- Synaplan Chat Inline Box -->
<script src="https://app.synaplan.com/widget.php?uid=YOUR_USER_ID&widgetid=YOUR_WIDGET_ID&mode=inline-box"></script>With Animation
Add this JavaScript to cycle through question suggestions:
<script>
// Wait for widget to load
setTimeout(() => {
if (window.SynaplanWidget) {
const suggestions = [
'What is artificial intelligence?',
'How does machine learning work?',
'Explain neural networks',
'What are Large Language Models?'
];
let index = 0;
SynaplanWidget.typeText(suggestions[0], 70);
setInterval(() => {
index = (index + 1) % suggestions.length;
SynaplanWidget.typeText(suggestions[index], 70);
}, 6000);
}
}, 500);
</script>Features
- Animated Text: Type animation effect for suggestions
- File Upload: Paperclip icon for uploading PDFs, Word docs, images
- Brand Colors: Matches your website's color scheme
- Responsive: Works on desktop, tablet, and mobile
- Accessible: Keyboard navigation and screen reader support