Getting Started
Introduction
Chatrigger is a simple yet powerful tool that lets you create and integrate a conversational chatbot on your website.
It was designed as an alternative to the “Chat” node in n8n, or to using WhatsApp, Telegram, or Slack, offering instead a sleek and fully customizable frontend interface.
In practice, Chatrigger acts as a chat interface connected to your webhook (for example, the one from an AI agent in n8n).
With it, you can:
- Connect to an n8n workflow or any webhook-compatible service.
- Configure, customize, and embed a chat widget or full chat window on your website.
- Generate a public chat page accessible via a simple URL, to chat directly with your agent.
💡 In short: Chatrigger provides the user interface (frontend) of your chatbot, while n8n or any other webhook-connected service handles the logic and responses (backend).
Chatrigger
Create a chat
1. Click on "Create a chat" from your dashboard.
2. Fill in the information in the General tab:
Chat name: the name of your bot (e.g. "AI Support", "Product Assistant"...)
Identifier: a unique identifier, used for integrations.
Webhook URL: the address of your n8n webhook (or other service). This URL will allow your chatbot to send and receive messages. Go to configure webhook to create a webhook URL with n8n.
Customize your chat
In the Customization tab, you can adapt the chat design to match your brand identity.
- Main colors (background, buttons, bubbles, text)
- Widget icon (customizable)
- Size and position of the floating bubble
- Chat window title
- Font and global style
🪄 Tip: test different color combinations to improve readability and encourage interactions.
Integrate Chatrigger on your website
In the Integration tab, a script code is automatically generated. Copy it and paste it before the </body> tag of your website. Then publish your site.
<!-- ChatTrigger Widget -->
<script src="https://app.chatrigger.com/widget/embed.js?v=2.0.0" defer></script>
<script>
window.addEventListener('load', function() {
if (window.ChatTriggerWidget) {
window.ChatTriggerWidget.init({
identifier: 'YOUR_ID_HERE'
});
}
});
</script>The Chatrigger widget will automatically appear in the corner of your page. Your visitors will be able to chat directly with your AI agent.
💡 You can integrate Chatrigger on any website: Webflow, WordPress, Next.js, static HTML, etc.
Create a public chat page
In the Public Page tab, click on "Enable public page". A unique URL will be generated
Example : https://app.chatrigger.com/chat/mybot
Url allowing access to the chat from any browser.
This option is ideal for quickly sharing a chatbot without needing a website.
Test your Chat
From the dashboard, click on the name of your chat (in the left column). This will open an integrated test window where you can:
- Send messages to your webhook
- Verify proper reception/response
- Adjust your n8n or customization settings
Go to configure webhook to create a webhook URL with n8n
N8N
Create IA Agent with Webhook
If you use n8n, here is how to create the webhook for your AI agent:
Open n8n and create a new workflow.
Add an AI Agent node with your configurations
Connect a Webhook node as input:
- Method: POST URL : this is the URL you will use in Chatrigger (test or production)
- Respond: Using 'respond to webhook' Node
Then add a Webhook Response node as output: Respond with: all incoming items Options: Response code 200
Activate the workflow and copy the URL of the first webhook into Chatrigger, in the 'Webhook URL' field.
🔁 With each message sent from Chatrigger, the text is sent to this webhook. n8n processes the request and returns the response, displayed instantly in the chat window.
Configure webhook in n8n
The webhook will receive the following data from Chatrigger:
"body":
{
"message":
"YOUR MESSAGE",
"files":
[
YOUR FILES
],Use {{ $json.body.message }} in your Prompt in your IA Agent.
Other
Delete account
In Account Settings, you can delete your account by clicking “Delete Account.”
You can also :
- Modify your email address
- Change your password