Dépannage de l'acheminement des formulaires HubSpot

Vous avez des problèmes avec le routage Calendly et les formulaires HubSpot ? Ce guide explique les problèmes courants et comment les résoudre.

Le formulaire HubSpot redirige vers une page de remerciement au lieu de la page de réservation 

Si votre formulaire HubSpot n'amène pas les participants à la page Calendly, vérifiez le type d'éditeur de formulaire que vous utilisez dans HubSpot.

Calendly ne prend pas en charge l'éditeur HubSpot de formulaires à plusieurs étapes. Nous ne prenons en charge que les formulaires créés à l'aide de l'ancien éditeur de formulaires HubSpot.

Dépannage des formulaires HubSpot et Wix

Le script d'acheminement Calendly ne fonctionne pas sur Wix

Si rien ne se passe après avoir collé le script d'acheminement sur votre site Wix, vérifiez les éléments suivants :

1. Assurez-vous d'utiliser la version payante de Wix. La version gratuite n'autorise pas de code personnalisé en dehors d'un iframe.
2. Collez le code suivant dans la section Code personnalisé/Body-start dans Paramètres:

<!-- Calendly inline widget begin -->
<link href="https​:​//assets-​staging.ca​lendly.com​/assets/ex​ternal/wid​get.css" rel="stylesheet">
<script type="text/javascript" src="https​:​//assets-​staging.ca​lendly.com​/assets/ex​ternal/for​ms.js" async></script>
<!-- Calendly inline widget end →

Les invités ferment la fenêtre contextuelle et ne retournent pas au formulaire

Si quelqu'un ferme la fenêtre contextuelle de Calendly avant de réserver, vous pouvez le rediriger vers une page de votre choix.

1. Ajoutez cet extrait de redirection à votre page :

constcallback = (mutationList, observer) => {
for (constmutationofmutationList) {
if (mutation.type === 'childList') {
mutation.removedNodes.forEach((removedNode) => {
if (removedNode.className === 'calendly-overlay') {
window.open('https​:​//calendl​y.com', '_self')
      }
    })
  }
}
};
 constobserver = newMutationObserver(callback);
observer.observe(document.getElementsByTagName('body')[0], { childList:true });

1. Remplacez l'URL Calendly par votre page de redirection préférée.
2. Recherchez la ligne Calendly.Calendly.initHubSpotForm({ url: ... }) et ajoutez ce code :

<!-- Calendly routing form code begin -->
<linkhref="https​:​//calendl​y.com/asse​ts/externa​l/widget.c​ss"rel="stylesheet">
<scriptsrc="https​:​//calendl​y.com/asse​ts/externa​l/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 -->