Skip to main content

Overview

Use Chatbots to add AI chatbots to WordPress. Each chatbot has its own model, instructions, knowledge sources, capabilities, display settings, popup settings, limits, connected apps, and rules. If the Chatbots menu is not visible, enable Chatbots under AI Puffer > Settings > Modules and confirm that your WordPress role has access to it.

Live chatbot demo

Open the frontend chatbot example.

Deploy

Use popup, on-page, or external embed.

Model

Choose the provider, model, instructions, and memory.

Knowledge

Use vectors, page context, and knowledge sources.

Capabilities

Enable file upload, web search, images, and voice.

Display

Customize colors, popup, suggested questions, consent, and labels.

Limits

Set usage limits and credit behavior.

Connected Apps

Send chatbot events to Slack, HubSpot, Notion, and more.

Rules

Trigger actions from chatbot events and conditions.

Create a Chatbot

  1. Go to AI Puffer > Chatbots.
  2. Click the + button next to the chatbot selector.
Create chatbot
  1. A new bot is created immediately with the default name New Chatbot.
  2. Select the chatbot from the dropdown.
  3. Open Chatbot settings > Display > Chat text to rename it.
Rename chatbot
  1. Use the live preview to test the chatbot before publishing it.
Use the chatbot actions menu for saved chatbots:
Chatbot Actions

Deploy a Chatbot

Each chatbot has a . For example:

On-page Chatbot

  1. Select the chatbot.
  2. Turn Popup off in the preview bar.
  3. Copy the shortcode from the preview bar, or open Chatbot settings > Publish > WordPress shortcode.
Chatbot Onpage shortcode
Chatbot Onpage shortcode
  1. Paste it into a page, post, block, or shortcode area.
  2. Publish or update the page.
Chatbot shortcode classic editor
Chatbot shortcode block
  1. Select the chatbot.
  2. Turn Popup on in the preview bar.
  3. Turn Site-wide on if the launcher should appear across the site.
Chatbot Popup shortcode
  1. Configure the popup design on the main screen, or open Chatbot settings > Display for more popup options.
  2. Save and test the site frontend.
Site-wide popup mode is global. Enabling it for one chatbot turns it off for the previous site-wide popup chatbot.

External Embed

External Embed lets you place a chatbot on a non-WordPress site while managing it from WordPress.
  1. Select the chatbot.
  2. Open Chatbot settings.
  3. Open Publish > External embed.
Chatbot external snippet
  1. Copy the embed code.
  2. Add allowed websites, one URL per line.
  3. Paste the embed code into the external site.
Set allowed domains before using external embed on a production site. Do not leave external embeds open to domains you do not control.

Model and Instructions

Use the main chatbot builder to choose the chatbot model and write instructions. Open Chatbot settings > AI behavior > Model for response tuning.
Session memory applies only to OpenAI chatbots. When enabled, conversation continuity depends on OpenAI response IDs, so review this setting before using it for privacy-sensitive chatbots.
Chatbot model settings
Chatbot model settings

Knowledge

Knowledge controls the information a chatbot can use before it answers. It can read the current page content, search trained vector data, or use both depending on the chatbot setup. Use the main Knowledge card to add website content, text, Q&A, or files for the selected chatbot. Open Chatbot settings > Conversation > Knowledge when you need to choose the retrieval source, vector storage, stores or collections, embedding model, Results, or Minimum match.
Chatbot Knowledge Settings

Vector

Vector is the better option when you want to train the chatbot with your own content. AI Puffer converts your content into searchable chunks. When a visitor asks a question, the chatbot retrieves the closest matching chunks and uses them as context for the answer.

OpenAI

OpenAI Vector Stores are the simplest option when the chatbot uses OpenAI. To create a store:
  1. Go to AI Puffer > Knowledge Base > Stores.
  2. Select OpenAI as the provider.
  3. Click Create Store.
OpenAI Create Vector
  1. Enter a store name and create it.
  2. Go to AI Puffer > Knowledge Base > Data and add data to the store.
