On this page
How to use the meta-data feature in the ChatBotKit Widget
Welcome to our comprehensive guide on how to utilize the meta-data feature in the ChatBotKit Widget. This feature allows you to tag and track your conversations effectively, leading to improved user interactions and behavior analysis. Below, we will walk you through the process from creating a new website widget, to embedding it into your website, initializing the widget with meta-data, using and updating the meta-data. Let's get started!
Step 1: Create a new website widget
- Navigate to Integrations and click the Create Widget Integration button.
- Fill in the name and optional description.
- Connect to an existing Bot or select a Backstory, Model, Dataset and Skillset.
- Save the integration by clicking the Create button.
Step 2: Embed the widget into your website
- Click the Install button.
- Copy the widget snippet (code).
- Paste the snippet into your website.
Step 3: Initialize the ChatBotKit Widget with Metadata
Once you have the widget installed on your website, you can initialize it with metadata that can be used to tag your conversations. This can be done programmatically using the
Here's an example of initializing the widget with metadata:
In the above example,
Alternatively you can pass the meta-data right inside the properties when embedding the widget SDK. Here are two method you can use for that:
Step 4: Use the Metadata
You can use the metadata for various purposes such as retrieving specific conversations, personalizing user interactions, and tracking user behavior. This can be done programmatically using filter constraints when retrieving conversations. The following example demonstrates how to do that with the Note SDK.
By following these steps, you can effectively use ChatBotKit's metadata feature to enhance your chatbot's functionality and have better way to retrieve conversations associated with your users.
Building a Stateless Conversational AI Chatbot with Next.js and ChatBotKit SDK
Learn how to build a stateless conversational AI chatbot using Next.js and ChatBotKit SDK. This tutorial will guide you through the process of setting up a Next.js project, creating an API endpoint, and designing a chat user interface. Get started today and build your own chatbot!