# How to insert raw html code snippets in zola?

**URL:** <https://zola.discourse.group/t/how-to-insert-raw-html-code-snippets-in-zola/1064>\
**Category:** Support\
**Created:** [October 18, 2021, 6:54pm UTC](https://zola.discourse.group/t/how-to-insert-raw-html-code-snippets-in-zola/1064 "2021-10-18T18:54:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![karnotcycle](https://avatars.discourse-cdn.com/v4/letter/k/e9c0ed/32.png) [@karnotcycle](https://zola.discourse.group/u/karnotcycle)\
**Post date:** [October 18, 2021, 6:54pm UTC](https://zola.discourse.group/t/how-to-insert-raw-html-code-snippets-in-zola/1064/1 "2021-10-18T18:54:44Z")

</div>

I am new to zola. I have migrated from hugo. I am having trouble inserting raw html. If anyone knows how to accomplish it please help. I am currently trying to do it via shortcodes but failing badly.

---

<div class="post-metadata">

**Author:** ![keats](https://avatars.discourse-cdn.com/v4/letter/k/34f0e0/32.png) [@keats](https://zola.discourse.group/u/keats)\
**Post date:** [October 18, 2021, 8:16pm UTC](https://zola.discourse.group/t/how-to-insert-raw-html-code-snippets-in-zola/1064/2 "2021-10-18T20:16:18Z")

</div>

Raw HTML in the markdown content should display as is. Make sure you use the `| safe` filter when outputting the content in the template.

---

<div class="post-metadata">

**Author:** ![karnotcycle](https://avatars.discourse-cdn.com/v4/letter/k/e9c0ed/32.png) [@karnotcycle](https://zola.discourse.group/u/karnotcycle)\
**Post date:** [October 18, 2021, 8:21pm UTC](https://zola.discourse.group/t/how-to-insert-raw-html-code-snippets-in-zola/1064/3 "2021-10-18T20:21:05Z")

</div>

So if I paste a html code for form as is, it will render the raw html?. Could you please help me on how do I put the safe parameter?. Pardon me, I am a complete novice - as in I can handle instructions but I cannot comprehend myself. I know very basic stuff of many things but no single thing very deep. In hugo there is a simple shortcode (( rawhtml }} using which I can insert html code (not as is but eg like a contact form). Please let me know how I can do the same in zola.

---

<div class="post-metadata">

**Author:** ![keats](https://avatars.discourse-cdn.com/v4/letter/k/34f0e0/32.png) [@keats](https://zola.discourse.group/u/keats)\
**Post date:** [October 19, 2021, 1:37pm UTC](https://zola.discourse.group/t/how-to-insert-raw-html-code-snippets-in-zola/1064/4 "2021-10-19T13:37:58Z")

</div>

Commonmark will pass HTML as is while rendering.  
For the `| safe`, it’s in the template where you are rendering your content: [vincentprouillet/page.html at master · Keats/vincentprouillet · GitHub](https://github.com/Keats/vincentprouillet/blob/master/templates/page.html#L19)
