From 35c5f3b7f2e7a6954c4d42fbb4055caf11f09840 Mon Sep 17 00:00:00 2001
From: trean <trean.mi@gmail.com>
Date: Wed, 30 Jul 2025 19:55:35 +0200
Subject: [PATCH] fallback text for hubspot form (#1823)

---
 .../content/edge-beta/edge-beta-form.md       |  6 ++++
 .../layouts/partials/edge-beta-form.html      | 29 +++++++++++++++++++
 2 files changed, 35 insertions(+)

diff --git a/qdrant-landing/content/edge-beta/edge-beta-form.md b/qdrant-landing/content/edge-beta/edge-beta-form.md
index 2279c4bdc..d77642919 100644
--- a/qdrant-landing/content/edge-beta/edge-beta-form.md
+++ b/qdrant-landing/content/edge-beta/edge-beta-form.md
@@ -9,6 +9,12 @@ form:
     "formId": "3adfb3a8-1c4b-4670-958f-325826039f7e",
     "submitButtonClass": "button button_contained",
   }'
+  fallback:
+    text: "There is a form here, but unfortunately it is blocked on your side. Please check your browser settings, or try with a different browser."
+    # browsers also block external forms, so check if content is available
+    # on the fallback page before showing the button
+    # buttonText: "Apply Now"
+    # link: https://share-eu1.hsforms.com/2Ot-zqBxLRnCVjzJYJgOffg2b46ng
 sitemapExclude: true
 ---
 
diff --git a/qdrant-landing/themes/qdrant-2024/layouts/partials/edge-beta-form.html b/qdrant-landing/themes/qdrant-2024/layouts/partials/edge-beta-form.html
index 70b1b469e..1bde5715b 100644
--- a/qdrant-landing/themes/qdrant-2024/layouts/partials/edge-beta-form.html
+++ b/qdrant-landing/themes/qdrant-2024/layouts/partials/edge-beta-form.html
@@ -8,6 +8,35 @@
       <div class="edge-beta-form__container">
         <div class="edge-beta-form__form-overlay"></div>
         <script src="https://js-eu1.hsforms.net/forms/embed/developer/139603372.js" defer></script>
+
+        <script>
+          // shows a fallback content if HubSpot forms library is not loaded
+          // what can happen if the user has trackers blocking policy turned on
+          document.addEventListener('DOMContentLoaded', function () {
+            if (typeof hbspt === 'undefined' || !hbspt.forms) {
+              const fallbackButtonContainer = document.createElement('div');
+              fallbackButtonContainer.className = 'd-flex flex-column align-content-center px-5 py-5';
+              const fallbackText = document.createElement('p');
+              fallbackText.className = 'text-white text-center mb-4';
+              fallbackText.innerHTML = {{- .Params.form.fallback.text -}};
+              fallbackButtonContainer.appendChild(fallbackText);
+
+              // Create a fallback button only if the link is provided
+              // warning: check if content via the link is not blocked as well
+              {{ if .Params.form.fallback.link }}
+              const fallbackButton = document.createElement('a');
+              fallbackButton.href = {{- .Params.form.fallback.link -}};
+              fallbackButton.target = '_blank';
+              fallbackButton.className = 'button button_contained button_lg';
+              fallbackButton.textContent = {{- .Params.form.fallback.buttonText -}};
+              fallbackButtonContainer.appendChild(fallbackButton);
+              {{ end }}
+
+              document.getElementsByClassName("edge-beta-form__container")[0].appendChild(fallbackButtonContainer);
+            }
+          });
+        </script>
+
         <div class="hs-form-html" data-region="eu1" data-form-id="3adfb3a8-1c4b-4670-958f-325826039f7e" data-portal-id="139603372"></div>
       </div>
     </div>