.mint-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}
.mint-my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}
.mint-mb-10 {
    margin-bottom: 2.5rem
}
.mint-mb-20 {
    margin-bottom: 5rem
}
.mint-mb-4 {
    margin-bottom: 1rem
}
.mint-flex {
    display: flex
}
.mint-grid {
    display: grid
}
.mint-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.mint-flex-col {
    flex-direction: column
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-gap-2 {
    gap: 0.5rem
}
.mint-gap-4 {
    gap: 1rem
}
.mint-rounded-lg {
    border-radius: 0.5rem
}
.mint-border {
    border-width: 1px
}
.mint-border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.mint-bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity))
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.mint-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.mint-pb-2 {
    padding-bottom: 0.5rem
}
.mint-pb-20 {
    padding-bottom: 5rem
}
.mint-text-center {
    text-align: center
}
.mint-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.mint-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.mint-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-bold {
    font-weight: 700
}
.mint-font-medium {
    font-weight: 500
}
.mint-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.mint-text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.mint-shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:mint-bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity))
}
.hover\:mint-bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}
.focus\:mint-outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.focus\:mint-ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:mint-ring-gray-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity))
}
.focus\:mint-ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}
@media (min-width: 640px) {
    .sm\:mint-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 768px) {
    .md\:mint-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .lg\:mint-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
}

Documentation

Botpress

Understand the Botpress documentation and start building.

Welcome to Botpress

Build, test, and deploy your first AI agent.

Quick Start

Start building bots that work for your needs.

Learn by Doing

Advanced Starter Template

Manage the 128 KB state size limit in Botpress by optimizing workflows, clearing unused variables, and minimizing large data usage.

State Management

Tips to optimize AI Cost

Introduction

Introduction to integrations

Marketplace to find and install integrations.

Botpress Hub

Extend or enhance your bot's performance with these prebuilt integrations.

Functional Integrations

Automatically improve your bot's ability to respond to knowledge queries.

Knowledge Base Optimization

This functional integration automatically stores all of your bot's conversations and provides AI-generated analysis.

Conversation Analyzer

Provide feedback on specific LLMz iterations to improve future conversations.

Improvement

Asana

Allow a live agent to participate directly in the bot's conversation.

Human-in-the-loop (HITL)

Instagram

Intercom

Line

Messenger

Microsoft Teams

Notion

Slack

Telegram

Trello

Twilio

Viber

Vonage

Webhook

Zapier

Integrate your bot with Zendesk using the official integration.

Zendesk

Chat

Google Sheet

Google Calendar

Introduction to Webchat

Use the Webchat embed code to add a bot to your website.

Embed Webchat

Style your Webchat

Manually open or close Webchat on your website.

Open/close your Webchat

Provide your bot with data about the current user.

Send user data to your bot

Listen for when Webchat opens, closes, raises an error, and more.

Listen to events

Add a bot to your WordPress website using Webchat.

WordPress

Add a bot to your Wix website using Webchat.

Add a bot to your Webflow website using Webchat.

Webflow

Use the React library to build a basic Webchat component.

Documentation

Guides

Webchat

Chat API

Build an integration

Knowledge Base

API Reference

Community

Browse by Concept

Workflows

Tables

Knowledge Bases

Conversations

Events

Actions

Hooks

Integrations

Variables

Emulator

Execute Code

AI Task

AI Transition

AI Generate Text

Agents