How to Use Fields from Webhook Response JSON in Typebot?
Hi,
I'm integrating Typebot with an n8n workflow via a POST Webhook.
Here's the flow:
1. Typebot sends a JSON payload to an n8n webhook.
2. The n8n workflow runs a query and returns a JSON response like:
{
"text": "2020 → 23528517.0423306",
"image": "https://quickchart.io/chart?c=%7B...%7D"
}
I want Typebot to display the text and image URL returned by the webhook.
What I’ve tried:
1. Using {{text}} and {{image}} in the response block.
2. Using !Chart for the chat
But the variables are not replaced with the actual values returned by n8n.
My Webhook settings:
1. I’ve added the Content-Type: application/json header.
2. The webhook request and response work fine (verified via Postman).
3. The workflow is active, and the JSON response is correct.
Question:
1. How do I access and display custom JSON fields from the webhook response in Typebot?
2. Is there a way to explicitly map response fields like text and image to Typebot variables?
Thanks so much in advance! 🙏14 Replies
You need to map the N8N response to variables!
https://docs.typebot.io/editor/blocks/integrations/http-request#example%3A-fetch-movie-information
Typebot Docs
HTTP Request - Typebot Docs
Just hit "Test the request" and then you'll be able to map the response to variables
Thank you so much. It works now.
I am using make.com did you figure it out how to do it? I also want to respond to the webhook and get the variables
Yes. Baptiste explained it in his reply. You just need to hit "Test the request" to map the responses into variables.
I am also getting webhook timeout error even tho it is successfully sending the package to make.com so I think cuz of that respond to webhook won't work?
{
"response": {
"statusCode": 408,
"data": {
"message": "Request timed out. (10ms)"
}
},
"request": {
"url": "my web hook url here from make.com",
"method": "POST",
"headers": {
"Content-Type": "application/json"
},
"timeout": 10000,
"json": {
"pdf_url": "url of my pdf here",
"lang": "English"
} } }
} } }
Does your Make.com scenario takes more than 10s to execute?
Yes
But I don't start the chat with the start chat api
I just start chat on typebot and send data via webhook so if I don't respond to webhook I would need sessionId to continúe the chat?
I don't understand. Aren't you using a Make.com block?
no not make.com block
I am using HTTP Post request
and a webhook on make.com for the trigger
Ok you can change the default request timeout from 10s to a higher timeout
but I wanted to ask if the start chat api method is better than this one? or is there any other way of getting sessionId to continue the chat without the start chat api method?
How is this related to the bug you are mentioning? I am a bit lost!
But yeah the only yeah to get a session ID is to start the chat with the start chat api endpoint
Typebot Docs
Start chat - Typebot Docs