# Ataraxia: Adding links to tab\_contents

**URL:** <https://zola.discourse.group/t/ataraxia-adding-links-to-tab-contents/1792>\
**Category:** Support\
**Created:** [July 7, 2023, 5:00pm UTC](https://zola.discourse.group/t/ataraxia-adding-links-to-tab-contents/1792 "2023-07-07T17:00:02Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![mark](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/mark/32/1034_2.png) [@mark](https://zola.discourse.group/u/mark)\
**Post date:** [July 7, 2023, 5:00pm UTC](https://zola.discourse.group/t/ataraxia-adding-links-to-tab-contents/1792/1 "2023-07-07T17:00:02Z")

</div>

I’m new to Zola and am playing around with the [ataraxia](https://github.com/gersonbenavides/ataraxia-zola) zola theme, using the [creator’s website](https://www.gersonb.dev) as a starting point.

Now I’m trying to figure out how to add links to tab\_contents, but no matter what I try, I can’t get it to work. If I put `[example](www.example.com)` inside the quotation characters, it doesn’t render the code at all. If I try to put it outside of the quotes, the entire tab\_nav\_box building fails.

Hope you can give me some suggestions.

---

<div class="post-metadata">

**Author:** ![mark](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/mark/32/1034_2.png) [@mark](https://zola.discourse.group/u/mark)\
**Post date:** [July 7, 2023, 5:01pm UTC](https://zola.discourse.group/t/ataraxia-adding-links-to-tab-contents/1792/2 "2023-07-07T17:01:22Z")

</div>

As a new forum user I can only add two links to a post, but when I was talking about tab\_contents, I meant [this code](https://github.com/gersonbenavides/gersonbenavides.github.io/blob/main/content/_index.md?plain=1)

---

<div class="post-metadata">

**Author:** ![mark](https://yyz2.discourse-cdn.com/free1/user_avatar/zola.discourse.group/mark/32/1034_2.png) [@mark](https://zola.discourse.group/u/mark)\
**Post date:** [July 12, 2023, 11:19am UTC](https://zola.discourse.group/t/ataraxia-adding-links-to-tab-contents/1792/3 "2023-07-12T11:19:58Z")

</div>

So basically the text that is ‘imported’, is done as

```auto
{%- for content in tab_contents -%}
(...)
   {{ content | safe }}
(...)
{%- endfor -%}

```

The content should be parsed as markdown in order for it to show imaged links (or any link for that matter). I got it to work by changing `{{ content | safe }}` to:

```auto
{{ content | markdown(inline=true) | safe }}

```

So. Issue solved. 👍
