T

Typebot•8mo ago

bubusi

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" }{ "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!