Adicionar o Acuity Scheduling ao seu site

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:

1. No Acuity, clique em Página de agendamentos e depois em Link.
2. 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.
3. Clique na aba Incorporar agendador ou na aba Incorporar outros. Apenas um dos dois aparecerá.
4. Clique em Copiar.

Adicione um botão de reservas

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.

Sites do Squarespace

Adicione um bloco de botões ao seu site. Ao escolher o link para o novo botão, use um link para sua página de agendamento ou um link direto.

Outros sites

Para adicionar um botão de agendamentos ao seu site, primeiro copie o código do Acuity e depois adicione ao site.

Para obter o código:

1. No Acuity, clique em Página de agendamentos e depois em Link.
2. 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.
3. Clique na aba Botão de reservas.
4. Clique em Copiar.

Copiado o código, adicione-o 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:

1. No Acuity, clique em Página de agendamentos e depois em Link.
2. 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.
3. Clique na aba Barra de reservas.
4. 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:

1. 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.
2. 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 agendamento e o botão de agendamento mudam de cor para combinar com os botões e os detalhes do agendador. Saiba como alterar as cores do agendador.

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.