diff --git a/userguide/content/en/docs/adding-content/shortcodes/index.md b/userguide/content/en/docs/adding-content/shortcodes/index.md
index 6459fda71d..9d524764b0 100644
--- a/userguide/content/en/docs/adding-content/shortcodes/index.md
+++ b/userguide/content/en/docs/adding-content/shortcodes/index.md
@@ -9,6 +9,10 @@ resources:
 - src: "**spruce*.jpg"
   params:
     byline: "Photo: Bjørn Erik Pedersen / CC-BY-SA"
+_build:
+  list: always
+  publishResources: true
+  render: always    
 ---
 
 Rather than writing all your site pages from scratch, Hugo lets you define and use [shortcodes](https://gohugo.io/content-management/shortcodes/). These are reusable snippets of content that you can include in your pages, often using HTML to create effects that are difficult or impossible to do in simple Markdown. Shortcodes can also have parameters that let you, for example, add your own text to a fancy shortcode text box. As well as Hugo's [built-in shortcodes](https://gohugo.io/content-management/shortcodes/), Docsy provides some shortcodes of its own to help you build your pages.
@@ -417,15 +421,15 @@ This code translates to the right aligned tabbed pane below, showing a `Welcome!
 {{< tabpane text=true right=true >}}
   {{% tab header="**Languages**:" disabled=true /%}}
   {{% tab header="English" lang="en" %}}
-  ![Flag United Kingdom](flags/uk.png)
+  ![Flag United Kingdom](/docs/adding-content/shortcodes/flags/uk.png)
   **Welcome!**
   {{% /tab %}}
   {{< tab header="German" lang="de" >}}
     <b>Herzlich willkommen!</b>
-    <img src="flags/de.png" alt="Flag Germany" style="float: right; padding: 0 0 0 0px">
+    <img src="/docs/adding-content/shortcodes/flags/de.png" alt="Flag Germany" style="float: right; padding: 0 0 0 0px">
   {{< /tab >}}
   {{% tab  header="Swahili" lang="sw" %}}
-  ![Flag Tanzania](flags/tz.png)
+  ![Flag Tanzania](/docs/adding-content/shortcodes/flags/tz.png)
   **Karibu sana!**
   {{% /tab %}}
 {{< /tabpane >}}