Embed PastiLulus.id Chat Widget
You can easily add the Plato AI chat widget to your website by adding the following script tag to your HTML:
<script src="https://pastilulus.id/embed.js"></script>
Customization Options
You can customize the appearance and behavior of the widget by adding a configuration object before the script:
<script>
window.PastilulusConfig = {
position: 'right', // 'right' or 'left'
buttonColor: '#0066CC', // Primary button color
buttonIcon: 'default', // 'default' or 'custom'
welcomeMessage: 'Hello! How can I help you with your IELTS preparation?'
};
</script>
<script src="https://pastilulus.id/embed.js"></script>
Live Demo
This is how the chat widget will appear on your website:
FAQ
Will this affect my website's performance?
The widget is designed to be lightweight and loads asynchronously, so it won't block your website from loading.
Can I control when the widget appears?
Yes, you can programmatically control the widget using JavaScript. See the API section below.
Is the chat widget mobile-friendly?
Yes, the widget is fully responsive and works well on mobile devices.
JavaScript API
You can control the widget programmatically using the JavaScript API:
// Show the chat widget
window.PastilulusChat.show();
// Hide the chat widget
window.PastilulusChat.hide();
// Open a new chat session
window.PastilulusChat.restart();
// Send a message programmatically
window.PastilulusChat.sendMessage('Hello, I need help with IELTS preparation');