Typebot

Typebot is a powerful visual chat robot building platform that allows you to create advanced conversation processes through a drag-and-drop interface without programming experience. Note: The built-in template part has a youtube video introduction, and the Piggy Page Network needs to be configured. ### 1. Github login needs to be configured when booting: The Client ID of the GitHub OAuth application. Acquisition method: 1. Visit https://github.com/settings/developers 2. Click on "New OAuth App" 3. Fill in application information: - Application name: Typebot - Homepage URL: Your Typebot access address - Authorization callback URL: Your access address + /api/auth/callback/github 4. Copy Client ID after creation Client Secret for GitHub OAuth application. After creating the OAuth App, click "Generate a new client secret" to generate it. ### 2. Create a chatbot After logging in, enter the workspace and click the orange **"Create a typebot"** button to create a new chat bot. ! [Workspace Interface](/Users/txj/.gemini/antigravity/brain/dc88b847-6ff6-4615-85d5-4e44fcf62d10/uploaded_image_0_1767947071449.png) ### 3. Edit the dialogue flow After entering the editor, drag and drop components from the left panel onto the canvas to build the dialogue flow ##Usage Process ###Step 1: Design the dialogue process 1. Start from the **"Start"** node 2. Add a welcome message (Text component) 3. Add input components to collect user information 4. Connect nodes with lines ###Step 2: Test Preview Click the **"Test"** button in the upper right corner to test the dialogue effect in the preview panel on the right. ###Step 3: Publish Click the **"Publish"** button to release the chat robot and get: - ** Link ** -Independent access page - ** Embed code ** - HTML/JavaScript code that can be embedded in any website ##Application Scenario - ** Acquisition of potential customers ** -Collection of visitor information - ** Questionnaire ** -Create an interactive questionnaire - ** E-commerce customer service ** -Product recommendation and order inquiry - ** Reservation System ** -Automated appointment process - **FAQ Robot ** -Automatically answers frequently asked questions - ** Training quizzes ** -Interactive learning and testing