Accede a opciones avanzadas de estilo y a integraciones personalizadas.
Puedes usar CSS y API para conectar tu propio código a Acuity, yendo más allá de las personalizaciones integradas de Acuity. Usa CSS para cambiar el aspecto de tu agenda. Utiliza las API para conectar Acuity a tu propio software personalizado.
La personalización de CSS y el acceso a la API están disponibles en el plan Powerhouse.
Usa CSS personalizado para rediseñar tu programador
Usa CSS para cambiar la forma en la que aparecen muchos de los elementos en tu programador. Puedes mover elementos, cambiar colores, cambiar fuentes, ocultar elementos y mucho más. También puedes crear cambios que se apliquen cuando tu programador esté insertado, pero no cuando se cargue como una página web independiente.
Nuestra documentación para desarrolladores detalla los elementos que puedes modificar y cómo seleccionarlos.
Actualmente estamos trabajando para implementar el nuevo programador. Mientras esta transición está en curso, hay dos campos CSS en el panel CSS avanzado:
- Estilo de CSS actualizado: el código CSS en este campo afectará a tu nuevo programador. Podrás agregar código a este campo y previsualizarlo antes de que migres al nuevo programador, para que puedas tener todo listo para la transición. Para ver cómo funcionará tu código en el nuevo programador, haz clic en Vista previa de cambios.
- Estilo CSS personalizado: el código CSS en este campo afectará a tu programador actual. Cuando migres al nuevo programador, este campo se eliminará. El código en este campo no afectará a tu nuevo planificador.
Para agregar CSS personalizado:
- En Acuity, haz clic en Personalizar apariencia y en CSS avanzado.
- En el campo Estilo personalizado de CSS, agrega tu código.
- Haz clic en Guardar cambios.
Para eliminar CSS personalizado:
- En Acuity, haz clic en Personalizar apariencia y en CSS avanzado.
- En el campo Estilo personalizado de CSS, elimina tu código.
- Haz clic en Guardar cambios.
Si algo no funciona de la manera que deseas después de agregar código personalizado, elimina temporalmente el código para comprobar si el problema persiste. Si el problema está solucionado, está vinculado a tu código CSS; debes corregirlo o mantenerlo eliminado para resolver el problema. Si el problema continúa, es independiente de tu CSS personalizado. En ese caso, busca soluciones en este Centro de ayuda o ponte en contacto con nosotros.
Nota: Esta guía explica cómo agregar CSS personalizado a tu programador. Tu código CSS personalizado está fuera del alcance de nuestra Atención al Cliente. No podemos ayudarte a escribir o solucionar problemas de este código por ti. Tampoco podemos garantizar que tu código personalizado sea funcional o totalmente compatible con los sitios web de Acuity o Squarespace. Si necesitas ayuda para crear código CSS, considera contratar a un experto a través de Squarespace Marketplace.
Usa la API para aprovechar el poder de Acuity
Usa nuestra API para conectar Acuity a tu propio software desarrollado a medida. Puedes escribir código para crear, cancelar o reprogramar citas automáticamente según tu sistema externo, o devolver formularios de admisión personalizados. Si eres un desarrollador que quiere llamar a nuestra API, consulta nuestra Documentación de API.
Para encontrar tu clave de API:
- En Acuity, haz clic en Integraciones.
- En la parte superior de la pantalla, haz clic en API y luego en Ver credenciales.
Si necesitas una experiencia de API más potente, llena este formulario para hablar sobre nuestro Plan Enterprise.