Agendamento no seu próprio site (widget de agendamento)
Atualizado em terça-feira, 3 de novembro de 2026
Cole um código no seu site e seus clientes agendam sem sair dele: o formulário dentro da página ou um botão flutuante.
Se o seu negócio tem um site próprio, seus clientes podem agendar ali mesmo, sem sair do seu site. Você copia um código no Citauno, cola no seu site e aparece o seu formulário de agendamento, com seus serviços, seus profissionais e seus horários livres de verdade.
Vem incluído no seu plano, sem custo extra.
Onde você configura
Em Configurações, no topo, está o cartão Incorporar no seu site (ele também aparece em Página de links, se você usa). Toque em Configurar.
Só os administradores do negócio veem o cartão. Os negócios de eventos não têm: eles não têm página de agendamento.
As três formas de mostrar
| Forma | O que o seu cliente vê | Quando usar |
|---|---|---|
| Na página | O formulário de agendamento dentro de uma página do seu site. Cresce com o conteúdo, sem barras de rolagem próprias. | Uma página “Agende seu horário” no seu site. |
| Botão flutuante | Um botão no canto da tela. Ao tocar, o formulário abre: no celular ocupa a tela inteira e no computador é um painel à direita. | Quando você quer que dê para agendar de qualquer página: cole o código em todas, ou no rodapé do site. |
| Só iframe | O formulário dentro da página, com altura fixa. | Para os editores de páginas que não aceitam scripts. |
As opções
- Idioma: espanhol, português ou inglês. Começa no idioma em que você escreve os textos do seu negócio. Se o seu site tem uma versão em outro idioma, cole nela um código com esse idioma.
- Serviço já escolhido: o formulário abre com esse serviço marcado. Útil na página de um serviço do seu site (“Coloração”, “Manicure”).
- Unidade já escolhida, se você tem mais de uma.
- Profissional já escolhido, se seus clientes escolhem profissional.
- Cor e texto do botão, na forma Botão flutuante.
Cada mudança atualiza o código e a pré-visualização ao lado. A pré-visualização é o formulário real: se você confirmar um agendamento ali, ele é criado.
Colar no seu site
- Toque em Copiar em Seu código.
- No seu site, adicione um bloco de HTML ou de código e cole:
- WordPress: um bloco HTML personalizado.
- Wix: Adicionar elementos → Incorporar código → Incorporar HTML.
- Squarespace, Shopify e a maioria dos editores: um bloco de código ou HTML.
- Publique a página.
Se você mudar seus serviços, preços ou horários, não precisa colar nada de novo: o formulário sempre mostra o que está no Citauno. Só é preciso colar um código novo se você mudar as opções (o idioma, o serviço já escolhido, a cor…).
O que o seu cliente vê
As mesmas regras da sua página de agendamento: seus horários, a antecedência mínima, até quando dá para agendar, a confirmação manual ou automática e o sinal, se você pede.
- Agenda sem criar conta, com nome, sobrenome e WhatsApp. Recebe a confirmação e os lembretes como qualquer cliente.
- Se preferir agendar com a conta dele, um link abre a sua página de agendamento do Citauno em uma nova aba. O mesmo se o seu negócio pede conta para agendar: o widget mostra um botão que continua em uma nova aba.
- Se houver um sinal para pagar online, o botão de pagamento abre em uma nova aba. Pagar dentro de outro site não é seguro, e os navegadores não permitem isso direito.
- Os pacotes não são oferecidos dentro do widget: são comprados na sua página do Citauno.
- No final ele vê a confirmação do agendamento dentro do seu site.
Embaixo do formulário aparece “Agendamentos com Citauno”.
Como saber quais agendamentos vieram pelo seu site
- Na agenda, cada agendamento que veio pelo widget leva a marca Web.
- No detalhe do agendamento aparece “Veio do widget do seu site”.
- Em Reservas, o filtro Origem tem a opção Widget do seu site.
- Em Visitas e reservas (Analítica), as visitas que começam no widget são contadas à parte.
Perguntas frequentes
Preciso mudar algo se eu mudar o endereço do meu negócio no Citauno? Não. O widget segue o endereço novo.
Meus clientes veem a página do Citauno? Não: eles agendam dentro do seu site. Só saem para uma nova aba para pagar um sinal online ou para entrar com a conta.
Posso colocar em várias páginas? Sim. Cole o mesmo código, ou um com outras opções, em cada página onde você quiser.
O que acontece se eu desligar o agendamento online? O widget avisa no lugar do formulário e oferece ver o seu perfil.
Próximo passo
Veja onde mais compartilhar o seu link de agendamento em Compartilhar o link público de agendamento.