Dynamic Image Block not rendering {{image}} from webhook
Hi all 👋
I'm using a webhook to generate a QuickChart image in n8n and return it to Typebot. The webhook responds with:
{
"text": "text here",
"image": "https://quickchart.io/chart/render/sf-xxxxxxxxxx"
}
In Typebot, I:
Set text and image as response variables
1. Display {{text}} in a Text block
2. Use an Image block with the Link tab set to {{image}} and "On click link" turned off
When I hardcode the image URL, the chart renders perfectly, but in the Image block rather than showing the image it just shows the URL.
Any idea why the dynamic {{image}} variable isn’t working even though it resolves correctly in text as a working URL?
Thanks so much 🙏
2 Replies
You need to add this URL in a Image bubble. Text bubbles currently can't render images
Thanks for the reply but I am already using an image bubble but it renders the URL instead as you can see in the screenshot.
It works now. It was a problem with the code in one of the steps, which did not pass the correct variable to Typebot. 🙂