Add Pixie to your website with one line of code
Copy and paste this code before the closing </body> tag on your website:
<script src="https://your-domain.pages.dev/static/pixie/embed.js"></script>✅ That's it! The widget will automatically appear on your site.
Customize the widget with data attributes:
<script
src="https://your-domain.pages.dev/static/pixie/embed.js"
data-api-url="https://your-domain.pages.dev/api/pixie-chat"
data-avatar-url="/path/to/custom-avatar.jpg"
data-name="Your Assistant Name"
data-personality="friendly"
></script>If you need more control, use the manual setup:
<!-- Load CSS -->
<link rel="stylesheet" href="https://your-domain.pages.dev/static/pixie/pixie-widget.css">
<!-- Load Widget Script -->
<script src="https://your-domain.pages.dev/static/pixie/pixie-widget.js"></script>
<!-- Initialize -->
<script>
PixieChat.init({
apiUrl: 'https://your-domain.pages.dev/api/pixie-chat',
avatarUrl: '/static/pixie/pixie-avatar.jpg',
name: 'Pixie',
personality: 'friendly'
});
</script>