Como pré-preencher as informações do convidado em uma incorporação
Se o seu site já coleta informações como nome ou e-mail, você pode passar esses dados a sua incorporação do Calendly. Isso economiza tempo dos usuários e cria uma experiência de reserva mais tranquila, preenchendo o formulário automaticamente.
Este guia mostra como usar a incorporação avançada do Calendly para pré-preencher automaticamente os detalhes do convidado.
Detalhes que você pode pré-preencher
O Calendly suporta o pré-preenchimento destes campos:
- Nome completo ou nome e sobrenome (se coletados separadamente)
- Endereço de e-mail
- Respostas de até 10 perguntas do convidado
- Campos personalizados (marcados como a1 a a10) usados nas perguntas do seu evento
Adicionar dados de pré-preenchimento a uma incorporação avançada
Para pré-preencher os dados do convidado, use a incorporação avançada de JavaScript (Calendly.initInlineWidget) e inclua o campo de pré-preenchimento.
Exemplo:
<div id="calendly-embed-element"</div<script src="https://assets.calendly.com/assets/external/widget.js"</script<script Calendly.initInlineWidget({ url: 'https://calendly.com/YOUR_USERNAME', parentElement: document.getElementById('calendly-embed-element'), prefill: { nome: 'Fulano de Tal', email: '[email protected]', customAnswers: { a1: 'Sim', a2: 'No escritório' } } });</scriptSubstitua YOUR_USERNAME pelo seu link atual do Calendly. Atualize os campos com as informações do seu convidado(a).
Pré-preencher automaticamente de um formulário personalizado ou URL
Se o seu site coleta dados de um formulário ou URL, use JavaScript para pegar esses dados e passá-los para a incorporação.
Exemplo: obter valores da URL
<scriptfunction getUrlVars() { const vars = {}; window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,k,v) { vars[k] = decodeURIComponent(v); }); return vars;}const nameValue = getUrlVars()["name"];const emailValue = getUrlVars()["email"];Calendly.initInlineWidget({ url: 'https://calendly.com/YOUR_USERNAME', parentElement: document.getElementById('calendly-embed-element'), prefill: { name: nameValue, email: emailValue }});</scriptInclua também este script:
<script src="https://assets.calendly.com/assets/external/widget.js"</scriptUse primeiro e sobrenome separadamente
Se o seu evento coleta nome e sobrenome como campos separados, use:
prefill: { firstName: "Fulana", lastName: "de Tal", e-mail: "[email protected]"}Preencher previamente respostas para perguntas personalizadas
Se o seu evento incluir perguntas para os convidados, elas serão rotuladas de a1 até a10. Use o objeto customAnswers para passar respostas.
Exemplo:
customAnswers: { a1: "Sim", a2: "Zoom", a3: "Sem restrições alimentares"}A ordem das suas perguntas no Calendly determina qual campo mapeia para cada rótulo.