Buzzy Documentation
  • Welcome to Buzzy
  • Getting Started with Buzzy
    • Getting Started Guide
      • 1. Starting with Buzzy AI
      • 2. The Buzzy Workspace
      • 3. Create a new app
      • 4. Preview and edit your app
      • 5. Manage your app
      • 6. Import your app to Figma
      • 7. Using Buzzy with Figma
      • 8. The Buzzy Figma plugin
      • 9. Creating a simple app
      • 10. Screens and navigation
      • 11. Forms, fields and data
      • 12. Data-driven menus & content
      • 13. Data edit and delete
      • 14. Search, sort and filter
      • 15. User login and registration
    • Buzzy AI or Figma first?
  • Working with Buzzy
    • Buzzy AI
      • About Buzzy AI
      • Kickstart with AI
      • Enhance with Figma
      • Extend with Code
      • Example prompts
      • Tips
      • Troubleshooting Buzzy AI
      • AI tokens and pricing
    • Buzzy for Figma
      • About Buzzy for Figma
      • Learning Figma
      • Creating a new app directly in Figma
        • Step by step version
      • Automarkup
      • Responsive layouts
      • Responsive layout checklist
      • Overflow and scrolling
      • Forms and fields
      • Logging users in to your app
      • Theming
      • Troubleshooting Buzzy for Figma
      • Plugin error messages
    • Buzzy Deployment & App Stores
      • Setting up your custom Buzzy app
      • Connecting your own server
      • Apple & Google App Stores
    • Buzzy Marketplace
      • Buzzy Accreditation
    • Buzzy Project Guide
    • Buzzy App Examples
      • Buzzy Templates
      • AI-Powered Chat App
      • AI-Powered Custom T-Shirt App
      • AI-Powered Strategy App
      • AI-Powered Stock Portfolio App
      • Golf Course Finder
      • Personal Finance App with Figma AI
    • FAQs
  • The building blocks
    • Datatables, Fields & Data
      • Introduction to Fields
      • Basic Fields
        • Text
        • Number
        • Date
        • Location
        • Toggle
        • Checkboxes
        • Checklist
        • Selectlist
        • Rating
        • Attachments
        • Images
        • Signature
        • Audio Recording
        • Embedded Link
      • Advanced Fields
        • Formula
        • Sub tables
        • Linked Table field
        • Button
        • Teams
        • Payment
        • Notification
        • Event
        • User Vote
      • Display Fields
        • Header
        • Display Text
        • Image
        • Divider
      • Metadata Fields
        • Author Name
        • Author Phone
        • Submitted
      • Filter Controls
        • Viewers
        • Tags
        • Condition
      • External Fields
        • IBM Connections File
        • Box File
      • Sort Fields
      • Formulas
      • Datatable to Datatable Relationships
      • Security and Access Control
      • Displaying a field based on the values of other fields
      • Hiding a field based on role using a display formula
      • Importing data from a text file
      • Importing data from a URL
      • Import data from Datatable
      • Export data using Chrome
      • Export data in Browser
      • Export data using Safari
      • Datatable Field Type - Cheat Sheet
      • Troubleshooting Fields & Data
    • Code widget (custom code)
      • Code Widget Fields - Advanced Guide
      • New Async API + React HTML Components
      • Examples
        • Image Galley Slideshow
        • Ratings Average and Distribution
        • Event Locations Map
    • Analytics
  • Troubleshooting
    • App Error Codes
      • Action Error
      • App Not Found
      • Component Missing
      • Component Not Set
      • Component Settings Error
      • Datatable Not Found
      • Datatable Not Set
      • Field Not Found
      • Field Not Set
      • No App Selected
      • No Context Name
      • No Screens Found
      • Runtime Exception
      • Screen Not Found
      • Screen Not Set
    • Troubleshooting Buzzy AI
    • Troubleshooting Figma
  • REST API
    • Buzzy REST API
      • Integrating 3rd party applications
      • REST API
        • login
        • createappwithprompt
        • MicroApp Data Operations
          • microappdata
          • microappdata/row
          • insertmicroapprow
          • updatemicroapprow
          • removemicroapprow
          • microappchild
        • User & Organization Operations
          • userid
          • insertteammembers
          • teammembers
          • insertorganization
          • insertteam
        • enforceteammembership
      • Node.js API Client
      • Datatable Rules
      • Datatabledata Tutorial
      • Integrating with Mailchimp
      • Python Access Datatable
  • Advanced Deployment Settings
    • Installation
      • Pre-installation Planning
      • Deployment
        • Introduction to deployment
        • Minikube install guide
        • AWS ECS Fargate install guide
        • HCL Connections install guide
        • Azure AKS install guide
        • Windows container install guide
      • Buzzy settings
      • Whitelabelling Buzzy
      • Certificates
      • Release Management
    • Performance and Reliability
    • Security
      • Platform
      • Users and Roles
      • Datatables
      • Audit Trail
Powered by GitBook
On this page
  • Setting Up Your Chatbot Integration Using Buzzy and Make/n8n
  • Step 1: Get Your Buzzy User ID and API Token
  • Step 2: Copy the Buzzy Template App
  • Step 3: Create a New Make File
  • Step 3.1: (optional) Create a New n8n File
  • Step 4: Set Up the Webhook
  • Step 5: Configure Buzzy Datatable Rules
  • Step 6: Testing the Integration
  • Further Considerations
  • Final Thoughts
  1. Working with Buzzy
  2. Buzzy App Examples

