[{"data":1,"prerenderedAt":597},["ShallowReactive",2],{"help-article-chatbots-flow-builder-intro":3,"help-siblings-chatbots":556},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"category":5,"order":10,"difficulty":11,"time_to_complete":12,"related":13,"body":17,"_type":550,"_id":551,"_source":552,"_file":553,"_stem":554,"_extension":555},"\u002Fhelp\u002Fchatbots\u002Fflow-builder-intro","chatbots",false,"","Introduction to the chatbot flow builder","Overview of AIsoule's visual drag-and-drop chatbot flow builder — nodes, connections, and how to design conversation flows.",1,"beginner","4 minutes",[14,15,16],"\u002Fhelp\u002Fchatbots\u002Fcreating-first-flow","\u002Fhelp\u002Fchatbots\u002Fkeyword-triggers","\u002Fhelp\u002Fchatbots\u002Fai-auto-reply",{"type":18,"children":19,"toc":534},"root",[20,28,34,41,46,71,76,82,89,94,100,105,111,116,122,127,133,335,341,371,377,411,416,422,475,481],{"type":21,"tag":22,"props":23,"children":25},"element","h1",{"id":24},"introduction-to-the-chatbot-flow-builder",[26],{"type":27,"value":8},"text",{"type":21,"tag":29,"props":30,"children":31},"p",{},[32],{"type":27,"value":33},"The flow builder is a visual canvas where you design automated WhatsApp conversations without writing code.",{"type":21,"tag":35,"props":36,"children":38},"h2",{"id":37},"what-is-a-flow",[39],{"type":27,"value":40},"What is a flow?",{"type":21,"tag":29,"props":42,"children":43},{},[44],{"type":27,"value":45},"A flow is a conversation blueprint. It defines:",{"type":21,"tag":47,"props":48,"children":49},"ul",{},[50,56,61,66],{"type":21,"tag":51,"props":52,"children":53},"li",{},[54],{"type":27,"value":55},"What messages to send",{"type":21,"tag":51,"props":57,"children":58},{},[59],{"type":27,"value":60},"What questions to ask",{"type":21,"tag":51,"props":62,"children":63},{},[64],{"type":27,"value":65},"How to respond based on customer input",{"type":21,"tag":51,"props":67,"children":68},{},[69],{"type":27,"value":70},"When to transfer to a human agent",{"type":21,"tag":29,"props":72,"children":73},{},[74],{"type":27,"value":75},"Think of it like a flowchart — each box is a step, and arrows connect them.",{"type":21,"tag":35,"props":77,"children":79},{"id":78},"the-flow-builder-interface",[80],{"type":27,"value":81},"The flow builder interface",{"type":21,"tag":83,"props":84,"children":86},"h3",{"id":85},"canvas",[87],{"type":27,"value":88},"Canvas",{"type":21,"tag":29,"props":90,"children":91},{},[92],{"type":27,"value":93},"The main area where you build your flow. Drag nodes, connect them with lines, and arrange your conversation visually.",{"type":21,"tag":83,"props":95,"children":97},{"id":96},"node-palette",[98],{"type":27,"value":99},"Node palette",{"type":21,"tag":29,"props":101,"children":102},{},[103],{"type":27,"value":104},"On the left side, you'll find all available node types you can drag onto the canvas.",{"type":21,"tag":83,"props":106,"children":108},{"id":107},"properties-panel",[109],{"type":27,"value":110},"Properties panel",{"type":21,"tag":29,"props":112,"children":113},{},[114],{"type":27,"value":115},"When you click a node, the right panel shows its settings (message text, conditions, etc.).",{"type":21,"tag":83,"props":117,"children":119},{"id":118},"toolbar",[120],{"type":27,"value":121},"Toolbar",{"type":21,"tag":29,"props":123,"children":124},{},[125],{"type":27,"value":126},"Top bar with: Save, Test\u002FSimulate, Undo, Redo, Zoom controls.",{"type":21,"tag":35,"props":128,"children":130},{"id":129},"node-types",[131],{"type":27,"value":132},"Node types",{"type":21,"tag":134,"props":135,"children":136},"table",{},[137,161],{"type":21,"tag":138,"props":139,"children":140},"thead",{},[141],{"type":21,"tag":142,"props":143,"children":144},"tr",{},[145,151,156],{"type":21,"tag":146,"props":147,"children":148},"th",{},[149],{"type":27,"value":150},"Node",{"type":21,"tag":146,"props":152,"children":153},{},[154],{"type":27,"value":155},"Icon",{"type":21,"tag":146,"props":157,"children":158},{},[159],{"type":27,"value":160},"Purpose",{"type":21,"tag":162,"props":163,"children":164},"tbody",{},[165,188,209,230,251,272,293,314],{"type":21,"tag":142,"props":166,"children":167},{},[168,178,183],{"type":21,"tag":169,"props":170,"children":171},"td",{},[172],{"type":21,"tag":173,"props":174,"children":175},"strong",{},[176],{"type":27,"value":177},"Send Message",{"type":21,"tag":169,"props":179,"children":180},{},[181],{"type":27,"value":182},"💬",{"type":21,"tag":169,"props":184,"children":185},{},[186],{"type":27,"value":187},"Send text, media, or interactive message",{"type":21,"tag":142,"props":189,"children":190},{},[191,199,204],{"type":21,"tag":169,"props":192,"children":193},{},[194],{"type":21,"tag":173,"props":195,"children":196},{},[197],{"type":27,"value":198},"Ask Question",{"type":21,"tag":169,"props":200,"children":201},{},[202],{"type":27,"value":203},"❓",{"type":21,"tag":169,"props":205,"children":206},{},[207],{"type":27,"value":208},"Wait for customer input",{"type":21,"tag":142,"props":210,"children":211},{},[212,220,225],{"type":21,"tag":169,"props":213,"children":214},{},[215],{"type":21,"tag":173,"props":216,"children":217},{},[218],{"type":27,"value":219},"Condition",{"type":21,"tag":169,"props":221,"children":222},{},[223],{"type":27,"value":224},"🔀",{"type":21,"tag":169,"props":226,"children":227},{},[228],{"type":27,"value":229},"Branch based on if\u002Felse logic",{"type":21,"tag":142,"props":231,"children":232},{},[233,241,246],{"type":21,"tag":169,"props":234,"children":235},{},[236],{"type":21,"tag":173,"props":237,"children":238},{},[239],{"type":27,"value":240},"AI Response",{"type":21,"tag":169,"props":242,"children":243},{},[244],{"type":27,"value":245},"🤖",{"type":21,"tag":169,"props":247,"children":248},{},[249],{"type":27,"value":250},"Generate AI-powered reply",{"type":21,"tag":142,"props":252,"children":253},{},[254,262,267],{"type":21,"tag":169,"props":255,"children":256},{},[257],{"type":21,"tag":173,"props":258,"children":259},{},[260],{"type":27,"value":261},"Delay",{"type":21,"tag":169,"props":263,"children":264},{},[265],{"type":27,"value":266},"⏱️",{"type":21,"tag":169,"props":268,"children":269},{},[270],{"type":27,"value":271},"Wait before next step",{"type":21,"tag":142,"props":273,"children":274},{},[275,283,288],{"type":21,"tag":169,"props":276,"children":277},{},[278],{"type":21,"tag":173,"props":279,"children":280},{},[281],{"type":27,"value":282},"Transfer",{"type":21,"tag":169,"props":284,"children":285},{},[286],{"type":27,"value":287},"👤",{"type":21,"tag":169,"props":289,"children":290},{},[291],{"type":27,"value":292},"Hand off to human agent",{"type":21,"tag":142,"props":294,"children":295},{},[296,304,309],{"type":21,"tag":169,"props":297,"children":298},{},[299],{"type":21,"tag":173,"props":300,"children":301},{},[302],{"type":27,"value":303},"Set Variable",{"type":21,"tag":169,"props":305,"children":306},{},[307],{"type":27,"value":308},"📝",{"type":21,"tag":169,"props":310,"children":311},{},[312],{"type":27,"value":313},"Store data for later use",{"type":21,"tag":142,"props":315,"children":316},{},[317,325,330],{"type":21,"tag":169,"props":318,"children":319},{},[320],{"type":21,"tag":173,"props":321,"children":322},{},[323],{"type":27,"value":324},"HTTP Request",{"type":21,"tag":169,"props":326,"children":327},{},[328],{"type":27,"value":329},"🌐",{"type":21,"tag":169,"props":331,"children":332},{},[333],{"type":27,"value":334},"Call external API",{"type":21,"tag":35,"props":336,"children":338},{"id":337},"how-connections-work",[339],{"type":27,"value":340},"How connections work",{"type":21,"tag":47,"props":342,"children":343},{},[344,361,366],{"type":21,"tag":51,"props":345,"children":346},{},[347,349,354,356],{"type":27,"value":348},"Drag from a node's ",{"type":21,"tag":173,"props":350,"children":351},{},[352],{"type":27,"value":353},"output port",{"type":27,"value":355}," to another node's ",{"type":21,"tag":173,"props":357,"children":358},{},[359],{"type":27,"value":360},"input port",{"type":21,"tag":51,"props":362,"children":363},{},[364],{"type":27,"value":365},"Some nodes have multiple outputs (e.g., Condition has \"Yes\" and \"No\" paths)",{"type":21,"tag":51,"props":367,"children":368},{},[369],{"type":27,"value":370},"Button nodes create one output per button option",{"type":21,"tag":35,"props":372,"children":374},{"id":373},"flow-lifecycle",[375],{"type":27,"value":376},"Flow lifecycle",{"type":21,"tag":378,"props":379,"children":380},"ol",{},[381,391,401],{"type":21,"tag":51,"props":382,"children":383},{},[384,389],{"type":21,"tag":173,"props":385,"children":386},{},[387],{"type":27,"value":388},"Draft",{"type":27,"value":390}," — Building and editing",{"type":21,"tag":51,"props":392,"children":393},{},[394,399],{"type":21,"tag":173,"props":395,"children":396},{},[397],{"type":27,"value":398},"Active",{"type":27,"value":400}," — Live and responding to customers",{"type":21,"tag":51,"props":402,"children":403},{},[404,409],{"type":21,"tag":173,"props":405,"children":406},{},[407],{"type":27,"value":408},"Paused",{"type":27,"value":410}," — Temporarily disabled",{"type":21,"tag":29,"props":412,"children":413},{},[414],{"type":27,"value":415},"Flows activate automatically when saved and a trigger is configured.",{"type":21,"tag":35,"props":417,"children":419},{"id":418},"best-practices",[420],{"type":27,"value":421},"Best practices",{"type":21,"tag":378,"props":423,"children":424},{},[425,435,445,455,465],{"type":21,"tag":51,"props":426,"children":427},{},[428,433],{"type":21,"tag":173,"props":429,"children":430},{},[431],{"type":27,"value":432},"Start simple",{"type":27,"value":434}," — 3-5 nodes for your first flow",{"type":21,"tag":51,"props":436,"children":437},{},[438,443],{"type":21,"tag":173,"props":439,"children":440},{},[441],{"type":27,"value":442},"Always have an exit",{"type":27,"value":444}," — Every path should end somewhere (message or transfer)",{"type":21,"tag":51,"props":446,"children":447},{},[448,453],{"type":21,"tag":173,"props":449,"children":450},{},[451],{"type":27,"value":452},"Use buttons",{"type":27,"value":454}," — Easier for customers than typing",{"type":21,"tag":51,"props":456,"children":457},{},[458,463],{"type":21,"tag":173,"props":459,"children":460},{},[461],{"type":27,"value":462},"Test thoroughly",{"type":27,"value":464}," — Use the simulator before going live",{"type":21,"tag":51,"props":466,"children":467},{},[468,473],{"type":21,"tag":173,"props":469,"children":470},{},[471],{"type":27,"value":472},"One flow per purpose",{"type":27,"value":474}," — Don't try to handle everything in one flow",{"type":21,"tag":35,"props":476,"children":478},{"id":477},"examples-of-common-flows",[479],{"type":27,"value":480},"Examples of common flows",{"type":21,"tag":47,"props":482,"children":483},{},[484,494,504,514,524],{"type":21,"tag":51,"props":485,"children":486},{},[487,492],{"type":21,"tag":173,"props":488,"children":489},{},[490],{"type":27,"value":491},"Welcome flow",{"type":27,"value":493}," — Greet new customers, offer menu options",{"type":21,"tag":51,"props":495,"children":496},{},[497,502],{"type":21,"tag":173,"props":498,"children":499},{},[500],{"type":27,"value":501},"FAQ flow",{"type":27,"value":503}," — Answer common questions with buttons",{"type":21,"tag":51,"props":505,"children":506},{},[507,512],{"type":21,"tag":173,"props":508,"children":509},{},[510],{"type":27,"value":511},"Order tracking",{"type":27,"value":513}," — Ask for order number, look up status",{"type":21,"tag":51,"props":515,"children":516},{},[517,522],{"type":21,"tag":173,"props":518,"children":519},{},[520],{"type":27,"value":521},"Appointment booking",{"type":27,"value":523}," — Collect date\u002Ftime preferences",{"type":21,"tag":51,"props":525,"children":526},{},[527,532],{"type":21,"tag":173,"props":528,"children":529},{},[530],{"type":27,"value":531},"Lead qualification",{"type":27,"value":533}," — Ask qualifying questions, route to sales",{"title":7,"searchDepth":535,"depth":535,"links":536},2,[537,538,545,546,547,548,549],{"id":37,"depth":535,"text":40},{"id":78,"depth":535,"text":81,"children":539},[540,542,543,544],{"id":85,"depth":541,"text":88},3,{"id":96,"depth":541,"text":99},{"id":107,"depth":541,"text":110},{"id":118,"depth":541,"text":121},{"id":129,"depth":535,"text":132},{"id":337,"depth":535,"text":340},{"id":373,"depth":535,"text":376},{"id":418,"depth":535,"text":421},{"id":477,"depth":535,"text":480},"markdown","content:help:chatbots:flow-builder-intro.md","content","help\u002Fchatbots\u002Fflow-builder-intro.md","help\u002Fchatbots\u002Fflow-builder-intro","md",[557,560,562,565,568,570,571,574,577,580,582,585,588,591,594],{"_path":558,"title":559},"\u002Fhelp\u002Fchatbots\u002Fagent-transfer","Agent transfer from chatbot (human handoff)",{"_path":16,"title":561},"Using the AI auto-reply feature",{"_path":563,"title":564},"\u002Fhelp\u002Fchatbots\u002Fai-providers","Configuring AI providers (OpenAI, Claude, Gemini)",{"_path":566,"title":567},"\u002Fhelp\u002Fchatbots\u002Fchatbot-analytics","Chatbot analytics and performance metrics",{"_path":14,"title":569},"Creating your first chatbot flow",{"_path":4,"title":8},{"_path":572,"title":573},"\u002Fhelp\u002Fchatbots\u002Fflow-nodes","Understanding flow nodes and connections",{"_path":575,"title":576},"\u002Fhelp\u002Fchatbots\u002Fivr-flow-editor","Building IVR flows with the visual editor",{"_path":578,"title":579},"\u002Fhelp\u002Fchatbots\u002Fivr-system","IVR system setup (voice call routing)",{"_path":15,"title":581},"Setting up keyword triggers",{"_path":583,"title":584},"\u002Fhelp\u002Fchatbots\u002Fsla-processor","Setting up SLA reminders for chatbot responses",{"_path":586,"title":587},"\u002Fhelp\u002Fchatbots\u002Ftesting-flows","Testing and simulating chatbot flows",{"_path":589,"title":590},"\u002Fhelp\u002Fchatbots\u002Ftraining-ai-knowledge-base","Training AI with your business data",{"_path":592,"title":593},"\u002Fhelp\u002Fchatbots\u002Ftts-greetings","Text-to-Speech for IVR greetings",{"_path":595,"title":596},"\u002Fhelp\u002Fchatbots\u002Fvariables","Using variables in chatbot responses",1780423181185]