OpenAI Add Data
To use it in a chatbot:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Knowledge.
  3. Turn on Use vector search.
  4. Open the vector search settings.
  5. Set Knowledge storage to OpenAI.
Chatbot Vector OpenAI
  1. Select one or two vector stores.
  2. Save the chatbot.

Pinecone

Pinecone stores vectors in an index. AI Puffer creates those vectors with the embedding model you choose. The Pinecone index dimension must match the embedding model. For example, if your index is 3072 dimensions, use a 3072-dimension embedding model. Use the same embedding model when adding data and when enabling Pinecone in the chatbot.
If the Pinecone index dimension does not match the embedding model, search can fail or return poor context.
To create an index:
  1. Add your Pinecone credentials in AI Puffer > Settings > Integrations.
Pinecone API key
  1. Go to AI Puffer > Knowledge Base > Stores.
  2. Select Pinecone as the provider.
  3. Select the embedding model you want to use.
  4. Click Create Store.
Pinecone Create Index
  1. Enter an index name and use the dimension for the selected embedding model.
  2. Create the index, then add data with the same embedding model.
Pinecone Create Index
To use it in a chatbot:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Knowledge.
  3. Turn on Use vector search.
  4. Open the vector search settings.
  5. Set Knowledge storage to Pinecone.
  6. Select the Pinecone index.
  7. Select the same embedding provider and model used when you added the data.
  8. Save the chatbot.
Pinecone Chatbot

Qdrant

Qdrant stores vectors in collections. AI Puffer creates those vectors with the embedding model you choose. The Qdrant collection size must match the embedding model. For example, if your collection is 3072 dimensions, use a 3072-dimension embedding model. Use the same embedding model when adding data and when enabling Qdrant in the chatbot.
If the Qdrant collection size does not match the embedding model, search can fail or return poor context.
To create a collection:
  1. Add your Qdrant URL and API key in AI Puffer > Settings > Integrations.
Qdrant API key
  1. Go to AI Puffer > Knowledge Base > Stores.
  2. Select Qdrant as the provider.
  3. Select the embedding model you want to use.
  4. Click Create Store.
Qdrant Create collection
  1. Enter a collection name and use the dimension for the selected embedding model.
  2. Create the collection, then add data with the same embedding model.
Qdrant Create collection
To use it in a chatbot:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Knowledge.
  3. Turn on Use vector search.
  4. Open the vector search settings.
  5. Set Knowledge storage to Qdrant.
  6. Select one or more collections.
  7. Select the same embedding provider and model used when you added the data.
  8. Save the chatbot.
Qdrant Chatbot

Chroma

Chroma stores vectors in collections. AI Puffer creates those vectors with the embedding model you choose. Chroma collections do not require a dimension when they are created in AI Puffer, but stored vectors still need a consistent dimension. Use the same embedding model when adding data and when enabling Chroma in the chatbot.
If the Chroma collection contains vectors from a different embedding model, search can fail or return poor context.
To create a collection:
  1. Add your Chroma endpoint, tenant, database, and API key in AI Puffer > Settings > Integrations.
Chroma API key
  1. Go to AI Puffer > Knowledge Base > Stores.
  2. Select Chroma as the provider.
  3. Click Create Store.
Chroma Create collection
  1. Enter a collection name.
  2. Create the collection, then add data with the same embedding model.
To use it in a chatbot:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Knowledge.
  3. Turn on Use vector search.
  4. Open the vector search settings.
  5. Set Knowledge storage to Chroma.
  6. Select one or more collections.
  7. Select the same embedding provider and model used when you added the data.
  8. Save the chatbot.
Chroma Chatbot

Results and Minimum Match

