Adding our AI Chat layer

To enable Storytell’s AI functionality for your users, you’ll first need to either programmatically upload some or all of your SaaS data into Storytell or invoke an existing AI agent as a data source.

Once you’ve connected your data, you can follow the steps below to build our advanced chat functionality into your SaaS app’s UIUX.

​

Enhance Your App with AI-Powered Chat

Transform your user experience with Storytell’s embedded chat interface. With just a few lines of code, add a powerful, context-aware chat that understands your product and helps your users succeed.

​

Quick Setup (2 Minutes)

Add this to your website:

<script src="https://cdn.storytell.ai/libs/embedded_ui.latest.min.js"></script>

Configure your chat:

Storytell.initPromptBar({
  type: "float-bottom",
  config: () => ({
    collectionId: "YOUR_COLLECTION_ID",
    organizationId: "YOUR_ORGANIZATION_ID",
    tenantId: "YOUR_TENANT_ID"
  }),
  initialPrompt: "How can I help you today?"
});

​

Key Features

• Personalized Experience: Remember user preferences and history
• Mobile-Ready: Looks great on all devices
• Smart Suggestions: Help users discover features
• Quick to Implement: No complex setup required

​

Make It Your Own

​

Customize the Look

The chat bar seamlessly integrates with your design:

• Floating chat bar that’s always accessible
• Responsive on all devices

​

Personalize the Experience

Help users get more value with:

• Curated prompt libraries
• Custom welcome messages
• Personalized responses
• User history tracking

​

Keep It Secure

Built with security in mind:

• Secure API authentication
• User data protection
• Privacy controls

​

Need Help?

Our team is here to help you succeed. Contact support for:

• Integration assistance
• Customization options
• Best practices
• Technical questions