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 :
- Assurez-vous d'utiliser la version payante de Wix. La version gratuite n'autorise pas de code personnalisé en dehors d'un iframe.
- Collez le code suivant dans la section Code personnalisé/Body-start dans Paramètres:
<!-- 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 →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.
- 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://calendly.com', '_self') } }) }}}; constobserver = newMutationObserver(callback);observer.observe(document.getElementsByTagName('body')[0], { childList:true });- Remplacez l'URL Calendly par votre page de redirection préférée.
- Recherchez la ligne Calendly.Calendly.initHubSpotForm({ url: ... }) et ajoutez ce 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 -->Besoin d'aide ? Nous avons tout ce dont vous avez besoin !
Chaque abonnement payant comprend l'assistance standard de Calendly. Cependant, seuls les propriétaires et les administrateurs autorisés de votre entreprise peuvent faire certaines demandes de compte. Connectez-vous à Calendly et accédez à la section d'aide où vous pouvez :
- Parcourez notre collection de connaissance du Centre d'aide.
- Rejoignez notre communauté Calendly pour rechercher, partager et communiquer avec d'autres utilisateurs Calendly.
- Discuter avec nous pour recevoir de l'aide en temps réel.