For OpenAI, Pinecone, Qdrant, and Chroma, use these settings to control how much vector context is added to the answer.
Results and Minimum Match
If answers miss useful context, increase Results or lower Minimum match. If answers include unrelated context, lower Results or raise Minimum match. After testing, open Usage > Logs and check the Score badge in the conversation details.
Start with a small result count and a moderate minimum match. Then use the Score badge in logs to tune the chatbot with real questions.
Score
Scores show which vector results matched the visitor question and help you tune the minimum match.

Embedding Models

Pinecone, Qdrant, and Chroma need an because AI Puffer must turn your content and the visitor question into vectors before it can search. OpenAI Vector Stores do not need this setting in AI Puffer. OpenAI handles the vector store search on its side.
For Pinecone, Qdrant, and Chroma, use the same embedding model when adding data and when enabling the chatbot knowledge storage.
Azure OpenAI embedding deployments are synced from your Azure resource. Use the dimension of the model behind the deployment.

Add Knowledge

Use the Knowledge card on the chatbot screen to choose what the selected chatbot should know. The card has two source choices:
Chatbot knowledge
To add website content:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Find the Knowledge card.
  3. Leave My website selected.
  4. Click Add knowledge to add the default Pages and Posts.
  5. To change which WordPress content types are included, click the + button on My website.
  6. Select or unselect content types such as pages, posts, products, or other public post types available on your site.
  7. Click Add knowledge.
Chatbot knowledge
After website knowledge exists, the status changes to Knowledge ready and the button changes to Update knowledge. Click Update knowledge when you want to refresh the chatbot with the latest selected website content. To add other sources:
  1. Click the + button on Other sources.
  2. Choose Text, Q&A, or Files from Content type.
  3. For Text, paste the content the chatbot should know.
  4. For Q&A, enter a Title / Question and Answer. You can also add from common questions.
  5. For Files, click Choose files and upload .pdf, .docx, .txt, .md, .csv, or .json files.
  6. Click Add knowledge. For files, click Upload after choosing files.
Chatbot knowledge
The knowledge status shows No knowledge yet, Adding knowledge…, Knowledge ready, or Failed. Click the ? on the status pill to see knowledge details, including entries, queued items, processing items, failed items, View knowledge, and Stop training when a website update is running. Use Knowledge entries on the chatbot screen, or AI Puffer > Knowledge Base > Data, to review and manage existing sources.
Chatbot knowledge
Chatbot knowledge

Page Context

Adds the current page or post content to the chatbot context. When this feature is enabled, the chatbot will use the current page’s content as part of its contextual understanding. If the page has an excerpt, that excerpt will be used directly as the bot’s context.
Chatbot Knowledge Settings
If no excerpt is available, the plugin will automatically generate a short summary of the page content and feed that to the bot instead. This is ideal for creating page-specific chatbots.

Capabilities

Capabilities are optional features the chatbot can use during a conversation. They let visitors upload files, search the web, attach images, generate images, or use voice features when those options are enabled. Enable only the capabilities you want your chatbot to offer.
Chatbot capabilities

File Upload

File upload lets visitors attach a document to the current chat. AI Puffer reads the file, prepares it for the selected vector provider, and uses the matching file content as context for the visitor’s next messages. File upload uses the chatbot’s Knowledge storage setting: OpenAI, Pinecone, Qdrant, Chroma, or Anthropic Files when the chatbot provider is Anthropic. Visitors can upload .txt and .pdf files. The frontend limit is 20 MB, but your WordPress or server upload limit can be lower.
Text-based PDFs work best. Scanned PDFs may not provide usable text unless they contain OCR text.
To enable file upload:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Knowledge.
  3. Turn on Use vector search.
  4. Configure the Knowledge storage settings.
Chatbot Vector OpenAI
  1. Open Chatbot settings > Conversation > Capabilities.
  2. Turn on File upload.
  3. Save the chatbot.
Chatbot File Upload
  1. Test the chatbot on the frontend and upload a .txt or .pdf file.
