Typebot — Visual AI Chatbot Builder You Can Self-Host
Build advanced chatbots visually with 34+ blocks. Embed anywhere, collect results in real-time. OpenAI integration, custom themes, analytics. Self-hostable. 9,800+ stars.
Instalación lista para agent
Este activo puede instalarse después de elegir el runtime, revisar el plan y ejecutar el comando correspondiente.
npx -y tokrepo@latest install f05a11a5-33e5-11f1-9bc6-00163e2b0d79 --target codexEjecutar después de confirmar el plan con dry-run.
What it is
Typebot is an open-source visual chatbot builder that lets you create advanced conversational flows using a drag-and-drop interface. It offers 34+ block types for text input, buttons, conditions, API calls, OpenAI integration, payment collection, and more. You embed the chatbot anywhere on your website and collect results in real-time.
Typebot targets marketers, product teams, and developers who need conversational forms, lead capture bots, or AI-powered customer interactions without writing code. It can be self-hosted for full data ownership or used via the hosted service.
Why it saves time or tokens
Building a chatbot from scratch requires handling conversation state, branching logic, UI rendering, and backend storage. Typebot provides all of this visually. The OpenAI integration lets you add AI responses at specific points in the flow without building a full AI backend. For teams already using AI assistants, Typebot provides a user-facing interface that the AI can power behind the scenes.
How to use
- Self-host Typebot with Docker or use the hosted service at typebot.io
- Create a new bot and design the conversation flow using the visual editor
- Embed the bot on your website using the provided script tag or React component
Example
<!-- Embed Typebot on any website -->
<script type='module'>
import Typebot from 'https://cdn.jsdelivr.net/npm/@typebot.io/js@0.3/dist/web.js'
Typebot.initBubble({
typebot: 'my-chatbot-id',
theme: {
button: { backgroundColor: '#0042DA' },
chatWindow: { backgroundColor: '#fff' }
}
})
</script>
| Block Type | Purpose |
|---|---|
| Text input | Collect user responses |
| Buttons | Multiple choice selection |
| Condition | Branch logic based on answers |
| OpenAI | AI-generated responses |
| Webhook | Send data to external APIs |
| Payment | Stripe payment collection |
Related on TokRepo
- AI tools for no-code — no-code AI tools and builders on TokRepo
- AI tools for automation — workflow automation and chatbot tools
Common pitfalls
- Self-hosting requires PostgreSQL and proper environment configuration; the Docker compose file handles this but read the docs before deploying
- OpenAI blocks consume API credits per conversation turn; set token limits and monitor usage to control costs
- Complex branching logic with many conditions becomes hard to maintain visually; break large bots into sub-bots for clarity
Preguntas frecuentes
Yes. Typebot is fully open source and self-hostable using Docker. You need PostgreSQL for data storage and optionally S3-compatible storage for file uploads. The official Docker compose file includes all required services. Self-hosting gives you full control over data and no per-response charges.
Yes. Typebot has a built-in OpenAI block that sends conversation context to OpenAI's API and returns the AI response within the chat flow. You configure the model, system prompt, and token limits per block. This lets you mix scripted flows with AI-generated responses.
Typebot provides multiple embed options: a JavaScript snippet for any website, a React component for React apps, a WordPress plugin, and iframe embedding. The bubble embed shows a chat icon in the corner. The standard embed places the chatbot inline on the page.
Yes. Typebot has a Stripe payment block that collects payments within the chat flow. You configure the amount, currency, and Stripe API keys. The payment block handles the checkout process and returns the payment status to the conversation flow.
Typebot provides conversation completion rates, drop-off points, response data export, and per-block analytics. You can see where users abandon the conversation and optimize those blocks. Results can be exported to Google Sheets, webhooks, or your own database for further analysis.
Referencias (3)
- Typebot GitHub— Typebot is an open-source chatbot builder with 34+ blocks
- Typebot Docs— Typebot supports OpenAI integration for AI responses
- Stripe Docs— Stripe payment integration for online transactions
Relacionados en TokRepo
Fuente y agradecimientos
Created by Baptiste Arno. Licensed under FSL.
typebot.io — ⭐ 9,800+
Thanks to Baptiste Arno for building an accessible chatbot builder for everyone.
Discusión
Activos relacionados
TinaCMS — Git-Backed Headless CMS with Visual Editing
An open-source headless CMS that stores content in Git and Markdown, providing a real-time visual editing interface that developers can embed directly into their sites.
Rocket.Chat — Open-Source Team Communication Platform
Rocket.Chat is a self-hostable alternative to Slack and Teams. It bundles messaging, voice/video calls, file sharing, chatbots, and omnichannel customer support — all under one MIT-licensed roof you can run on your own infrastructure.
RocketRide — Visual AI Pipelines + Observability
RocketRide is an IDE extension + server runtime for visual `.pipe` AI workflows with tracing; build pipelines in the canvas and deploy via Docker/on-prem.
Builder.io — Visual Development SDK for React, Vue and More
An open-source visual development SDK that enables drag-and-drop page building using your own React, Vue, Svelte, or Qwik components, with output as clean code or publishable content.