Hmm… there was supposed to be a form here.
-- It might be blocked by your browser or privacy settings. Try - , - adjusting your privacy settings, or switching browsers to continue. -
+Unable to load HubSpot content.
`; element.parentNode.insertBefore(errorSection, element.nextSibling); } } + +function loadHubSpotFormsScript () { + if (window.hbspt?.forms?.create) { + return Promise.resolve(window.hbspt) + } + + if (window._ffHubSpotFormsPromise) { + return window._ffHubSpotFormsPromise + } + + window._ffHubSpotFormsPromise = new Promise((resolve, reject) => { + const existing = document.getElementById('ff-hs-forms-script') + + if (existing) { + existing.addEventListener('load', () => resolve(window.hbspt), { once: true }) + existing.addEventListener('error', () => reject(new Error('HubSpot forms script failed to load')), { once: true }) + return + } + + const script = document.createElement('script') + script.id = 'ff-hs-forms-script' + script.async = true + script.charset = 'utf-8' + script.src = 'https://js-eu1.hsforms.net/forms/embed/v2.js' + script.onload = () => resolve(window.hbspt) + script.onerror = () => reject(new Error('HubSpot forms script failed to load')) + document.head.appendChild(script) + }).catch((err) => { + window._ffHubSpotFormsPromise = null + throw err + }) + + return window._ffHubSpotFormsPromise +} + +function ffCreateHubSpotForm (config) { + if (!config || !config.formId) { + return + } + + const targetElement = config.target ? document.querySelector(config.target) : null + const fallbackElement = config.fallbackSelector ? document.querySelector(config.fallbackSelector) : null + if (config.target && !targetElement) { + return + } + + if (targetElement?.dataset.ffHsFormLoaded === 'true') { + return + } + + if (targetElement && targetElement.querySelector('iframe, form, .hbspt-form')) { + targetElement.dataset.ffHsFormLoaded = 'true' + return + } + + loadHubSpotFormsScript().then(() => { + if (!window.hbspt?.forms?.create) { + if (fallbackElement) { + fallbackElement.classList.remove('hidden') + } else if (targetElement) { + hsFallback(targetElement) + } + return + } + // Keep local helper-only keys out of HubSpot's context object. + const { fallbackSelector, ...hubspotConfig } = config + window.hbspt.forms.create(hubspotConfig) + if (targetElement) { + targetElement.dataset.ffHsFormLoaded = 'true' + } + if (fallbackElement) { + fallbackElement.classList.add('hidden') + } + }).catch(() => { + if (fallbackElement) { + fallbackElement.classList.remove('hidden') + } else if (targetElement) { + hsFallback(targetElement) + } + }) +} + +window.ffCreateHubSpotForm = ffCreateHubSpotForm diff --git a/src/_includes/blog/blog-posts.njk b/src/_includes/blog/blog-posts.njk index 888399299f..bea923b004 100644 --- a/src/_includes/blog/blog-posts.njk +++ b/src/_includes/blog/blog-posts.njk @@ -31,7 +31,11 @@Enable cookies to book a meeting
-To load the booking calendar, please accept Analytics cookies.
-- -
-