Chatbot File Upload Demo
Web Search lets a chatbot use online sources while answering. When enabled, the chatbot input shows a web/search toggle on the frontend. If the frontend toggle is off, the chatbot answers without web search even when the capability is enabled in the admin. Web Search is available for OpenAI, Google, Anthropic, OpenRouter, and xAI models that support web search.
Web search has two controls: the admin capability setting enables the feature, and the frontend toggle decides whether a specific visitor message uses it.
To enable web search:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Choose an OpenAI, Google, Anthropic, OpenRouter, or xAI model.
  3. Open Chatbot settings > Conversation > Capabilities.
  4. Turn on Web search.
  5. Open the web search settings.
Chatbot Web
  1. Configure the provider settings.
  2. Save the chatbot.
  3. Test the chatbot on the frontend.
Chatbot We Demo
These options appear for every web search provider: Provider-specific options are shown based on the chatbot engine. xAI uses the shared web search options above and does not add provider-specific web settings.

Images and Vision

Image capabilities cover two separate features:
  • Image analysis sends an uploaded image to the chatbot model so it can answer questions about the image.
  • Image generation creates a new image when the visitor types a configured image command.

Image Analysis

Image analysis lets visitors attach an image to a chat message. The image is sent with the next message to the chatbot’s selected model. Image analysis uses the chatbot’s selected provider and model.
Image analysis is model-dependent. If the option is missing or replies fail, choose a vision-capable model and sync models again.
Visitors can upload one image per message, with a 20 MB frontend limit. xAI image analysis accepts JPG/JPEG and PNG files. Other supported providers can also accept WEBP when their model supports it. To enable image analysis:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Select a supported provider and model.
  3. Open Chatbot settings > Conversation > Capabilities.
  4. Turn on Image analysis.
Chatbot Image Analysis
  1. Save the chatbot.
  2. Test the chatbot on the frontend.
Chatbot Image Analysis Demo
On the frontend, visitors use the image upload button, select an image, type a question, and send the message. If File Upload and Image Analysis are both enabled, the attachment button opens a small menu.

Image Generation

Image generation lets visitors create a new image from a chat command. The visitor types a trigger followed by a prompt, for example:
Each command returns one image. Image generation uses a separate image model. It does not use the chatbot’s answer model.
Image generation uses the image model selected in Capabilities, not the chatbot answer model.
The chatbot image generation model list includes those image providers only. If a model is missing, configure the provider and sync models in AI Providers. To enable image generation:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Capabilities.
  3. Turn on Image generation.
  4. Open the image generation settings.
  5. Select the image model.
  6. Set the image triggers.
  7. Save the chatbot.
  8. Test the command on the frontend.
Triggers are comma-separated and must start with /. Examples:
Chatbot Image Generation
When a visitor uses an image trigger, AI Puffer extracts the prompt after the trigger and sends it to the selected image model. The original command is saved in the conversation log, and the generated image reply is shown in the chat.
Chatbot Image Generation Demo

Audio and Speech

Audio and speech capabilities are configured per chatbot under Chatbot settings > Conversation > Capabilities.

Speech to Text

Speech to Text adds a microphone button to the chatbot input. When a visitor clicks the microphone, AI Puffer records the audio in the browser, uploads it to WordPress, sends it to the speech-to-text provider, then submits the transcript as the user message. Speech to Text is currently available for OpenAI. To enable speech to text:
  1. Configure OpenAI in AI Providers.
  2. Go to AI Puffer > Chatbots and select the chatbot.
  3. Open Chatbot settings > Conversation > Capabilities.
  4. Turn on Speech to text.
Chatbot Speech to Text
  1. Select the model if the model selector is shown.
  2. Save the chatbot and test the microphone on the frontend.
Speech to Text needs browser microphone permission and HTTPS. Localhost can be used for testing without HTTPS. Recorded audio uploads are limited to 4 MB by default.
Chatbot Speech to Text Demo

Text to Speech

