diff --git a/layouts/shortcodes/download-data.html b/layouts/shortcodes/download-data.html
new file mode 100644
index 0000000..afdb618
--- /dev/null
+++ b/layouts/shortcodes/download-data.html
@@ -0,0 +1,21 @@
+<button class="download-button" onclick="downloadFile('{{ .Get "src" }}', '{{ .Get "name" }}')">
+  Download
+</button>
+
+<script>
+  async function downloadFile(url, name) {
+    try {
+      const response = await fetch(url);
+      const blob = await response.blob();
+      const link = document.createElement('a');
+      link.href = URL.createObjectURL(blob);
+      link.download = name;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    } catch (error) {
+      console.error('Error downloading the file:', error);
+    }
+  }
+</script>
+