AI-Powered Chat App

Instructions for implementing the Buzzy AI Chat app template.

PreviousBuzzy TemplatesNextAI-Powered Custom T-Shirt App

Last updated 8 days ago

Setting Up Your Chatbot Integration Using Buzzy and Make/n8n

This guide will walk you through setting up a chatbot integration between Buzzy and Make using a Make Blueprint (we also have a n8n option too). Check out the video below to get an overview of the process.


Step 1: Get Your Buzzy User ID and API Token

To connect your Buzzy app with Make (or n8n, Zapier etc), you need to retrieve your Buzzy User ID and API Token.

  1. Log into Buzzy Workspace.

  2. Click on your profile in the top right corner.

  3. Navigate to Developer.

  4. Copy both:

    • Buzzy User ID

    • Secret API Token

Best Practices

  • Use a dedicated API user: Create a new user and assign them as an owner/author. This ensures a stable API connection as this user will never log out of Buzzy.

  • Token expiration warning: If you log out of this API user, the token will become invalid.

    • To avoid this, use Buzzy's Login API with the user’s email/password to dynamically fetch a token.


Step 2: Copy the Buzzy Template App

To speed up development, start with the pre-built Buzzy template. If you haven't already grabbed a copy of the app:

  1. Click "Use Template" to create a copy in your own Buzzy Workspace.


Step 3: Create a New Make File

  1. Create a new scenario (Make file).

  2. Download the blueprint (see below)

  3. You should see your chat flow in Make:

Step 3.1: (optional) Create a New n8n File

Buzzy will work with other flow based tools like Zapier and n8n here's an example n8m file you can use as an alternative to Make, so instead of Buzzy calling Make, you'd just be changing the webhook target to point to your n8n workflow.


Step 4: Set Up the Webhook

The webhook is the connection point between Buzzy and Make.

  1. In Make, locate the webhook module.

  2. Click "Add a new webhook".

  3. Copy the generated webhook URL.

  4. You'll use this URL in Buzzy Datatable rules (next step).


Step 5: Configure Buzzy Datatable Rules

The Buzzy Datatable rules will call Make when specific actions happen.

Rule 1: Chat Creation

This rule creates a new chat when a row is submitted in the Chat datatable.

  1. Navigate to Buzzy > Chat Datatable.

  2. Go to Properties > Rules.

  3. Add a new rule.

  4. Configure it as follows:

    • Trigger: When a row is submitted.

    • Action Type: sendJSON

    • Call Type: [POST]

    • API Endpoint: Use the Make webhook URL from Step 4.

JSON Payload:

[{
  "chatID":"{{{_id}}}", 
  "messagesMicroAppID":"{{{messages}}}", 
  "action":"createChat", 
  "buzzyAPIEndpoint":"https://worker.buzzycompany.com/api",
  "buzzyAPIUserID":"<your Buzzy API User ID>", 
  "buzzyAPIUserToken":"<your Buzzy API Token>", 
  "makeBuzzyAPIToken":"<your secret key>"
}]

Security Tip The makeBuzzyAPIToken is a private security key to ensure that only your Buzzy app can call the webhook. Generate a long random string to use as this token.


Rule 2: Sending Messages

This rule creates a message when a row is submitted in the Messages datatable.

  1. Navigate to Buzzy > Messages Datatable.

  2. Go to Properties > Rules.

  3. Add a new rule.

  4. Configure it as follows:

    • Trigger: When a row is submitted.

    • Action Type: sendJSON

    • Call Type: [POST]

    • API Endpoint: Use the Make webhook URL from Step 4.

JSON Payload:

[{
  "messageID":"{{_id}}", 
  "action":"createMessage", 
  "chatID":"{{embeddingRowID}}", 
  "buzzyAPIEndpoint":"https://worker.buzzycompany.com/api",
  "buzzyAPIUserID":"<your Buzzy API User ID>", 
  "buzzyAPIUserToken":"<your Buzzy API Token>", 
  "makeBuzzyAPIToken":"<your secret key>"
}]

Step 6: Testing the Integration

Before launching, confirm that everything is working:

  1. Submit a chat in Buzzy.

  2. Check if Make receives the webhook call.

  3. Ensure that the AI service (e.g., OpenAI, Anthropic, R1) is responding.

  4. Submit a message and verify it appears in Make and in the chat app interface


Further Considerations

Once the chatbot integration is working, you may want to expand its capabilities:

Moving to Your Own Buzzy Deployment

Publishing Mobile Apps

Security Enhancements

  • Configure permissions on Buzzy Datatables to restrict access.

  • Implement Make security filters to prevent unauthorized requests.


Final Thoughts

By following these steps, you now have a fully functional chatbot powered by Buzzy, Make, and an AI service. This setup is modular and expandable, allowing you to customize it to your specific needs.

🚀 Now, go build something amazing!

More details:

Go to the of the AI Chat app.

Open .

In Make create a new Scenario, it should be blank, click the Import Blueprint

If you’re planning to , ensure that the Buzzy API endpoint points to your custom deployment.

Consider publishing your chatbot as a .

If you have any questions, check out the Buzzy Docs: or reach out to the Buzzy Community on Discord.

Buzzy API Login Docs
Buzzy template
Make
host your own instance of Buzzy
mobile app on iOS and Android
docs.buzzy.buzz
339KB
blueprint (2).json
Download this .json file to use in Make
21KB
buzzy_chatbot_n8n_example_v1.json