ScriptsApr 9, 2026·2 min read

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.

AI Open Source
AI Open Source · Community
TL;DR
Typebot lets you build chatbots visually with drag-and-drop blocks and AI integration.
§01

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.

§02

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.

§03

How to use

  1. Self-host Typebot with Docker or use the hosted service at typebot.io
  2. Create a new bot and design the conversation flow using the visual editor
  3. Embed the bot on your website using the provided script tag or React component
§04

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 TypePurpose
Text inputCollect user responses
ButtonsMultiple choice selection
ConditionBranch logic based on answers
OpenAIAI-generated responses
WebhookSend data to external APIs
PaymentStripe payment collection
§05

Related on TokRepo

§06

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

Frequently Asked Questions

Can I self-host Typebot?+

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.

Does Typebot integrate with OpenAI?+

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.

How do I embed Typebot on my website?+

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.

Can Typebot collect payments?+

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.

What analytics does Typebot provide?+

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.

Citations (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
Related on TokRepo
No-code toolsAutomation toolsFeatured workflows
🙏

Source & Thanks

Created by Baptiste Arno. Licensed under FSL.

typebot.io — ⭐ 9,800+

Thanks to Baptiste Arno for building an accessible chatbot builder for everyone.

Discussion

Sign in to join the discussion.
No comments yet. Be the first to share your thoughts.

Related Assets

Conda — Cross-Platform Package and Environment Manager

Install, update, and manage packages and isolated environments for Python, R, C/C++, and hundreds of other languages from a single tool.

AI Open Source

Sphinx — Python Documentation Generator

Generate professional documentation from reStructuredText and Markdown with cross-references, API autodoc, and multiple output formats.

AI Open Source

Neutralinojs — Lightweight Cross-Platform Desktop Apps

Build desktop applications with HTML, CSS, and JavaScript using a tiny native runtime instead of bundling Chromium.

AI Open Source
◈Home🔍Search👤Me