Having trouble with Calendly routing and HubSpot forms? This guide shows common issues and how to fix them.
HubSpot form redirects to a "Thank you" page instead of the booking page
If your HubSpot form doesn’t take invitees to the Calendly page, check which type of form editor you’re using in HubSpot.
Calendly doesn't support the HubSpot multi-step form editor. We only support forms built using the HubSpot legacy form editor.
Troubleshooting HubSpot forms and Wix
Calendly routing script doesn’t work on Wix
If nothing happens after pasting the routing script on your Wix site, check the following:
- Make sure you’re using the paid version of Wix. The free version doesn’t allow custom code outside an iframe.
- Paste the following code in the Custom Code/Body-start section in Settings:
<!-- Calendly inline widget begin -->
<link href="https://assets-staging.calendly.com/assets/external/widget.css" rel="stylesheet">
<script type="text/javascript" src="https://assets-staging.calendly.com/assets/external/forms.js" async></script>
<!-- Calendly inline widget end →Invitees close the popup and don’t return to the form
If someone closes the Calendly popup before booking, you can redirect them back to a page of your choice.
- Add this redirect snippet to your page:
constcallback = (mutationList, observer) => {
for (constmutationofmutationList) {
if (mutation.type === 'childList') {
mutation.removedNodes.forEach((removedNode) => {
if (removedNode.className === 'calendly-overlay') {
window.open('https://calendly.com', '_self')
}
})
}
}
};
constobserver = newMutationObserver(callback);
observer.observe(document.getElementsByTagName('body')[0], { childList:true });- Replace the Calendly URL with your preferred redirect page.
- Find the line Calendly.Calendly.initHubSpotForm({ url: ... }) and add this code:
<!-- Calendly routing form code begin -->
<linkhref="https://calendly.com/assets/external/widget.css"rel="stylesheet">
<scriptsrc="https://calendly.com/assets/external/forms.js"type="text/javascript"async></script>
<scripttype="text/javascript">
window.addEventListener('load', () => {
Calendly.initHubSpotForm({ url:"..." })
<Add the code snippet here>
});
</script>
<!-- Calendly routing form code end -->Need Support? We've got you covered!
Every paid subscription includes Calendly Standard Support. However, only owners and authorized admins from your company can make certain account requests. Log in to Calendly and navigate to the Help section where you can:
- Browse our Help Center collection of knowledge.
- Join our Calendly Community to search, share, and connect with other Calendly users.
- Chat with us to receive real-time help.