BiTree
  • Search For Lessons
  • Curriculum
  • Pricing
  • For Educators
  • Become a Tutor
  • About
  • Contact
Log InGet Started

Questions, concerns, bug reports, or suggestions? We read every message, write to us at [email protected].

More ways to reach us →
BiTree

Live coding lessons for aspiring developers and security professionals.

[email protected]

(201) 785-7951

Mon–Fri, 9 AM–5 PM EST

Learn

  • Search For Lessons
  • Curriculum
  • Pricing

Company

  • About
  • For Educators & Schools
  • Become a Tutor
  • Contact Us

Legal

  • Terms of Service
  • Privacy Policy
© 2026 BiTree. All rights reserved.
Curriculum/AI Agents/No-Code Agents/Voiceflow: Chat and Voice Agent Design
55 minBeginner

Voiceflow: Chat and Voice Agent Design

After this lesson, you will be able to: Design a conversational AI agent in Voiceflow with intents, knowledge bases, and a deployable chat or voice interface.

Voiceflow is purpose-built for conversation design, chatbots, voice agents, IVR. Where n8n/Zapier/Make think in workflows, Voiceflow thinks in conversations: blocks, branches, intents, and slots. This lesson builds a deployable customer support bot.

Prerequisites:Make.com: Scenario-Based Agent Flows

Conversation as a graph

In Voiceflow, each block is a step in a dialog: a message, a question, an AI response, an API call, a branch. You connect blocks like a flowchart of what the bot says next. Intents (user goals) and entities (data extracted from input) drive the branching.

Diagram coming soon!

Voiceflow canvas: Start → Welcome message → Capture intent → branches into FAQ block, Pricing block, Human handoff block

Build a support bot

  1. 1

    1. Sign up at voiceflow.com (free tier).

  2. 2

    2. Create a new chat assistant (not voice, same builder, different deployment).

  3. 3

    3. Drag a 'Message' block: 'Hi! I'm a support bot. What can I help with?'

  4. 4

    4. Drag a 'Choice' block. Add intents: 'Pricing', 'Bug Report', 'Other'.

  5. 5

    5. From 'Pricing' branch: Message block with your pricing. From 'Bug Report': Capture block (asks for description), then API block to your ticket system, then Message confirming.

  6. 6

    6. From 'Other': drag an 'AI' block. System prompt: 'You're a friendly support bot. Answer briefly.'

  7. 7

    7. Click 'Run' (top right). Test in the inline chat.

💡 Knowledge base = grounding

Voiceflow's Knowledge Base feature lets you upload PDFs/URLs/text. The AI block can be set to 'use knowledge base', it answers strictly from your docs (RAG, but no-code). This is how you build accurate support bots without hallucinations.

Deploy the bot

  1. 1

    1. Click 'Publish' (top right).

  2. 2

    2. Choose 'Web Chat' integration. Voiceflow gives you an embed snippet.

  3. 3

    3. Paste the snippet into any HTML page (an in-browser editor page is great for testing).

  4. 4

    4. The bot is now live on a real webpage.

Voice deployment

Same canvas, deploy to Alexa, Google Assistant, or a phone number via Twilio Voice. Your conversation logic doesn't change. Voiceflow handles the speech-to-text and text-to-speech layer.

Sign in and purchase access to unlock this lesson.

Sign in to purchase
←Make.com: Scenario-Based Agent Flows
Back to No-Code Agents
Adding Memory and Context to No-Code Agents→