Solucionar problemas de roteamento a partir de formulários do HubSpot
Está tendo problemas com o roteamento do Calendly e os formulários do HubSpot? Este guia mostra problemas comuns e como corrigi-los.
O formulário do HubSpot redireciona para uma página de "Agradecimento" ao invés da página de agendamento
Se o seu formulário do HubSpot não redireciona os convidados para a página do Calendly, verifique que tipo de editor de formulário você está usando no HubSpot.
O Calendly não suporta o editor de formulários de várias etapas do HubSpot. Suportamos apenas formulários criados usando o editor de formulários legado do HubSpot.
Solução de problemas de formulários do HubSpot e do Wix
O script de encaminhamento do Calendly não funciona no Wix
Se nada acontecer depois de colar o script de encaminhamento no seu site Wix, verifique o seguinte:
- Certifique-se de estar usando a versão paga do Wix. A versão gratuita não permite código personalizado fora de um iframe.
- Cole o seguinte código na seção Código Personalizado/Corpo-início em Configurações:
<!-- Início do widget do Calendly -->
<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>
<!-- Fim do widget do Calendly →Os convidados fecham a janela pop-up e não retornam ao formulário
Se alguém fechar a janela pop-up do Calendly antes de agendar, você pode redirecioná-lo de volta para uma página de sua escolha.
- Adicione este código de redirecionamento à sua página:
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 });- Substitua o link do Calendly pela sua página de redirecionamento preferida.
- Encontre a linha Calendly.Calendly.initHubSpotForm({ url: ... }) e adicione este código:
<!-- Começo do código de formulário de encaminhamento do Calendly -->
<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:"..." })
<Adicione o trecho de código aqui>
});
</script>
<!-- Fim do código de formulário de encaminhamento do Calendly -->