Resumo do artigo
Acesse estilos avançados e integrações personalizadas.
Você pode usar Cascading Style Sheets (CSS), webhooks e Application Programming Interfaces (APIs) para vincular o seu código ao Acuity, indo além das personalizações incorporadas do Acuity.
Use:
- CSS para alterar o visual do seu agendador.
- Webhooks para enviar um fluxo unidirecional de informações do Acuity para outro sistema.
- APIs para criar uma vinculação bidirecional entre o Acuity e o seu software personalizado.
A personalização do CSS e o acesso à API estão disponíveis nos planos Premium e 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.
É possível usar CSS para modificar o visual dos elementos, mas não para adicionar novas funcionalidades ou recursos ao agendador.
Nossa documentação para desenvolvedores detalha os elementos que você pode modificar e como selecioná-los.
Para adicionar um CSS personalizado:
- No Acuity, clique em Página de agendamentos e depois em CSS avançado.
- Adicione o código no campo que aparece e clique em Salvar.
Para excluir um CSS personalizado:
- No Acuity, clique em Página de agendamentos e depois em CSS avançado.
- No campo do código, apague o código e clique em Salvar.
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 webhooks para enviar automaticamente informações do Acuity
Os sites Acuity podem avisar automaticamente um URL de sua escolha sobre atividades de agendamento e compra no Acuity. Proprietários de contas e colaboradores com acesso de administrador podem configurar webhooks.
Se você é desenvolvedor e quer aproveitar os webhooks do Acuity, consulte nossa documentação sobre webhooks.
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 de API:
- No Acuity, clique em Integrações.
- Rolagem até a seção "API" e e clique em Ver credentiais.
Se precisar de uma API melhor, preencha este formulário para conhecer nosso plano Enterprise.