Text to Speech adds playback controls for assistant replies. When a visitor clicks the play button, AI Puffer sends the assistant reply text to the selected text-to-speech provider and plays the returned audio in the browser. Text to Speech is available for Google, OpenAI, and ElevenLabs. To enable text to speech:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Capabilities.
  3. Turn on Text to speech.
  4. Open the text-to-speech settings.
  5. Select the provider.
  6. Select the voice and model fields shown for that provider.
  7. Enable Auto play only if replies should play automatically.
  8. Save the chatbot and test the play button on an assistant reply.
Chatbot Text to Speech
ElevenLabs voices and models appear only after the ElevenLabs API key is saved under Settings > Integrations.
ElevenLabs API key

Realtime Voice Agents

Realtime Voice is separate from Speech to Text and Text to Speech. It creates a live session with OpenAI Realtime, streams microphone audio, receives spoken replies, and logs completed turns. Realtime Voice is currently available for OpenAI. To enable realtime voice:
  1. Configure OpenAI in AI Providers.
  2. Go to AI Puffer > Chatbots and select the chatbot.
  3. Open Chatbot settings > Conversation > Capabilities.
  4. Turn on Realtime voice.
  5. Open the realtime voice settings.
  6. Select the realtime model.
  7. Select the voice.
  8. Choose turn detection.
  9. Save the chatbot and test voice mode on the frontend.
Realtime Voice
Realtime options: Turn detection options: Realtime sessions create chat log entries for the user transcript and assistant transcript when a turn completes. If OpenAI returns usage data, AI Puffer records the token usage against the chatbot.
Realtime Voice uses microphone access and an OpenAI Realtime model. Test it on HTTPS and review costs in your OpenAI account.

Display

Use the main chatbot screen for quick visual changes such as chat photo, welcome message, widget colors, and launcher icon. Open Chatbot settings > Display for chat text, launcher behavior, welcome-message timing, and publish options.
Chatbot display settings

Widget Colors

Choose a color preset from Widget colors on the main chatbot screen. To build your own theme, choose the custom option and open the custom editor. The editor lets you change the main colors, bubble radius, font, inline width, popup width, chat height, and advanced colors for messages, header, footer, input area, buttons, and sidebar. Use Reset to return the custom theme fields to their defaults.
Chatbot Theme
Popup mode adds a launcher button to the page. When the visitor clicks it, the chatbot opens in a floating chat window. To configure a popup:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Turn on Popup in the preview bar.
  3. Turn on Site-wide if the launcher should appear across the site.
  4. Use the main screen to set the chat photo, welcome message, widget colors, and launcher icon.
  5. Open Chatbot settings > Display.
  6. Configure Launcher and Welcome message options.
  7. Save the chatbot and test it on the frontend.
Chatbot popup settings
Chatbot popup settings
Chatbot popup settings

Chat Options

Open Chatbot settings > Conversation > Chat options to choose which controls appear in the chatbot.
Chatbot UI features

Suggested Questions

Suggested questions are quick prompts shown inside the chatbot before the first message. Use them to help visitors begin with common questions. To enable and customize suggested questions:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Chat options.
  3. Enable Suggested questions.
  4. Click the + settings button for Suggested questions.
  5. In Conversation starters (max 6), add one question per line.
  6. Keep the list to 6 questions or fewer.
  7. Save the chatbot.
Chatbot suggested questions
Consent shows a notice before the conversation starts. The chatbot input stays disabled until the visitor clicks the consent button. To enable and customize the consent notice:
  1. Go to AI Puffer > Chatbots and select the chatbot.
  2. Open Chatbot settings > Conversation > Chat options.
  3. Enable Consent.
  4. Open the consent editor.
  5. Set the Title.
  6. Set the Button label.
  7. Write the Message.
  8. Save the chatbot.
Chatbot Consent

Text Labels

Open Chatbot settings > Display > Chat text to change the words visitors see in the chatbot.

Security and Privacy

