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:
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!
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!
