# Handlebars in a template

**URL:** <https://community.hubspot.com/t/handlebars-in-a-template/11879>\
**Category:** APIs & Integrations\
**Created:** [January 13, 2017, 3:21am UTC](https://community.hubspot.com/t/handlebars-in-a-template/11879 "2017-01-13T03:21:31Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [January 13, 2017, 3:21am UTC](https://community.hubspot.com/t/handlebars-in-a-template/11879/1 "2017-01-13T03:21:31Z")

</div>

Hey there fellow HubSpotters,

I built a job listing page using JobVite API. It works great locally, I went to embed it within a template and it turns out that {{ }} is used by HubSpot and Handlebars. So I figured, no problem, I can just change the delimiter, no dice, Handlebars doesn’t support it, a change of delimiter.

So, now I’m stuck and need to get this integration in place pronto. Has anyone figured a workaround for this? I realize I may have to fall back to mustache but hope not.

Sample of the template:

```auto
{{#each this}}
	<li class="career" id="divider" data-category="{{category}}" data-location="{{locationCity}}" data-index="{{eId}}">
<figure>
<div class="locationSmallBlk">{{locationCountry}}</div>
<div class="locationBigBlk"><a href="{{eId}}">{{locationCity}}</a></div>
<div class="openingsBlk">{{category}}</div>

<figcaption>
<div class="locationSmall">{{locationCountry}}</div>
<div class="locationBig"><a href="{{eId}}">{{locationCity}}</a></div>
<div class="openings">{{category}}</div>
</figcaption>
</figure>
</li>
	{{/each}}

```

Any suggestions would be greatly appreciated.

Thank you!

---

<div class="post-metadata">

**Author:** ![3PETE](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/3pete/32/61905_2.png) [@3PETE](https://community.hubspot.com/u/3PETE)\
**Post date:** [January 13, 2017, 1:30pm UTC](https://community.hubspot.com/t/handlebars-in-a-template/11879/2 "2017-01-13T13:30:00Z")

</div>

[@cmcgarry](https://community.hubspot.com/u/cmcgarry) HubSpot uses the {{}} for our templating language HubL. This is something you cannot change. Is there a reason you need Handlebars? Have you taken a look at HubL to see if you can recreate what you are trying to accomplish from there?

[designers.hubspot.com](http://designers.hubspot.com/docs/hubl/intro-to-hubl)

### [Intro to HubL](http://designers.hubspot.com/docs/hubl/intro-to-hubl)

The underlying syntax used in HubSpot’s COS is referred to as HubSpot Markup Language or HubL (pronounced Hubble). While this templating language is based on the templating engine Jinja, HubL uses a fair amount of markup that is unique to HubSpot and…

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [January 13, 2017, 3:20pm UTC](https://community.hubspot.com/t/handlebars-in-a-template/11879/3 "2017-01-13T15:20:55Z")

</div>

HubSpot tech support pointed me to:

```auto
Escaping HubL delimiters

Many other languages share the same delimiters as HubL, which can create issues when working in coded files on the COS. If you want to use a HubL delimiter for a different language, you need to wrap that code in:

{% raw %} {{Code you want to escape}} {% endraw %}

```

---

<div class="post-metadata">

**Author:** ![3PETE](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/3pete/32/61905_2.png) [@3PETE](https://community.hubspot.com/u/3PETE)\
**Post date:** [January 17, 2017, 2:04pm UTC](https://community.hubspot.com/t/handlebars-in-a-template/11879/4 "2017-01-17T14:04:12Z")

</div>

[@cmcgarry](https://community.hubspot.com/u/cmcgarry) Great find! thanks for updating the forum.

---

<div class="post-metadata">

**Author:** ![system](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/system/32/124_2.png) [@system](https://community.hubspot.com/u/system)\
**Post date:** [October 23, 2017, 8:03pm UTC](https://community.hubspot.com/t/handlebars-in-a-template/11879/5 "2017-10-23T20:03:15Z")

</div>

Awesome find, thanks for sharing!