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: 'fulano@exemplo.com',
      customAnswers: {
        a1: 'Sim',
        a2: 'No escritório'
      }
    }
  });
</script

Substitua 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

<script
function 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
  }
});
</script

Inclua também este script:

<script src="https://assets.calendly.com/assets/external/widget.js"</script

Use primeiro e sobrenome separadamente

Se o seu evento coleta nome e sobrenome como campos separados, use:

prefill: {
  firstName: "Fulana",
  lastName: "de Tal",
  e-mail: "fulana@exemplo.com"
}

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.