Chatbots use both global security settings and chatbot-level controls. Open AI Puffer > Settings > Security. Set custom block messages for banned words and banned IPs if you want visitors to see specific text. Chatbot logs include conversation messages, usage data, feedback, and metadata needed for history and reporting. Enable IP anonymization if you do not want full IP addresses stored in logs.
Use IP anonymization when you need usage logs without storing full visitor IP addresses.
OpenAI moderation is configured from the OpenAI provider settings.
  1. Open AI Puffer > Settings > AI.
  2. Select OpenAI.
  3. Open Advanced.
  4. Set Moderation to Yes.
  5. Set Moderation Message if you want a custom message when input is blocked.
Moderation applies to chatbot requests that use OpenAI. If the chatbot uses another provider, this setting is skipped.

Limits

Limits control how much a visitor can use this chatbot before AI Puffer stops new messages. AI Puffer checks the visitor’s quota before a chat request starts and records usage after the response. Guests are tracked by session. Logged-in users are tracked on their WordPress account. Leave a quota empty for unlimited usage, or set it to 0 to block that group. Open Chatbot settings > AI behavior > Limits to configure chatbot quota controls. Quota buttons can link to customer dashboard usage, credits, purchases, the buy credits page, a custom URL, or no button.
For credit-based chatbot access, define pricing rules in Usage. To sell prepaid credits, create WooCommerce credit packages in Usage.
Chatbot Limits

Connected Apps

Use Connected Apps to send chatbot events to external apps.
SlackHubSpotNotionPipedriveZapierMaken8n
Connected Apps has two parts: a connection stores the app credentials, and a recipe decides which chatbot event is sent to that app.
Connected app recipes can send chatbot data to external services. Map only the fields that the destination app needs.
Chatbot recipes can run on these events: Use Chatbot Form Submitted for forms created with a chatbot rule’s Display form action. Use AI Form Submitted only for standalone AI Forms from the AI Forms module. Open AI Puffer > Settings > Apps to create connections and recipes.
Chatbot Connected Apps
Open Chatbot settings > Automations > Apps to review the recipes attached to the current chatbot.
Chatbot Connected Apps
Failed deliveries appear under Settings > Apps > Delivery Issues, where you can retry or clear them.

Slack

Use Slack to send chatbot messages, responses, feedback, or session alerts to a channel.
  1. Go to https://api.slack.com/apps.
  2. Click Create New App.
  3. Choose From scratch.
  4. Enter an app name and select the workspace.
  5. Click Create App.
  6. Choose one connection method:
    • Bot token: open OAuth & Permissions, scroll to Bot Token Scopes, click Add an OAuth Scope, add chat:write, click Install to Workspace, then copy the Bot User OAuth Token that starts with xoxb-.
    • Incoming webhook: open Incoming Webhooks, turn on Activate Incoming Webhooks, click Add New Webhook to Workspace, select a channel, then copy the webhook URL.
  7. If you use a bot token, invite the Slack app to the target channel.
  8. In WordPress, open AI Puffer > Settings > Apps.
  9. Create a Slack connection.
  10. Select Token or Webhook.
  11. For Token, enter the Bot Token and Default Channel.
  12. For Webhook, enter the Webhook URL.
  13. Save the connection.
  14. For token connections, click Test Connection. AI Puffer posts a temporary Slack message and removes it after the channel is verified.
  15. Create a recipe, choose a chatbot event, choose Slack Message, map the fields, and enable it.
  16. Scope the recipe to all chatbots or one chatbot.
  17. Test from the frontend chatbot.
Webhook connections are tested at delivery time. If a token test fails, check that the bot is in the default channel.
Chatbot Slack
Chatbot Slack Recipe

HubSpot

