diff --git a/static/idaa_novi_iframe_jitsi_reports.html b/static/idaa_novi_iframe_jitsi_reports.html
new file mode 100644
index 00000000..92560e12
--- /dev/null
+++ b/static/idaa_novi_iframe_jitsi_reports.html
@@ -0,0 +1,126 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>IDAA Novi Jitsi Reports iframe Example Template Page</title>
+    </head>
+    <body>
+
+<!-- README: This is an example template page for embedding the IDAA Jitsi Reports iframe in the IDAA Novi site. Copy the code below to use it in your own page(s). -->
+
+<!-- START: Copy below this point -->
+<!-- IMPORTANT: The <p> and <script> elements below are for using in an iframe in the IDAA Novi site. -->
+<!-- IDAA OSIT iframe container element for Novi - Archives iframe -->
+<p>
+    <iframe
+        width="100%"
+        height="750"
+        id="ae_idaa_jitsi_reports_iframe"
+        src=""
+        style="min-height: 600px; max-height: 100%"
+        class="ae_idaa_iframe"
+    ></iframe>
+</p>
+<!-- IDAA and Novi specific JavaScript to get current Novi user info and load Jitsi Reports iframe -->
+<script>
+    // NOTE: The Novi UUID for the current user — injected server-side by Novi.
+    // This is the only identity value passed to the iframe. Identity verification
+    // is handled securely by the OSIT server — do not add email or name here.
+    let novi_customer_uid = '<%=Novi.User.CustomerUniqueId%>';
+    console.log(`Novi's Current User's ID: ${novi_customer_uid}`);
+
+    // WARNING: Do *not* use relative paths here. They must be direct to the site OSIT is hosting for IDAA.
+    let idaa_osit_ae_api_root_url = 'https://dev-idaa.oneskyit.com/idaa/jitsi_reports'; // NOTE: DO NOT CHANGE THIS VALUE
+    // Example URLs: 'https://sk-idaa.oneskyit.com/idaa/jitsi_reports' OR 'https://dev-idaa.oneskyit.com/idaa/jitsi_reports'
+
+    // WARNING: Do *not* change this value. It is required for access control to the IDAA AE API.
+    let idaa_osit_ae_site_key = 'restricted-access'; // DO NOT CHANGE THIS VALUE
+
+    let idaa_ae_params = new URLSearchParams(document.location.search);
+    let idaa_ae_slct_archive_id = idaa_ae_params.get('archive_id');
+
+    let idaa_ae_iframe_height = null;
+
+    let idaa_ae_iframe_element = document.getElementById('ae_idaa_jitsi_reports_iframe');
+
+    if (idaa_ae_slct_archive_id) {
+        idaa_ae_iframe_element.src = `${idaa_osit_ae_api_root_url}/${idaa_ae_slct_archive_id}?uuid=${novi_customer_uid}&iframe=true&key=${idaa_osit_ae_site_key}`;
+    } else {
+        idaa_ae_iframe_element.src = `${idaa_osit_ae_api_root_url}?uuid=${novi_customer_uid}&iframe=true&key=${idaa_osit_ae_site_key}`;
+    }
+
+    // NOTE: This listener handles messages sent from the IDAA iframe back to this parent page.
+    // It adjusts the iframe height dynamically, scrolls the page when navigation occurs inside
+    // the iframe, and keeps the browser URL in sync with navigation inside the iframe.
+    window.addEventListener('message', function (event) {
+        if (event.data) {
+            if (event.data.iframe_height) {
+                idaa_ae_iframe_height = event.data.iframe_height;
+
+                let idaa_ae_iframe_element =
+                    document.getElementById('ae_idaa_jitsi_reports_iframe');
+                idaa_ae_iframe_element.style.height = `${idaa_ae_iframe_height + 50}px`;
+            }
+
+            if (event.data.scroll_to !== undefined) {
+                console.log(`Got scroll_to: ${event.data.scroll_to}`);
+
+                let idaa_ae_iframe_element = document.getElementById('ae_idaa_jitsi_reports_iframe');
+                if (idaa_ae_iframe_element) {
+                    // NOTE: Scroll to the top of the iframe element, not the absolute page top.
+                    // The iframe is embedded below Novi's own header and navigation, so
+                    // scrolling to (0, 0) would show the Novi site header instead of the iframe.
+                    let idaa_ae_iframe_top = window.pageYOffset + idaa_ae_iframe_element.getBoundingClientRect().top;
+                    console.log(`Scrolling to iframe top: ${idaa_ae_iframe_top}px`);
+                    window.scrollTo({
+                        top: Math.max(0, idaa_ae_iframe_top - 20),
+                        left: 0,
+                        behavior: 'smooth'
+                    });
+                } else {
+                    console.warn(`Element with ID "ae_idaa_jitsi_reports_iframe" not found.`);
+                }
+            }
+
+            /*
+            const url = new URL(location);
+
+            // Check if archive_id is defined in the message
+            if (event.data.archive_id !== undefined) {
+                console.log(`Got AE Jitsi Report ID: ${event.data.archive_id}`);
+                idaa_ae_slct_archive_id = event.data.archive_id;
+
+                if (event.data.archive_id) {
+                    url.searchParams.set('archive_id', event.data.archive_id);
+                } else {
+                    url.searchParams.delete('archive_id');
+                }
+                history.pushState({}, '', url);
+            }
+
+            // Check if archive_content_id is defined in the message
+            if (event.data.archive_content_id !== undefined) {
+                console.log(`Got AE Jitsi Report Content ID: ${event.data.archive_content_id}`);
+                idaa_ae_slct_archive_content_id = event.data.archive_content_id;
+
+                if (event.data.archive_content_id) {
+                    url.searchParams.set(
+                        'archive_content_id',
+                        event.data.archive_content_id
+                    );
+                } else {
+                    url.searchParams.delete('archive_content_id');
+                }
+                history.pushState({}, '', url);
+            }
+            */
+        } else {
+            console.log(`No data in message? ${event}`);
+        }
+    });
+</script>
+<!-- STOP: Do not copy below this point -->
+
+    </body>
+</html>
