diff --git a/content/pages/chip-support-status/esp32c61/index.md b/content/pages/chip-support-status/esp32c61/index.md
index 7b8da1b2..9514a8c5 100644
--- a/content/pages/chip-support-status/esp32c61/index.md
+++ b/content/pages/chip-support-status/esp32c61/index.md
@@ -27,4 +27,9 @@ According to the chip mass production plan, the planned support for ESP32-C61 in
 
 If you have an issue to report about any of the ESP32-C61 features, please create an issue in [ESP-IDF GitHub issue tracker](https://github.com/espressif/esp-idf/issues).
 
-{{< chipstatus url="https://developer.espressif.com/persist/chip-support-status/esp32c61.md" >}}
+{{< chipstatus contentPath="persist/chip-support-status/esp32c61.json" jsonKey="ext_proj" >}}
+
+
+## External projects
+
+{{< chipstatus contentPath="persist/chip-support-status/esp32c61.json" jsonKey="idf" >}}
diff --git a/layouts/shortcodes/chipstatus.html b/layouts/shortcodes/chipstatus.html
index 913552eb..c80fa9ef 100644
--- a/layouts/shortcodes/chipstatus.html
+++ b/layouts/shortcodes/chipstatus.html
@@ -1,23 +1,35 @@
-<div id="content">Loading...</div>
+{{ $uniqueID := .Get "jsonKey" | urlize }} <!-- Generate a unique ID -->
+<div id="content-{{ $uniqueID }}">Loading...</div>
+
+{{ $contentPath := .Get "contentPath" }}
+{{ $jsonKey := .Get "jsonKey" }}
+{{ $fullURL := printf "%s%s" .Site.BaseURL $contentPath }}
 
 <script>
-  const url = '{{ .Get "url" }}';  // Get the URL from the shortcode parameter
+  const url = '{{ $fullURL }}';
+  const jsonKey = '{{ $jsonKey }}';
+  const uniqueID = '{{ $uniqueID }}';
 
-  fetch(url)  // Fetch the markdown content
+  fetch(url) // Fetch the JSON file
     .then(response => {
       if (!response.ok) {
-        throw new Error('Error fetching the markdown data');
+        throw new Error('Error fetching the JSON data');
       }
-      return response.text();
+      return response.json();
     })
-    .then(markdown => {
-      // Convert the markdown to HTML
+    .then(data => {
+      if (!data[jsonKey]) {
+        throw new Error(`Key "${jsonKey}" not found in the JSON data`);
+      }
+
+      // Extract the value for the key and convert the markdown to HTML
+      let markdown = data[jsonKey];
       let htmlContent = marked.parse(markdown);
 
-      // Inject the HTML into the content div
-      document.getElementById('content').innerHTML = htmlContent;
+      // Inject the HTML into the unique content div
+      document.getElementById(`content-${uniqueID}`).innerHTML = htmlContent;
     })
     .catch(error => {
-      document.getElementById('content').textContent = 'Error loading markdown content: ' + error.message;
+      document.getElementById(`content-${uniqueID}`).textContent = 'Error loading content: ' + error.message;
     });
 </script>