Confira as diferentes formas de vincular uma página de agendamentos ao seu site.
Para que os clientes reservem diretamente pelo seu site, incorpore um agendador. Para levar os clientes ao agendador, adicione um botão de reservas e uma barra de reservas às páginas do seu site.
Dica: ao começar, se você precisar de mais ajuda prática para configurar o Acuity Scheduling, é possível contratar um expert certificado.
Assista ao vídeo
O que você pode adicionar
Há três formas de adicionar o Acuity a um site:
- Agendador incorporado - você pode incorporar todo o processo de reserva on-line do Acuity no seu site.
- Botão de reservas - você pode adicionar um botão que leva ao seu agendador na página de agendamentos do cliente gerada pelo Acuity.
- Barra de reservas - você pode adicionar uma barra com um botão de reservas no topo das páginas do site.
Incorpore seu agendador
É possível incorporar um agendador em praticamente qualquer site, seja do Squarespace ou de outro provedor. Você pode incorporar seu agendador padrão ou qualquer agendador que possa ser diretamente vinculado.
Sites do Squarespace
Adicione um bloco de agendamentos ao seu site.
Dica: para proteger os agendamentos com senha, adicione o bloco de agendamentos a uma página com uma senha de página. Para deixar os agendamentos exclusivos aos membros do site, adicione o recurso Produtos Digitais ao seu site e, em seguida, inclua o bloco de agendamentos no conteúdo fechado.
Outros sites
Para incorporar um agendador a outros sites, primeiro copie o no Acuity e, em seguida, adicione ao seu site. As etapas exatas para adicioná-lo ao seu site variam dependendo do provedor, mas envolvem a adição de HTML. Confira na seção abaixo as dicas sobre alguns provedores; ou contate o construtor do seu site.
Para obter o código incorporado:
- No Acuity, clique em Criar link para a página de agendamentos.
- Na seção Links diretos e incorporação, use o menu suspenso para incorporar um agendador padrão ou um agendador mais especializado, como para um calendário ou tipo de seção específico.
- Clique na aba Incorporar agendador.
- Clique em Copiar.
Adicione um botão de reservas
Para adicionar um botão de reservas ao site, primeiro copie o código no Acuity e depois adicione ao site. A forma de adicionar o botão de reservas depende de se o site é Squarespace ou de outro provedor. Você pode incorporar um botão que leve para sua página de agendamento de clientes ou para qualquer agendador que aceite o link de direcionamento.
Para obter o código:
- No Acuity, clique em Criar link para a página de agendamentos.
- Na seção Links diretos e incorporação, use o menu suspenso para criar um link para um agendador padrão ou um agendador mais especializado, como para um calendário ou tipo de sessão específico.
- Clique na aba Botão de reservas.
- Clique em Copiar.
Sites do Squarespace
Adicione o código copiado a um bloco de código. Para saber como, confira Bloco de código.
O uso de JavaScript no bloco de código é um recurso premium, disponível nos planos Business e Commerce.
Outros sites
Adicione o código copiado ao código do seu site. As etapas exatas para adicioná-lo ao seu site variam dependendo do seu provedor. Confira na seção abaixo as dicas sobre alguns provedores; ou contate o construtor do seu site.
Adicione uma barra de reservas
Para adicionar uma barra de reservas ao site, primeiro copie o código no Acuity e depois adicione ao site. A forma de adicionar a barra de reservas depende de se o site é Squarespace ou de outro provedor. A barra de reservas contém um botão que pode levar à sua página padrão de agendamentos do cliente ou a qualquer agendador que aceite o link de direcionamento.
Para obter o código:
- No Acuity, clique em Criar link para a página de agendamentos.
- Na seção Links diretos e incorporação, use o menu suspenso para criar um link para um agendador padrão ou um agendador mais especializado, como para um calendário ou tipo de sessão específico.
- Clique na aba Barra de reservas.
- Clique em Copiar.
Sites do Squarespace
Use a injeção de código para colar o código na seção de rodapé do seu site.
A injeção de código é um recurso premium, disponível nos planos Business e Commerce.
Outros sites
Adicione o código copiado ao código do seu site. As etapas exatas para adicioná-lo ao seu site variam dependendo do seu provedor. Confira na seção abaixo as dicas sobre alguns provedores; ou contate o construtor do seu site.
Dicas para usar outros construtores de sites
Drupal
Para adicionar o HTML personalizado, altere o formato do texto para "HTML completo" e, em seguida, adicione o trecho de código encontrado no Acuity.
GoDaddy
Para adicionar o código que o Acuity gera automaticamente, siga as instruções do GoDaddy para adicionar HTML personalizado.
Ionos
Adicione o código incorporado gerado automaticamente pelo Acuity a um elemento widget/HTML. Talvez seja necessário conferir seu agendador na Visualização da página para ver se ele está funcionando.
Para solicitar que a Ionos disponibilize seu agendador incorporado para clientes no celular, desative a opção de mostrar apenas conteúdo otimizado em smartphones e tablets.
Leadpages
Use o widget HTML Leadpages para adicionar o trecho de código do Acuity.
Shopify
Use o editor de HTML para adicionar, a uma das suas páginas, o código encontrado no Acuity. Salve as alterações antes de tentar ver o novo agendador.
Vistaprint/Webs.com
Use o recurso HTML personalizado para adicionar ao seu site o código gerado automaticamente no Acuity.
Weebly
Arraste o elemento "Código de incorporação" do Weebly para sua página da web e adicione o código gerado automaticamente pelo Acuity ao widget.
Wix
Siga as etapas do Wix para adicionar o elemento HTML ao seu site. Ao adicionar o código ao elemento HTML, use o trecho de código que o Acuity gerou para você.
Atenção: não é possível incorporar seu agendador se você usar o Wix Artificial Design Intelligence em vez do editor.
Se o quadro que contém o agendador incorporado for mais curto do que o agendador, alguns aparelhos móveis poderão apresentar falhas no processo da reserva. Para evitar isso, use o editor móvel do Wix para arrastar a parte inferior do quadro do agendador incorporado para baixo até que todo o agendador fique visível. A parte de baixo do agendador precisa ficar visível durante todo o processo de reserva.
WordPress
Para incorporar um agendador no seu site WordPress, use o Editor de texto do WordPress para adicionar o código incorporado encontrado no Acuity.
Para incorporar o agendador:
- Para gerar o código de incorporação do agendador, acesse o painel "Link de página de agendamentos", clique em Incorporar agendador e depois clique em Copiar.
- Use o Editor de texto do WordPress para colar o código que você copiou em uma das suas páginas.
Atenção: é possível incorporar um agendador nos sites criados com o WordPress, mas não nos sites hospedados pelo WordPress.com (com URL que terminam em wordpress.com). Se isso afetar você, adicione um link direto à página de agendamentos do cliente.
Zenfolio
Siga as instruções do Zenfolio para criar uma página personalizada e adicionar e incorporar o código. Use o código encontrado no Acuity para incorporar o agendador.
Personalize o botão de reservas e a barra de reservas
No botão de reservas e na barra de reservas, as fontes e outros estilos geralmente correspondem ao padrão do site.
Para atualizar o texto do botão ou da barra, edite o trecho de código fornecido pelo Acuity.
A barra de reservas e o botão de reservas mudam de cor para combinar com a cor dos botões e dos detalhes do agendador.
Para alterar a cor dos botões e dos detalhes no seu agendador:
- No Acuity, clique em Personalizar aparência.
- Use o menu suspenso Cor do botão/realce para escolher uma cor.
- Clique em Salvar alterações.
Dica: para ampliar a navegação no site para o maior público possível, é importante manter a acessibilidade em mente durante o processo de design. Saiba mais sobre como criar conteúdo de site acessível.