diff --git a/content/en/training/_index.html b/content/en/training/_index.html
index 6dc509ff5b..d7437a45de 100644
--- a/content/en/training/_index.html
+++ b/content/en/training/_index.html
@@ -112,7 +112,6 @@ class: training
     </center>
   </div>
   <div class="main-section landscape-section">
-    <iframe src="https://landscape.cncf.io/category=kubernetes-training-partner&format=logo-mode&grouping=category&embed=yes" frameborder="0" id="landscape" scrolling="no"></iframe>
-    <script src="https://landscape.cncf.io/iframeResizer.js"></script>
+    {{< cncf-landscape helpers=false category="kubernetes-training-partner" >}}
   </div>
 </div>
diff --git a/layouts/shortcodes/cncf-landscape.html b/layouts/shortcodes/cncf-landscape.html
index 5684dc0511..455f2b5658 100644
--- a/layouts/shortcodes/cncf-landscape.html
+++ b/layouts/shortcodes/cncf-landscape.html
@@ -57,7 +57,11 @@ document.addEventListener("DOMContentLoaded", function () {
 </script>
 {{- end -}}
 <div id="frameHolder">
-  <iframe frameborder="0" id="landscape" scrolling="no" src="" style="width: 1px; min-width: 100%" title="CNCF Landscape"></iframe>
+  {{ if ( .Get "category" ) }}
+  <iframe frameborder="0" id="landscape" scrolling="no" src="https://landscape.cncf.io/category={{ .Get "category" }}&format=logo-mode&grouping=category&embed=yes"></iframe>
+  {{ else }}
+  <iframe frameborder="0" id="landscape" scrolling="no" src="https://landscape.cncf.io/format=logo-mode;embed=yes" style="width: 1px; min-width: 100%" title="CNCF Landscape"></iframe>
+  {{ end }}
   <script src="https://landscape.cncf.io/iframeResizer.js"></script>
 </div>
 {{- end -}}