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:
- No Acuity, clique em Personalizar a aparência e, depois, em CSS avançado.
- No campo Estilo do CSS personalizado, adicione seu código.
- Clique em Salvar alterações.
Para excluir um CSS personalizado:
- No Acuity, clique em Personalizar a aparência e, depois, em CSS avançado.
- No campo Estilo do CSS personalizado, apague seu código.
- 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:
- No Acuity, clique em Integrações.
- 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.