Resumen del artículo
Accede a opciones avanzadas de estilo y a integraciones personalizadas.
Puedes usar hojas de estilo en cascada (CSS), webhooks e interfaces de programación de aplicaciones (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 programador.
- Webhooks para enviar un flujo unidireccional de información desde Acuity a otro sistema.
- API para crear una conexión bidireccional entre Acuity y tu propio software personalizado.
La personalización de CSS y el acceso a la API están disponibles en los planes Premium o 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.
Si bien puedes usar CSS para modificar el aspecto de los elementos actuales, no es posible usarlo para agregar nuevas funcionalidades o características al programador.
Nuestra documentación para desarrolladores detalla los elementos que puedes modificar y cómo seleccionarlos.
Para agregar CSS personalizado:
- En Acuity, haz clic en Página de reserva de citas y luego en CSS avanzado.
- Agrega tu código en el campo proporcionado y luego haz clic en Guardar.
Para eliminar CSS personalizado:
- En Acuity, haz clic en Página de reserva de citas y luego en CSS avanzado.
- En el campo de entrada de código, borra tu código y luego haz clic en Guardar.
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 webhooks para enviar automáticamente información de Acuity.
Los sitios web de Acuity pueden notificar automáticamente a la URL que elijas sobre la actividad de reserva y compra en Acuity. Los propietarios de cuentas y los colaboradores con acceso de administrador pueden configurar webhooks.
Si eres un desarrollador y quieres aprovechar los webhooks de Acuity, consulta nuestra documentación sobre webhooks.
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.
- Desplázate hasta la sección API y haz clic en ver credenciales.
Si necesitas una experiencia de API más potente, llena este formulario para hablar sobre nuestro Plan Enterprise.