Hello,
I would just want to ask if executing HUBL code in javascript is possible?
Thank you!
HI @ruanngabriel, what is your use-case here? You can certainly use HubL to inject values into a javascript function as long as this ends up being valid JS.
For a very simple example, if I want to log the value of my name to the console, I can do something like this:
{% set myName = "Connor" %}
{% if myName %}
<script type="text/javascript">
console.log("{{ myName }}")
</script>
{% endif %}
Here are two screenshots that show this works:
Screenshot
Captured with Lightshot
Screenshot
Captured with Lightshot
Let me know if I’m misunderstanding you and I’d be happy to take a further look!
How about vice-versa?
hubl code inside external javascript file?
Thanks!
Hi @ruanngabriel external in what way? You attach a JS file hosted externally with HubL in it to a HubSpot hosted page? If so, no you cannot do that. You can write HubL inside of Design Manager hosted JS files, custom modules, and the head HTML/ footer HTML of pages/content settings but that is it.
External JS hosted in HubSpot. Like I’m writing the code in Design Manager.
Yep, that’s possible!
@mansigovani Did you find out how? I’d like to use it in a <script> tag as well.
Thanks
@louischausse, no I didn’t find any solution on how to use HUBL code inside <script> tag.
Are you working in a module or directly in a template or elsewhere. If you work in a module you can only use hubl in the hubl + html panel.
If you are coding elsewhere just tell me where and I’ll try to help you
@louischausse ,
I am creating this custom Customer Review Form. Now on Submit, I would like to add the review to my HubDB table as a new row.
Do you have any ideas on how to implement that?
Thank you in advance for your help!
ok this is a much wider problem than just using hubl to javascript. I have never done something like this but did you take a look at hubDB API documentation : https://developers.hubspot.com/docs/methods/hubdb/v2/create_row
If that doesn’t help I would recommend opening a new community forum discussion with your last comment or ask your question in the HubSpot Developer Slack Join the HubSpot Developer Slack Community
@louischausse , thanks for referring me to Slack. I was able to find the solution to my query there. It was by using Zapier’s Webhooks to insert values to my HUBDB.
Hi @mansigovani
You are welcome!
You can mark my reply as a solution if you are satisfied or ask me anything else
Best
Thanks a lot! This is exactly what I needed for generating JS objects from HubL data when creating custom functions and using API! 
Maybe a hint that looks more standardized and hence cooler is using the script type “application/json”:
module.html
<script id="data" type="application/json">
{
"country_filter": "{{ module.country_filter }}"
}
</script>
Then you can use this and other variables in your Javascript module file, which you should consider best practice, since it increases readability of your code quite a bit and allows unit testing and other state of the art best-practices.
module.js
const data = JSON.parse(document.getElementById("data").text)
console.log('From HubL generation', data.country_filter)
@BérangèreL this should be marked as a solution. This is so clean and powerful!!