Como instalar a agenda no site

Leva poucos minutos e não muda nada no resto do site. Se o site foi feito pela Winove, chame a gente no WhatsApp que instalamos para você.

1. Prepare a agenda no painel

Antes de instalar, cadastre no painel:

1. Atendimentos: nome, duração e, se quiser, o preço.
2. Profissionais: quais atendimentos cada um faz e os horários de cada dia da semana.
3. Configurações: cor da marca, e-mail que recebe os avisos, WhatsApp e endereço.

2. Copie o código

Em Configurações no painel está o código da sua clínica, já com o identificador certo. Ele tem este formato:

<div data-winove-agenda="sua-clinica"></div>
<script src="https://agenda.winove.com.br/widget.js" async></script>

3. Cole no site

Site em HTML

Cole o código no ponto da página onde a agenda deve aparecer, por exemplo dentro da seção "Agende sua consulta". A agenda ocupa a largura disponível, até 640 px.

WordPress (plugin)

1. No painel do Winove Agenda, em Configurações > Instalar no seu site, baixe o plugin.
2. No WordPress: Plugins > Adicionar novo > Enviar plugin, envie o arquivo e ative.
3. Em Configurações > Winove Agenda, cole o código da sua agenda. Se quiser, ligue o botão flutuante em todas as páginas.
4. Na página da agenda, adicione o bloco Shortcode com [winove_agenda].

Wix

1. No editor, Adicionar elementos (+) > Incorporar código > Incorporar HTML.
2. Escolha Endereço do site e cole https://agenda.winove.com.br/e/sua-clinica (o endereço exato está no painel).
3. Ajuste a largura da página e cerca de 760 px de altura, e publique.

Para o botão flutuante em todas as páginas do Wix, use Configurações > Código personalizado com o código do botão (exige plano premium do Wix e domínio conectado).

Outras plataformas

Use o recurso de incorporar código ou HTML da plataforma. Se ela só aceitar iframe ou endereço, use https://agenda.winove.com.br/e/sua-clinica.

Botão flutuante

Para um botão fixo no canto da tela, em todas as páginas, acrescente data-modo="botao" e cole o código antes do fim do <body>:

<div data-winove-agenda="sua-clinica" data-modo="botao"></div>
<script src="https://agenda.winove.com.br/widget.js" async></script>

Dá para usar os dois ao mesmo tempo: a agenda na página de contato e o botão nas demais. O script entra uma vez só por página.

Abrir direto num atendimento

Numa página de especialidade, use data-servico="ID" com o número do atendimento (aparece no endereço da tela de edição do atendimento no painel). O paciente já começa na escolha do profissional.

Medir os agendamentos (Google Analytics e Pixel)

A cada agendamento concluído, a página recebe o evento winove-agenda:agendado. Exemplo para o Google Analytics 4:

<script>
window.addEventListener('winove-agenda:agendado', function (e) {
  if (window.gtag) gtag('event', 'generate_lead', { method: 'agenda_online' });
});
</script>

Conferir

1. Abra a página no celular e no computador.
2. Faça um agendamento de teste com seu próprio e-mail.
3. Confira o e-mail de confirmação e o agendamento na agenda do painel.
4. Cancele pelo link do e-mail para liberar o horário.

Ficou alguma dúvida? Fale com a Winove no WhatsApp.