Seu cliente pesquisa no Google, encontra seu site, gosta do que vê — e aí? Se a única opção é ligar ou mandar mensagem no WhatsApp, você depende de alguém estar disponível para atender. E segundo levantamento da Cloudia, 64% das solicitações de agendamento acontecem fora do horário comercial. Ou seja: a maioria dos seus potenciais clientes chega quando você não está lá para responder.
A solução é colocar um botão de agendamento online direto no seu site. O cliente clica, escolhe serviço, profissional e horário — e agenda sozinho, a qualquer hora do dia. Neste tutorial, você vai aprender a adicionar agendamento online ao seu site em minutos, seja ele feito em WordPress, Wix, ou HTML puro.
Por que colocar agendamento no site
Antes do passo a passo, os números que justificam a mudança.
Seu site já recebe visitantes — mas perde agendamentos. Segundo pesquisa da Doctoralia, 33% dos agendamentos acontecem fora do expediente. Se o seu site diz "ligue para agendar" e são 22h, o cliente fecha a aba e não volta.
O Brasil está digitalizando. Em 2025, o país bateu recorde com 4,9 milhões de novos pequenos negócios — 65% no setor de serviços. Mas segundo pesquisa do Sebrae/ABDI, apenas 27% dos pequenos negócios têm site com funcionalidades além de uma página estática. A maioria tem site, mas não converte visitante em cliente.
Agendamento no site reduz telefone e faltas. Com um botão de agendamento, o cliente resolve tudo sozinho. Você para de ser interrompido por ligações no meio do atendimento — e o sistema ainda envia lembretes automáticos que podem reduzir faltas em até 82%.
O que você vai precisar
Para adicionar agendamento ao seu site, são dois itens:
- Um sistema de agendamento com link público — uma página onde o cliente escolhe serviço, profissional e horário sem precisar falar com ninguém.
- Acesso para editar seu site — seja pelo painel do WordPress, editor do Wix, ou acesso ao HTML.
Se você ainda não tem um link de agendamento, veja nosso tutorial de como criar o seu. Em poucos minutos, você configura serviços, profissionais e horários, e gera um link como https://seu-negocio.book-organizabot.com.
Com o link em mãos, vamos ao site.
Onde posicionar o botão no site
Antes de colocar o código, defina onde o botão vai ficar. Posição errada significa cliques perdidos.
Topo da página (header)
O lugar mais eficaz. Um botão Agendar Horário no canto superior direito do site, visível em qualquer página, é o padrão que os visitantes já conhecem de sites como Doctoralia, Booksy e Trinks.
Seção principal (hero)
Se o seu site tem uma seção de destaque com foto e texto, coloque um botão grande ali. Algo como "Agende seu horário online — 24h por dia". É a primeira coisa que o visitante vê.
Página de serviços
Se você lista seus serviços no site, adicione um botão de agendamento ao lado de cada serviço — ou pelo menos um botão geral no final da lista.
Rodapé (footer)
Sempre tenha um link de agendamento no rodapé. Quem rola até o final do site já demonstrou interesse — facilite a conversão.
Regra geral: o botão deve estar visível sem precisar rolar a página. Se o visitante precisa procurar, você já perdeu.
Como adicionar o botão no site
Opção 1: HTML puro
Se você tem acesso ao código do site, adicione um botão com link direto para sua página de agendamento. Copie e cole o trecho abaixo onde quiser que o botão apareça:
<a href="https://seu-negocio.book-organizabot.com"
target="_blank"
style="display:inline-block; background:#6C63FF; color:#fff;
padding:14px 32px; border-radius:8px; font-size:16px;
font-weight:600; text-decoration:none; font-family:sans-serif;">
Agendar Horário
</a>Substitua seu-negocio pelo slug do seu link de agendamento. O target="_blank" abre a página em uma nova aba, sem tirar o visitante do seu site.
Personalizando a cor: troque o #6C63FF pela cor principal da sua marca. Alguns exemplos:
| Cor | Código |
|---|---|
| Azul | #2563EB |
| Verde | #16A34A |
| Rosa | #DB2777 |
| Laranja | #EA580C |
| Preto | #1F2937 |
Opção 2: WordPress
No WordPress, você tem três caminhos, do mais simples ao mais completo:
Botão no menu de navegação:
- Acesse Aparência → Menus
- Em "Links personalizados", cole o link do agendamento na URL
- No campo "Texto do link", escreva Agendar
- Clique em Adicionar ao menu e salve
- Para destacar, adicione a classe CSS
menu-ctaao item e estilize com cor de fundo
Botão com bloco Gutenberg:
- Edite a página onde quer o botão
- Adicione um bloco Botões
- Cole o link do agendamento
- Escreva o texto "Agendar Horário"
- Nas configurações do bloco, escolha cor e tamanho
- Em Configurações do link, marque "Abrir em nova aba"
Botão flutuante (fixed):
Para um botão que acompanha o visitante enquanto rola a página, adicione este CSS personalizado em Aparência → Personalizar → CSS adicional:
.botao-agendar-fixo {
position: fixed;
bottom: 20px;
right: 20px;
background: #6C63FF;
color: #fff;
padding: 14px 24px;
border-radius: 50px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
z-index: 9999;
font-family: sans-serif;
}E no HTML do rodapé ou em um widget de HTML personalizado:
<a href="https://seu-negocio.book-organizabot.com"
target="_blank"
class="botao-agendar-fixo">
📅 Agendar Horário
</a>Opção 3: Wix, Squarespace e construtores visuais
Nos construtores de site visuais, o processo é parecido:
No Wix:
- Abra o editor do site
- Clique em Adicionar → Botão
- Arraste o botão para a posição desejada
- Clique no botão, depois em Link → URL da Web
- Cole o link do agendamento e marque "Abrir em nova aba"
- Personalize texto, cor e tamanho
No Squarespace:
- Edite a página e adicione um bloco Botão
- Cole o link e escreva o texto
- Marque para abrir em nova janela
O conceito é sempre o mesmo: um botão visível que leva ao seu link de agendamento.
O que o cliente vê ao clicar
Quando o visitante clica no botão, ele abre sua página de agendamento — otimizada para celular e desktop. O fluxo é simples:
- Escolhe o profissional (ou "sem preferência")
- Seleciona o serviço desejado
- Escolhe data e horário entre os disponíveis
- Confirma o agendamento
O cliente se identifica com e-mail ou WhatsApp (dependendo do plano), escolhe o que precisa e confirma. Todo o processo leva menos de um minuto. O agendamento aparece automaticamente no seu painel — sem você precisar fazer nada.
Dicas para converter mais visitantes em agendamentos
Use chamadas diretas. Em vez de "Contato" ou "Fale conosco", escreva "Agendar Horário" ou "Marcar Agora". O visitante precisa saber exatamente o que vai acontecer ao clicar.
Destaque o botão com cor contrastante. Se o seu site é branco e azul, use um botão laranja ou verde. O botão precisa se destacar visualmente do restante da página.
Adicione prova social perto do botão. Um texto como "Mais de 500 clientes já agendaram online" ou avaliações de clientes aumentam a confiança e o clique.
Teste no celular. Segundo pesquisa da Doctoralia, 84% dos agendamentos são feitos pelo celular. Se o botão não aparece bem no smartphone, você está perdendo a maioria dos agendamentos.
Combine com WhatsApp. Muitos clientes preferem agendar pela conversa. Com o OrganizaBot, o assistente virtual recebe agendamentos pelo WhatsApp automaticamente. Assim, o cliente escolhe o canal que preferir — site ou WhatsApp — e tudo cai na mesma agenda.
Checklist: tudo no lugar?
- Link de agendamento criado e funcionando
- Botão adicionado no topo do site (header ou hero)
- Botão testado no celular
- Link abrindo em nova aba (
target="_blank") - Texto do botão claro e direto ("Agendar Horário")
- Botão com cor que se destaca do restante do site
- Link de agendamento no rodapé do site
- Lembretes automáticos ativados no sistema
Transforme seu site em uma máquina de agendamentos
Seu site já atrai visitantes. Agora ele precisa convertê-los em clientes com horário marcado. Um botão de agendamento online é a forma mais simples de fazer isso — funciona 24 horas, não depende de ninguém e o cliente resolve tudo sozinho.
Crie sua conta gratuita no OrganizaBot e tenha seu link de agendamento pronto em minutos. Funciona no site, no WhatsApp e em qualquer lugar onde seus clientes te encontrem.