Agenda: páginas de agendamento

#Como a Agenda funciona

A Agenda fica no menu lateral, em Engajamento. Ela tem quatro abas:

Cada página vira um endereço /agendar/<endereço> na sua instalação, por exemplo https://app.seudominio.com.br/agendar/diagnostico. Quem abre o link não precisa de conta: escolhe um horário e pronto. Os horários oferecidos já descontam a semana de atendimento, os bloqueios, os outros agendamentos do anfitrião e, se ele conectou, os compromissos do Google Agenda.

1234

1. 1Nova página
2. 2Ligar ou desligar
3. 3Copiar o link
4. 4Abrir, duplicar ou apagar

#Antes de começar

• Criar e editar páginas é para o dono, os administradores e quem tem acesso a Automações ou Configurações. Os outros membros veem as páginas com o botão Ver, em modo só leitura.
• Cada anfitrião usa o próprio horário de atendimento. O padrão é de segunda a sexta, das 9h às 18h, no fuso do projeto. Ajuste em Agenda > Disponibilidade.
• Para o local Google Meet, o anfitrião precisa conectar o Google Agenda dele. Sem isso, o agendamento sai normalmente, só que sem link do Meet.

#Criar uma página

1. 1

   Abra a aba Páginas

   No menu lateral, clique em Agenda e abra a aba Páginas. Clique em Nova página. Se ainda não existe nenhuma, o botão é Criar minha primeira página.

2. 2

   Comece pelo modelo

   A página nova já vem preenchida: 30 minutos no Google Meet, três perguntas (nome, WhatsApp e e-mail, este opcional) e você como anfitrião. A primeira página do projeto se chama Call de diagnóstico; as seguintes começam como Nova página. Troque o que precisar.

   1234

   1. 1Seções do editor
   2. 2Ligada ou desligada
   3. 3Salvar (ou Criar página)
   4. 4Prévia ao vivo

3. 3

   Preencha o Básico

   Em Nome da página, escreva o que aparece no topo. Em Endereço, ajuste o final do link: de 3 a 60 letras minúsculas, números e hífens. O ZapFlow confere na hora e mostra Livre quando o endereço está disponível. Escolha a Duração (de 15 minutos a 1 h 30 min, ou Outra, de 5 a 720 minutos) e o Local.

4. 4

   Escolha quem atende

   Na seção Anfitriões, marque as pessoas da equipe que atendem esta página e como elas dividem os agendamentos (detalhes abaixo).

5. 5

   Ajuste o resto, se quiser

   Regras, Perguntas, Layout, Visual e Confirmação já vêm com um padrão que funciona. As perguntas têm um artigo só delas: Quiz com caminhos.

6. 6

   Crie a página

   Clique em Criar página, no topo do editor. A partir daí, o link fica em Compartilhar e o botão vira Salvar. Também dá para salvar com Ctrl + S (⌘ + S no Mac).

#O editor da página

As seções ficam na coluna da esquerda. Clique numa delas para ir direto. Se uma seção tem campo com problema, ela ganha a marca erro, e o salvar leva você até ela.

A Prévia mostra a página do jeito que o lead vai ver, com horários de exemplo, e muda enquanto você edita. Dá para responder as perguntas nela e ver o caminho. Alterne entre Computador e Celular. Em telas menores, a prévia aparece dentro da seção Visual.

#Local da reunião

Com Google Meet, se algum anfitrião ainda não conectou o Google, o editor avisa: os agendamentos com essa pessoa saem sem link do Meet.

#Anfitriões e distribuição

Marque cada pessoa que atende esta página. Ao lado do nome aparece Google conectado ou Sem Google.

Com mais de um anfitrião, escolha:

• Revezar entre eles: o horário aparece se qualquer um deles estiver livre. O agendamento fica com quem já atende o contato; se não for o caso, com quem tem menos reuniões nos próximos 14 dias.
• Sempre o principal: só o primeiro da lista atende. Os outros ficam de reserva. Use Tornar principal para trocar quem é o primeiro.

