CINXE.COM

Form

<!DOCTYPE html><html lang="en"><head><meta charSet="UTF-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><link rel="preconnect" href="https://static.hsappstatic.net" crossorigin="anonymous"/><title>Form</title><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="robots" content="noindex, nofollow"/><meta name="googlebot" content="noindex"/><link rel="dns-prefetch" href="https://fonts.gstatic.com"/><style>body{margin:0;background:#f4f8fa}.container{display:none;width:800px;margin:0 auto;margin-top:30px}.skip-to-form{left:-9999px;position:absolute}@media only screen and (max-width:800px){.container{width:100%}}.container.error,.container.loaded{display:block}.container.loaded{background:#fff;box-shadow:0 4px 8px 0 rgba(53,105,128,.3),0 6px 20px 0 rgba(165,200,213,.41)}#form-target{padding:40px}.hs-form_free.hs-form__thankyou-message{font-size:38px;text-align:center}.hs-form_free.hs-form__thankyou-message .hs-form__virality__link{font-size:18px;margin-top:240px;line-height:60px}.hs-form_free.hs-form__thankyou-message .hs-form__virality__link__sproket{width:60px;height:60px}.hs-form_free.hs-form__thankyou-message:before{display:block;content:url(https://js.hsformsqa.net/success-green.svg);width:130px;height:201px;padding-top:28px;margin:0 auto}</style><script> var isQa = false; window.hsFormsOnReady = []; window._hsq = window._hsq || []; window.disabledHsPopups = ['ADS', 'LEADFLOW', 'LIVE_CHAT', 'FEEDBACK', 'CALLS_TO_ACTION']; window.isQa = isQa; window.isLocal = window.location.hostname.split('.')[0] === 'local'; </script><script> (function (isQa, isLocal) { var getHubletSuffixFromUrl = function () { var host = window.location.hostname; return host.indexOf('-') !== -1 ? host.split('.')[0].substring(host.indexOf('-')) : ''; }; var protocol = 'https://'; var hubletSuffix = getHubletSuffixFromUrl(); var qaSuffix = isQa ? 'qa' : ''; var domainBuilders = { 'js.hsforms.net': function () { return protocol + 'js' + hubletSuffix + '.hsforms' + qaSuffix + '.net'; }, 'forms.hsforms.com': function () { return protocol + 'forms' + hubletSuffix + '.hsforms' + qaSuffix + '.com'; }, 'js.hs-scripts.com': function () { return protocol + 'js' + hubletSuffix + '.hs-scripts' + qaSuffix + '.com'; }, 'api.hubspot.com': function () { return protocol + 'api' + hubletSuffix + '.hubspot' + qaSuffix + '.com'; }, 'local.hsformsqa.com': function () { return 'https://local.hsappstatic.net/forms-embed/static/bundles/project-v3.js' } }; window.apiHubspotUrl = domainBuilders['api.hubspot.com'](); window.formsHsFormsUrl = domainBuilders['forms.hsforms.com'](); window.jsHsFormsUrl = domainBuilders[ isLocal ? 'local.hsformsqa.com' : 'js.hsforms.net'](); window.jsHsScriptsUrl = domainBuilders['js.hs-scripts.com'](); })(window.isQa, window.isLocal); </script><script> (function (jsHsFormsUrl, formsHsFormsUrl, isLocal) { var dnsPrefetchJs = document.createElement('link'); var dnsPrefetchForms = document.createElement('link'); var preconnectJs = document.createElement('link'); var preconnectForms = document.createElement('link'); var scriptJs = document.createElement('script'); var hsVersion = (window.location.search.match(/[?&]{1}_hsVersion=([^&#]*)/) || [])[1] || 'v3'; dnsPrefetchJs.rel = 'dns-prefetch'; dnsPrefetchForms.rel = 'dns-prefetch'; preconnectJs.rel = 'preconnect'; preconnectForms.rel = 'preconnect'; dnsPrefetchJs.href = jsHsFormsUrl; preconnectJs.href = jsHsFormsUrl; dnsPrefetchForms.href = formsHsFormsUrl; preconnectForms.href = formsHsFormsUrl; scriptJs.type = 'text/javascript'; scriptJs.src = isLocal ? jsHsFormsUrl : jsHsFormsUrl + '/forms/embed/' + hsVersion + '.js'; scriptJs.async = true; scriptJs.defer = true; document.head.appendChild(dnsPrefetchJs); document.head.appendChild(dnsPrefetchForms); document.head.appendChild(preconnectJs); document.head.appendChild(preconnectForms); document.head.appendChild(scriptJs); })(window.jsHsFormsUrl, window.formsHsFormsUrl, window.isLocal); </script><script> (function () { function isSupportedBrowser() { return ( typeof window.WeakMap === 'function' && typeof window.requestAnimationFrame === 'function' ); } function setUrlQueryParamSupportedBrowser() { var url; var separator; var urlToGoTo; var hasHref = Object.prototype.hasOwnProperty.call(window.location, 'href'); var supportedBrowser = isSupportedBrowser(); if (!supportedBrowser) { if (hasHref) { url = window.location.href; } else { url = window.location; } if (url.indexOf('isSupportedBrowser') === -1) { separator = url.indexOf('?') === -1 ? '?' : '&'; urlToGoTo = url + separator + 'isSupportedBrowser=' + supportedBrowser; if (supportedBrowser === false) { if (hasHref) { window.location.href = urlToGoTo; } else { window.location = urlToGoTo; } } } } } setUrlQueryParamSupportedBrowser(); })(); </script><script>window.hs_RequestParams = {}</script><script> /* This parses the portalId and the formId from the hash in the url and then makes the request for form embed response. Make sure to minify when making changes npx uglify-js --compress --mangle -o <RESULT_PATH> <PATH_TO_THIS_FILE> */ (function (RequestParams) { var LEGACY_UUID_IDENTIFIER = '-'; var BYTE_TO_HEX_MAP = []; var BASE64_URL_SAFE_MAP = [ ['+', '-'], ['/', '_'], ]; var requestObj; function generateHexMap() { var result = []; var index; for (index = 0; index < 256; index++) { result.push((index + 0x100).toString(16).substr(1)); } return result; } BYTE_TO_HEX_MAP = generateHexMap(); function base64ToArrayBuffer(base64) { var binaryString = window.atob(base64); var result = []; var index; for (index = 0; index < binaryString.length; index++) { result.push(binaryString.charCodeAt(index)); } return new window.Uint8Array(result); } function getVersionFromSymbol(symbol) { return ( parseInt(symbol, 36) + (isNaN(symbol * 1) && symbol === symbol.toUpperCase() ? 26 : 0) ); } function bytesToUuid(buf, offset) { var i = offset || 0; return [ BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], '-', BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], '-', BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], '-', BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], '-', BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], BYTE_TO_HEX_MAP[buf[i++]], ].join(''); } function unescapeBase64(b64) { return BASE64_URL_SAFE_MAP.reduce(function (t, v) { return t.split('').map(c => c === v[1] ? v[0] : c).join(''); }, b64); } function B64ToUuid(b64) { return bytesToUuid(base64ToArrayBuffer(b64)); } function decodeFormToken(encodedString) { var legacyUuid = encodedString.charAt(0) === LEGACY_UUID_IDENTIFIER; var offset = legacyUuid ? 2 : 1; var formGuid = B64ToUuid( unescapeBase64(encodedString.substring(offset, 22 + offset)) ); return { formId: legacyUuid ? formGuid.replace(/-/g, '') : formGuid, portalId: parseInt(encodedString.substring(22 + offset), 36), version: getVersionFromSymbol(encodedString.charAt(offset - 1)), }; } function getHubletFromUrl() { var subdomain = window.location.hostname.split('.')[0]; var hublet = subdomain.split('-')[1]; return hublet || ''; } function getPathParams() { var pathParams = window.location.pathname.split('/'); return pathParams.filter(function (param) { return param !== '' && param.indexOf('test-') === -1; }); } function parseRequestParamsFromUrl() { var pathParams = getPathParams(); var token = pathParams[0]; var isPortalAndFormUrl = pathParams.length === 2; var requestParams; if (isPortalAndFormUrl) { return { region: getHubletFromUrl(), portalId: pathParams[0], formId: pathParams[1], }; } requestParams = decodeFormToken(token); requestParams.region = getHubletFromUrl(); return requestParams; } // Get Form request params hash from url requestObj = parseRequestParamsFromUrl(); // Set to global RequestParams.portalId = requestObj.portalId; RequestParams.formId = requestObj.formId; RequestParams.region = requestObj.region; RequestParams.version = requestObj.version; })(window.hs_RequestParams); </script><script> (function (requestParams, formsReadyQueue, isQa) { var context; var create; var instance; const versionMap = new Map([[1, "1.0"], [2, "2.0"]]) const { url, formId, portalId, region, version } = requestParams context = { embedDefinitionUrl: url, formId: formId, portalId: portalId, region: region, target: '#form-target', ...(version && versionMap.get(version) && { __INTERNAL__CONTEXT: { editorVersion: versionMap.get(version) } }), }; if (isQa) { context['env'] = 'qa'; } function updateHtmlLang() { var form = document.querySelector('.hs-form-' + context.formId); var formLang = form.lang; if (formLang) { document.documentElement.setAttribute('lang', formLang); } } function scrollToTop() { try { window.scrollTo({ top: 0, behavior: 'smooth' }); } catch (e) { window.scrollTo(0, 0); } } create = function () { instance = window.hbspt.forms.create(context); instance.on('onFormReady', updateHtmlLang); instance.on('onPageChange', scrollToTop); window.HubSpotForms.currentForm = instance; }; formsReadyQueue.push(create); })(window.hs_RequestParams, window.hsFormsOnReady, window.isQa); </script><script type="text/javascript" src="//static.hsappstatic.net/forms-submission-pages/static-1.5335/bundles/share-legacy.js" crossorigin="anonymous" defer=""></script><meta name="author" content="HubSpot, Inc."/><link rel="apple-touch-icon" sizes="180x180" href="//static.hsappstatic.net/StyleGuideUI/static-3.409/img/sprocket/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="//static.hsappstatic.net/StyleGuideUI/static-3.409/img/sprocket/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="//static.hsappstatic.net/StyleGuideUI/static-3.409/img/sprocket/favicon-16x16.png"/><link rel="mask-icon" href="//static.hsappstatic.net/StyleGuideUI/static-3.409/img/sprocket/safari-pinned-tab.svg" color="#FF7A59"/><meta name="msapplication-TileColor" content="#2b5797"/></head><body><a class="skip-to-form" href="#main">Skip to form</a><main id="main"><div class="container"><div id="form-target"></div></div></main><script> (function (requestParams, jsHsScriptsUrl) { var script = document.createElement('script'); var shouldSkipScriptLoader; var regex; var results; function getParameterByName(name, url) { if (!url) { url = window.location.href; } name = name.replace(/[[]]/g, '$&'); regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'); results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\+/g, ' ')); } shouldSkipScriptLoader = getParameterByName('hs_skipScriptLoader'); if (!shouldSkipScriptLoader) { script.type = 'text/javascript'; script.id = 'hs-script-loader'; script.async = true; script.defer = true; script.src = jsHsScriptsUrl + '/' + requestParams.portalId + '.js'; document.body.appendChild(script); } })(window.hs_RequestParams, window.jsHsScriptsUrl); </script></body></html>

Pages： 1 2 3 4 5 6 7 8 9 10