Use HubSpot to create or update contacts from chatbot events when your recipe maps an email address.
  1. Go to https://app.hubspot.com and select your HubSpot account.
  2. Open Development > Legacy apps.
  3. Click Create private app.
  4. Enter an app name.
  5. Open Scopes.
  6. Add crm.objects.contacts.read and crm.objects.contacts.write.
  7. Create the app.
  8. Open the app’s Auth tab and copy the private app access token.
  9. In WordPress, open AI Puffer > Settings > Apps.
  10. Create a HubSpot connection.
  11. Enter the Private App Token.
  12. Add the Portal ID if you want it stored with the connection.
  13. Save the connection.
  14. Click Test Connection.
  15. Create a recipe, choose a chatbot event, choose HubSpot Contact, map Email, and map any other contact fields you need.
  16. Enable the recipe and test from the frontend chatbot.
HubSpot contact recipes require an email mapping. For lead forms shown inside the chatbot by a rule, choose the Chatbot Form Submitted event. Common mappings are:
Chatbot HubSpot

Notion

Use Notion to create pages or database items from chatbot events.
  1. Go to https://www.notion.com/my-integrations.
  2. Click New integration or Create a new integration.
  3. Select the workspace and enter an integration name.
  4. Open the integration’s Configuration tab.
  5. Copy the Internal Integration Secret.
  6. In Notion, open the page or database AI Puffer should write to.
  7. Click the menu in the top-right corner.
  8. Select Connections.
  9. Click + Add connection.
  10. Search for your integration and select it.
  11. Confirm access.
  12. Copy the parent page ID or database ID from the Notion URL.
  13. In WordPress, open AI Puffer > Settings > Apps.
  14. Create a Notion connection.
  15. Enter the Integration Token.
  16. Enter Parent Page ID for page recipes, or Database ID for database item recipes.
  17. Save the connection.
  18. Click Test Connection.
  19. Create a recipe, choose a chatbot event, choose Notion Page or Notion Database Item, map the fields, and enable it.
  20. Test from the frontend chatbot.
The connection test checks the token. If delivery fails, confirm the target page or database is shared with the Notion integration.
Chatbot Notion

Pipedrive

Use Pipedrive to create or update people from chatbot events when your recipe maps a name.
  1. Go to https://app.pipedrive.com.
  2. Open your account menu in the top-right corner.
  3. Open Personal preferences.
  4. Open the API tab.
  5. Copy your personal API token.
  6. Copy your company domain from the browser address. For https://example.pipedrive.com, the company domain is example.
  7. In WordPress, open AI Puffer > Settings > Apps.
  8. Create a Pipedrive connection.
  9. Enter the API Token and Company Domain.
  10. Add Default Owner ID or Pipeline ID if your workflow needs them.
  11. Save the connection.
  12. Click Test Connection.
  13. Create a recipe, choose a chatbot event, choose Pipedrive Person, map Name, and map any other fields you need.
  14. Enable the recipe and test from the frontend chatbot.
Pipedrive person recipes require a name mapping. If an email is mapped, AI Puffer looks for an existing person before creating a new one.
Chatbot Pipedrive

Zapier

Use Zapier when you want to send chatbot event data into a Zap.
  1. Go to https://zapier.com/app/editor.
  2. Click the Trigger step.
  3. Search for Webhooks by Zapier.
  4. Select Webhooks by Zapier.
  5. Set Event to Catch Hook.
  6. Click Continue.
  7. In the Test tab, click Copy to copy the webhook URL.
  8. In WordPress, open AI Puffer > Settings > Apps.
  9. Create a Zapier connection.
  10. Enter the Webhook URL.
  11. Add a Zap Name if you want a label for the connection.
  12. Save the connection.
  13. Create a recipe, choose a chatbot event, choose Zapier Webhook, map the fields, and enable it.
  14. In Zapier, keep the Zap ready to receive a test request.
  15. Test from the frontend chatbot and confirm the request appears in Zapier.
Zapier connections are verified when AI Puffer sends the first event.
Chatbot Zapier

Make