Se um anfitrião sai do projeto, a seção avisa Um anfitrião desta página não está mais no projeto. Clique em Tirar.

#Regras

#Layout: como perguntas e horários aparecem

• Sem perguntas, os três layouts mostram só a agenda.
• Com Horário primeiro, perguntas depois, desqualificar quer dizer não marcar e mostrar a mensagem. Nesse layout o quiz não pode mandar para a agenda de outra página.

#Visual

1

1. 1Cores prontas

• Cores prontas: ZapFlow (o padrão: fundo verde e cartão creme), Noite, Oceano, Vinho, Grafite e Areia.
• Fundo, Cartão, Botões e Texto: as cores uma a uma, no seletor ou em código #RRGGBB. Mexeu numa delas, a página passa a usar Cores livres.
• Em Fundo, escolha Degradê suave ou Cor sólida.
• Logo (link https): o endereço de uma imagem que começa com https://. Vazio, vale o logo da instalação.
• Título no cartão: vazio, vale o nome da página.
• Mostrar quem atende: foto e nome do anfitrião no topo da página.
• Esconder o rodapé da plataforma: tira o "Agendamento por ..." do fim da página.

#Confirmação

Depois de marcar, a pessoa vê a tela de confirmação com data, hora, fuso, quem vai atender e o local (com o botão Entrar na reunião quando há link). Ela também tem os botões Google Agenda e Apple ou Outlook (.ics) para salvar o horário, e os links Remarcar e Cancelar quando a página permite.

Na seção Confirmação, você acrescenta:

• Mensagem (opcional): um texto embaixo dos dados do horário.
• Levar para um link depois de marcar: a pessoa vê a confirmação e é levada para o link 3 segundos depois.
• Botão (opcional) e Link do botão: por exemplo, Entrar no grupo.

#Compartilhar o link

Na seção Compartilhar (aparece depois de criar a página):

• Link da página: copie e mande no WhatsApp, no Instagram, num anúncio. O botão ao lado abre a página numa aba nova.
• No seu site: o código para colocar a agenda numa página do seu site. Veja Colocar a agenda no seu site.
• Nos fluxos: a variável {{booking_link.<endereço>}}. Numa mensagem de qualquer fluxo, ela vira o link desta página já com o contato reconhecido: o agendamento cai no contato certo, e nome e e-mail já vêm preenchidos. Veja Agenda nos fluxos.
• Criar fluxo de confirmação e lembretes: monta um fluxo pronto com o gatilho desta página. Veja Agenda nos fluxos.

Na lista de páginas, o botão de copiar do cartão também copia o link, e o menu ... tem Abrir a página, Copiar link, Duplicar e Apagar.

#Colocar a agenda no seu site

Em Compartilhar, o campo No seu site tem três jeitos de colocar a página no seu site. Escolha um, clique em copiar e cole o código num bloco de HTML do site (WordPress, Elementor, Webflow, landing page própria).

<div data-zapflow-agenda="https://seu-zapflow/agendar/sua-pagina"></div>
<script src="https://seu-zapflow/agenda-embed.js" async></script>

<button type="button" data-zapflow-agenda-popup="https://seu-zapflow/agendar/sua-pagina">Agendar horário</button>
<script src="https://seu-zapflow/agenda-embed.js" async></script>

Copie o código pelo botão da tela: ele já vem com o endereço certo da sua página.

window.addEventListener('zapflow:booking', (e) => {
  if (e.detail.event === 'booked') { /* conversão */ }
})

Mesmo incorporada, a página só funciona com a etiqueta Ligada.

#Como saber se deu certo

• No cartão da página, a etiqueta está em Ligada.
• Abra o link numa janela anônima do navegador: a página aparece com as cores e as perguntas que você definiu, e os horários livres batem com a semana do anfitrião.
• Marque um horário de teste. Ele aparece em Agenda > Agendamentos, com as respostas, e o contato aparece em Contatos.

#Se algo der errado

#Perguntas frequentes