Acesse estilos avançados e integrações personalizadas. 

Você pode usar CSS e API para vincular o seu código ao Acuity e, assim, ir além das personalizações incorporadas no Acuity. Use CSS para alterar o visual do seu agendador e use API para vincular o Acuity ao seu software.

A personalização do CSS e o acesso à API estão disponíveis no plano Powerhouse.

Use um CSS personalizado para personalizar seu agendador

Use CSS para alterar como diversos de elementos aparecem no seu agendador. É possível mover itens, alterar cores e fontes, ocultar elementos e muito mais. Você também pode criar alterações para quando seu agendador está incorporado, mas não quando ele é carregado como uma página independente.

Nossa documentação para desenvolvedores detalha os elementos que você pode modificar e como selecioná-los.

No momento, estamos trabalhando para lançar o novo agendador. Durante essa transição, o painel "CSS avançado" tem dois campos CSS:

  • Estilo CSS atualizado - o código CSS nesse campo afeta o novo agendador. Será possível adicionar código a esse campo e ver uma prévia antes de migrar para o novo agendador. Para saber como seu código funcionará no novo agendador, clique em Ver prévia das alterações.
  • Estilo CSS personalizado - o código CSS nesse campo afeta o atual agendador. Ao migrar para o novo agendador, esse campo será excluído. Os códigos nesse campo não afetarão o novo agendador.

Para adicionar um CSS personalizado:

  1. No Acuity, clique em Personalizar a aparência e, depois, em CSS avançado.
  2. No campo Estilo do CSS personalizado, adicione seu código.
  3. Clique em Salvar alterações.

Para excluir um CSS personalizado:

  1. No Acuity, clique em Personalizar a aparência e, depois, em CSS avançado.
  2. No campo Estilo do CSS personalizado, apague seu código.
  3. Clique em Salvar alterações.

Se algo não funcionar como você quer após adicionar o código personalizado, exclua temporariamente o código e veja se o problema persiste. Se for corrigido, o problema está associado ao seu código CSS; nesse caso, revise-o ou mantenha-o excluído para resolver. Se o problema persistir, ele não tem a ver com o CSS personalizado. Nesse caso, procure uma solução nesta Central de Ajuda; ou fale conosco.

Atenção: este guia explica como adicionar um CSS personalizado ao seu agendador. Como códigos CSS personalizados fogem do escopo do nosso suporte, não ajudamos você a escrever nem a solucionar problemas com seu código. Também não garantimos que o código personalizado funcionará no Acuity ou nos sites Squarespace. Para ajuda na criação de um código CSS, recomendamos contratar um expert no Squarespace Marketplace.

Use a API para aproveitar mais o Acuity

Use nossa API para vincular o Acuity ao seu software. Você pode escrever um código para criar, cancelar ou reagendar automaticamente uma sessão com base no seu sistema externo; e pode retornar formulários de admissão preenchidos de forma personalizada. Se você é desenvolvedor e quer usar nossa API, consulte a documentação da nossa API.

Para encontrar sua chave API:

  1. No Acuity, clique em Integrações.
  2. No topo da tela, clique em API e depois em Ver credenciais.
Se precisar de uma API melhor, preencha este formulário para conhecer nosso plano Enterprise.
Este artigo foi útil?
Utilizadores que acharam útil: 1 de 1

Não consegue encontrar o que você está procurando?

Estamos aqui para ajudar.

Fale conosco