Use Make when you want chatbot events to start a Make scenario.
  1. Go to https://www.make.com/en/login and open Make.
  2. Create a new scenario.
  3. Click the large + button.
  4. Search for Webhooks.
  5. Select Webhooks > Custom webhook.
  6. Click Create a webhook.
  7. Name the webhook and save it.
  8. Copy the generated webhook URL.
  9. In WordPress, open AI Puffer > Settings > Apps.
  10. Create a Make connection.
  11. Enter the Webhook URL.
  12. Add a Scenario Name if you want a label for the connection.
  13. Save the connection.
  14. Create a recipe, choose a chatbot event, choose Make Webhook, map the fields, and enable it.
  15. In Make, click Run once so the scenario can receive a test request.
  16. Test from the frontend chatbot and check the Make scenario history.
Make connections are verified when AI Puffer sends the first event.
Chatbot Make

n8n

Use n8n when you want chatbot events to start an n8n workflow.
  1. Go to https://app.n8n.cloud or open your self-hosted n8n URL.
  2. Create a new workflow.
  3. Add a Webhook node.
  4. Set HTTP Method to POST.
  5. Copy the Test URL if you are testing, or the Production URL if the workflow is active.
  6. In WordPress, open AI Puffer > Settings > Apps.
  7. Create an n8n connection.
  8. Enter the Webhook URL.
  9. Add a Workflow Name if you want a label for the connection.
  10. Save the connection.
  11. Create a recipe, choose a chatbot event, choose n8n Webhook, map the fields, and enable it.
  12. In n8n, click Listen for test event if you used the Test URL, or activate the workflow if you used the Production URL.
  13. Test from the frontend chatbot and check the n8n execution log.
n8n connections are verified when AI Puffer sends the first event.
Chatbot n8n

Rules

Rules run inside a chatbot and can react to chatbot events. A rule runs when its event fires, all of its conditions pass, and its action executes. Lower priority numbers run first. Open Chatbot settings > Automations > Rules, then click Manage rules to create or edit chatbot rules.

Rule Events

Conditions

Rules can check fields from: Available operators include equals, contains, starts with, ends with, regex match, empty checks, one-of checks, and numeric comparisons. Conditions inside one rule use AND logic. To run the same action when either of two different conditions is true, create two rules with the same action.

Actions

Webhook and message fields support placeholders. Form placeholders include submitted data, display values, labels, and individual submitted fields.
Webhook actions send data outside WordPress. Use trusted webhook URLs and avoid sending sensitive conversation data unless the destination is meant to receive it.
Chatbot Rules

Example

Lead Collection

Use Display form when the chatbot should ask for contact details inside the conversation. The form is rendered in the chat, and AI processing pauses for that message while the visitor completes it. If the form was displayed from a User Message Received rule, AI Puffer automatically continues the AI response after a successful form submission. It uses the captured user message, adds the submitted form data as context, and avoids resuming when a form-submission rule already returned a direct bot reply. Show the form when the visitor uses a lead keyword:
  1. Add a rule named Lead form.
Chatbot Rules
  1. Set Event to User Message Received.
Chatbot Rules
  1. Add this condition:
Chatbot Rules
  1. Set Action Type to Display Form.
  2. Add the form title, such as Request a quote.
Chatbot Rules
  1. Add these form elements:
Chatbot Rules
  1. Set Submit Button Text to Send request.
To save the submitted lead in the chatbot log, add a second rule:
  1. Add a rule named Store lead form submission.
  2. Set Event to Form Submitted.
  3. Leave conditions empty if this chatbot only displays one rule form.
  4. Set Action Type to Store Form Submission.
  5. Use this Log Message Format:
Chatbot Rules
Make sure the Active checkbox is checked on both rules.
Chatbot Rules
Now ask your bot something about pricing and you will see the form. After the form is submitted, the chatbot continues answering the original pricing question and you can view the submitted details under Usage > Logs. To send the same rule form submission to HubSpot, create a Connected Apps recipe that uses Chatbot Form Submitted and maps fields such as data.inputs.email, data.inputs.first_name, data.inputs.last_name, data.inputs.phone, and data.inputs.company.
Chatbot Rules
Chatbot Rules