It is possible to use variables in the js script for things like the bubble background color, avatar URL, and even the typebot name? I want to be able to add the JS to the head of a website, but have different bots load on different pages based on the URL that I pull into the bot with a set variable block with the JS function in the custom value to pull the host url. Right now, I pull in the URL, split it and check with a webhook in a first step of a flow. I'm wanting to then change the bubble color based on the webhook returned values. In other words, if URL subpage is a specific product category of an eCommerce store, checked with a webhook to an automation that checks a postgresql db for the values, I want to change to a red bubble and run a specific bot.
I figured out a workaround that works perfect for me. I pair typebot with n8n. Instead of using the default typebot script in the head of my html, I instead called the webhook of an n8n workflow as the 'src' in the script, retrieved the desired colors, avatar, size, etc (theme options for bubble) and then return a custom 'created-on-the-fly' javascript body that then executes on the host to display the bot with the correct configuration. Works slick and honestly, it's going to be something I use for many other embedded tools. Just thought I'd share.
