# Página de agendamento compartilhável Cada tipo de evento pode ter sua própria página de agendamento pública: um link que qualquer pessoa pode abrir e reservar um horário, sem precisar de uma conta e sem precisar enviar uma mensagem para você primeiro. Coloque-o atrás de um botão **Agendar agora** em seu site, na sua biografia do Instagram, na sua assinatura de e-mail, em um folheto como um código QR ou cole-o em um chat. Quem abrir o link verá sua disponibilidade real e agendará diretamente em seu calendário. **Para quem é isso:** - Um **salão de beleza** com um botão "Agendar um horário" em seu site. - Um **coach ou consultor** que inclui um link de agendamento em todos os e-mails. - Uma **clínica** com um código QR na recepção. - Qualquer pessoa que veicule anúncios e precise de uma página para direcionar as pessoas. **O que torna esta página diferente:** o visitante fornece seu nome e seu e-mail ou telefone **antes** de ver o calendário. Isso significa que alguém que abre a página, preenche seus dados e depois sai sem escolher um horário ainda é salvo em seus contatos, pronto para ser acompanhado. Em uma página de agendamento comum, essa pessoa simplesmente desaparece. Veja [Todo visitante se torna um contato](#every-visitor-becomes-a-contact) abaixo. --- ## Ativando a página A página de agendamento fica desativada até que você a ative, para que nenhum tipo de evento se torne público por acidente. 1. Clique em **Agendamentos** na barra lateral e abra a aba **Tipos de evento**. 2. Clique no ícone de lápis na extremidade direita da linha do tipo de evento (ou clique em **Criar tipo de evento** para criar um novo). 3. Role até a parte inferior do formulário, na seção **Página de agendamento**. 4. Ative a opção **Página de agendamento compartilhável**. Um campo **Nome do link** e seu link finalizado aparecerão. 5. Clique em **Salvar evento** (ou **Criar evento**). O link entra em funcionamento no momento em que o tipo de evento é salvo. ::: tip **Dica:** Dê ao tipo de evento um nome amigável ao cliente primeiro. O nome que você usa é o título que os visitantes leem na página, então "Chamada de estratégia gratuita de 30 minutos" funciona melhor do que "Consult v2". ::: ### O Nome do link (o final do seu link) O link é o seu endereço da web normal para o aplicativo seguido pelo **Nome do link** que você escolher, por exemplo `.../book/salon-cut-30`. Quando você ativa a página pela primeira vez, um final curto e aleatório é preenchido para você. Altere-o para algo que você se sinta confortável em ler em voz alta. Algumas regras: - Apenas letras minúsculas, números e hifens, entre 3 e 60 caracteres. Letras maiúsculas e espaços são removidos conforme você digita, para que você não consiga salvar um final que não funcionaria. - Ele deve ser único. Se outra pessoa já estiver usando o final que você escolheu, ao salvar, você receberá a mensagem "Esse nome de link já está em uso. Escolha outro." Escolha um diferente e salve novamente. - **Alterá-lo posteriormente quebra o link antigo.** Qualquer coisa que já aponte para o final antigo deixará de funcionar, então defina-o antes de imprimi-lo em qualquer lugar. --- ## Compartilhando o link A seção **Página de agendamento** oferece três maneiras de disponibilizar a página: - **Copiar link** copia o link para sua área de transferência, pronto para ser colado atrás de um botão "Agendar agora", em um e-mail, uma biografia, um anúncio ou uma mensagem. - **Mostrar código QR** transforma o mesmo link em um código QR que você pode imprimir em um folheto, cartão de visita, vitrine de loja ou placa de mesa. - **Incorporar no site** fornece um pequeno trecho de código que coloca o calendário em uma página do seu próprio site, para que os visitantes façam agendamentos sem sair dele. Veja [Incorporando o calendário em seu site](#embedding-the-calendar-on-your-website) abaixo. O link é criado a partir de qualquer endereço da web que você use para o aplicativo, portanto, se você trabalhar com seu próprio domínio personalizado, o link também carregará esse domínio. Nada extra para configurar. (Se você também verificou um endereço `api.` personalizado em [White Labeling](../agency/white-labeling.md), a página também será carregada por meio dele; caso contrário, ela retornará automaticamente ao nosso endereço compartilhado neutro.) --- ## Incorporando o calendário em seu site Se você preferir exibir o calendário **em sua própria página** em vez de enviar as pessoas para um link externo, incorpore-o: 1. Abra o tipo de evento e role até a seção **Página de agendamento**, exatamente como acima. 2. Clique em **Incorporar no site**. O código de incorporação aparecerá. 3. Clique em **Copiar código** e cole-o no HTML do seu site onde você deseja que o calendário apareça — a maioria dos construtores de sites (WordPress, Wix, Squarespace, Webflow e outros) possui um bloco de "HTML" ou "código personalizado" para isso. Isso é tudo. O calendário incorporado é a mesma página de agendamento dentro de um quadro: mesmas etapas, mesma disponibilidade real, e todos que preencherem seus detalhes se tornarão um contato, independentemente de concluírem o agendamento ou não. **Vale a pena saber:** - **Ele se ajusta automaticamente.** O código que você copiou inclui algumas linhas que permitem que o calendário aumente e diminua conforme o conteúdo (a grade de horários é mais alta que a tela de confirmação), para que você nunca precise ajustar alturas. - **Ele funciona junto com o widget de chat.** Se a mesma página também executar seu [widget de chat](../get-started/chat-widget.md), os dois conviverão bem: o calendário na página e o balão de chat no canto. - **Você pode incorporá-lo mais de uma vez.** O mesmo código em várias páginas funciona bem, e calendários de dois tipos de evento diferentes em uma página também funcionam — cada quadro é redimensionado de forma independente. - **Alterar o nome do link também quebra as incorporações.** O código aponta para o seu link, portanto, o mesmo aviso se aplica: defina o nome do link antes de espalhar o código. - **Desativar a página desativa a incorporação.** O quadro exibirá então o mesmo aviso de "não aceitando agendamentos" que o link exibiria. --- ## O que seu visitante vê A página foi criada pensando primeiro nos celulares, já que a maioria das pessoas toca em um link de reserva pelo telefone. Ela tem três etapas curtas. **Etapa 1: quem eles são.** Nome, além de um endereço de e-mail ou um número de telefone. Qualquer um dos dois é suficiente, ambos é melhor. Esta é a etapa que torna a página útil, e ela é abordada abaixo. **Etapa 2: escolher um horário.** Eles escolhem um dia e, em seguida, um horário. Os horários são exibidos **no fuso horário do próprio visitante**, com uma pequena nota "Horários exibidos em..." para que não haja confusão, e eles vêm exatamente da mesma disponibilidade que sua IA usa para agendar: seus horários semanais, seu período de aviso prévio, com quanta antecedência você permite reservas, suas salas e qualquer coisa já ocupada em um Google Calendar sincronizado. Veja [Sistema de Reservas](booking-system.md) para saber como essas configurações funcionam. **Agendamento com uma pessoa específica.** Se as salas dentro do tipo de evento receberem nomes de pessoas (um barbeiro, um médico, um estilista), a página exibirá uma linha **Agendar com** acima dos horários: **Qualquer um**, mais um chip por pessoa. **Qualquer um** mostra todos os horários disponíveis e o agendamento vai para quem estiver livre, exatamente como antes; toque em uma pessoa e apenas os horários dela serão exibidos, e o agendamento será feito com ela. Tipos de evento cujas salas possuem nomes genéricos não exibem essa linha. Veja [Agendamento com uma pessoa específica](booking-system.md#booking-with-a-specific-person) para saber como a IA usa esses mesmos nomes no chat. **Etapa 3: confirmado.** Um breve resumo do que eles reservaram. Se **Enviar e-mail de agendamento para o contato** estiver ativado para esse tipo de evento (está por padrão), o e-mail de confirmação habitual também é enviado. Duas pessoas não podem ocupar o mesmo horário. Se outra pessoa pegar um horário nos segundos entre ele ser exibido e ser confirmado, a página informa isso e mostra os horários que ainda estão abertos, em vez de fazer um agendamento duplo silenciosamente. Do seu lado, um agendamento feito aqui é um agendamento comum: ele aparece na guia **Próximos Agendamentos**, sincroniza com seu Google Calendar, se você o tiver conectado, e notifica você como qualquer outro. --- ## Todo visitante se torna um contato Como os detalhes vêm primeiro, a página salva pessoas sobre as quais você nunca ouviria falar de outra forma. - No momento em que alguém termina a etapa 1, essa pessoa é **salva como um contato** com o nome e os detalhes que digitou, e marcada com a tag **booking-page-lead**. - Se você já tiver um contato com esse endereço de e-mail ou número de telefone, é o mesmo contato, não um novo. Apenas os campos vazios são preenchidos, portanto, nada que você já tinha é sobrescrito. - Quando eles terminam a reserva, eles também recebem a tag **booking-page-booked**. Esse par de tags é todo o truque: | O contato tem | O que significa | |---|---| | **booking-page-lead** e **booking-page-booked** | Eles reservaram. Nada a fazer. | | **booking-page-lead** mas **não** booking-page-booked | Eles começaram a reservar e nunca escolheram um horário. Esta é sua lista de reservas abandonadas. | Ambas as tags aparecem na sua lista normal de tags, para que você possa filtrar seus contatos por elas como qualquer outra tag (veja [Usando tags para rotular contatos](../get-started/creating-tags.md)). --- ## Receita: Acompanhamento de Agendamentos Abandonados Alguém que digitou seu nome e e-mail e depois fechou a aba é um lead qualificado que se distraiu. Aqui está uma automação simples que envia um e-mail para eles uma hora depois. Veja [Automações](../automations/automations.md) para o construtor em si. 1. Abra **Automações** e crie uma nova automação. O caminho mais rápido é descrevê-la em linguagem simples na caixa de prompt e depois ajustar o que for criado, mas aqui está como ela deve ficar no final. 2. Defina o gatilho como **Contato atualizado** e defina o campo como **tags**, para que seja executado sempre que as tags de um contato mudarem. 3. Adicione uma etapa de **Condição**: continue apenas quando o contato tiver a tag **booking-page-lead** e **não** tiver **booking-page-booked**. 4. Adicione uma etapa de **Atraso** de uma hora ou mais. Isso dá a alguém que está apenas demorando para escolher um horário a chance de terminar primeiro. 5. Adicione uma **Condição** novamente após o atraso, verificando a mesma coisa. Se eles concluíram o agendamento durante essa hora, eles agora possuem a tag **booking-page-booked** e a automação para por aí, em vez de incomodar um cliente que já agendou. 6. Adicione uma etapa de e-mail (Gmail ou **E-mail (seu servidor de e-mail)** se você enviar pelo seu próprio servidor) com uma mensagem curta e amigável: "Vi que você começou a agendar conosco, aqui está o link novamente caso ainda queira escolher um horário." Cole seu link de agendamento nela. 7. Salve e, em seguida, ative a chave **Ativado**. **Vale a pena saber antes de criar:** - **O e-mail funciona imediatamente.** Desde que a pessoa tenha deixado um endereço de e-mail, isso será executado no dia em que você o ativar. - **WhatsApp e SMS são diferentes.** Alguém que entrou pela página de agendamento ainda não tem uma conversa com você, e os canais de mensagens só permitem que você inicie uma de maneiras específicas, portanto, um acompanhamento por chat não é algo que esta automação possa fazer por você hoje. Comece pelo e-mail. - **Nem todo mundo deixa um e-mail.** A página aceita um número de telefone, então inclua uma condição ou simplesmente aceite que leads apenas com telefone fiquem em seus contatos para você entrar em contato manualmente. --- ## Desativando e Excluindo a Página - **Desative a página** no tipo de evento e o link parará de aceitar agendamentos: qualquer pessoa que abri-lo será informada de que a página não está aceitando agendamentos no momento. O nome do seu link permanece reservado, portanto, reativá-lo mais tarde trará de volta **exatamente o mesmo link** e todos os botões "Agendar agora" que apontavam para ele voltarão a funcionar. - **Exclua o tipo de evento** e sua página desaparecerá com ele, para sempre. O nome do link é liberado e outra pessoa pode pegá-lo, portanto, exclua apenas quando realmente tiver terminado com esse link. --- ## É bom saber - Cada tipo de evento recebe **uma** página. Se você oferece três serviços, crie três tipos de evento e compartilhe três links. - A página mostra o nome do evento, quanto tempo leva, onde acontece e sua marca. Nada sobre sua conta fica visível para os visitantes. - Uma página pode ser aberta por qualquer pessoa com o link. Ela não é listada em nenhum lugar público, mas também não é secreta, então trate-a como qualquer outro link que você compartilha. - **Ainda não disponível:** o e-mail de confirmação não inclui links de reagendamento ou cancelamento, nem um arquivo de calendário para adicionar a uma agenda, e a página não pode fazer perguntas extras por conta própria. Para coletar detalhes adicionais, agende através de um chat, onde sua IA pode solicitá-los (veja [Coletando Informações Extras Durante o Agendamento](booking-system.md#collecting-extra-information-during-booking)). --- ## Precisa de ajuda? If you have questions about the booking page, reach out via our [email support](mailto:hi@youraiconnector.com).