En el mundo de Bookablesites, la personalización se extiende mucho más allá de las opciones de configuración estándar. Para los usuarios que desean una experiencia verdaderamente personalizada, el “Código personalizado” Esta sección abre la puerta a modificaciones más profundas. Te permite insertar el tuyo propio CSS o JavaScript directamente en su sitio de reservas para realizar ajustes visuales y funcionales avanzados.
Ya sea que desee integrar un widget único, refinar el diseño para reflejar su marca o conectarse con herramientas de terceros, Código personalizado esta función le brinda control creativo total sobre el diseño y el comportamiento de su sitio. Exploremos cómo puede utilizar un código personalizado para crear una experiencia de reserva distintiva para sus clientes.
CSS personalizado
Dentro del “CSS personalizado” área, puedes agregar la tuya propia Hojas de estilo en cascada (CSS) para perfeccionar el aspecto de su sitio web de reservas. Esta poderosa opción le permite modificar fuentes, colores, espaciado, visibilidad de elementos y más—ofreciendo total flexibilidad para diseñar su sitio exactamente como lo imagina.
Ejemplo:
Por defecto, Sitios de reservas’ El formulario de reserva muestra la hora de inicio de las citas. Si prefieres ocultar los tiempos finales, puedes hacerlo fácilmente con un breve fragmento de CSS personalizado:
/Ocultarhoradefinalización/<br>.bs-dt.booking-tsdiv:últimohijo<br>.bs-dt.booking-ts>span:not:primerhijo<br>pantalla:ninguna<br><br>
Cómo funciona
Este fragmento de CSS se dirige a elementos específicos dentro Sitios de reservas’ Formulario de reserva para eliminar la visibilidad de los horarios de finalización de las citas.
Para implementar este CSS personalizado:
- Ir a Personalizar → Código personalizado → CSS personalizado en tu Bookablesites dashboard.
- Copie y pegue el fragmento de CSS en el CSS personalizado editor.
- Haga clic Guardar para aplicar sus cambios.
Una vez guardado, el formulario de reserva ya no mostrará las horas de finalización de las citas, lo que brindará a sus clientes una interfaz de reserva más limpia y simplificada.
JS personalizado
El “JS personalizado” sección en Bookablesites Está diseñado para usuarios que desean ampliar la funcionalidad de su sitio con JavaScript. Al agregar su propio código JS, puede introducir elementos interactivos, automatizar tareas o conectar su sitio de reservas con herramientas y servicios de terceros. Esta flexibilidad le permite crear una experiencia de reserva más dinámica, atractiva y receptiva para sus clientes.
Ejemplo:
Una aplicación popular de JavaScript personalizado es la incorporación de un Widget de chat en su sitio web de reservas. Muchos proveedores de chat en vivo proporcionan un fragmento de código JS que le permite integrar fácilmente su herramienta de chat en su sitio. Aquí hay un ejemplo de cómo podrías usar JS personalizado en Bookablesites Para lograr esta integración:
Cómo funciona
Este código JavaScript configura el Widget de chat proporcionado por su servicio de soporte de chat.
Para agregar su widget de chat usando JS personalizado en Bookablesites:
- Reemplazar ‘AmQrTbkLePxDfHNsJyuRcWaZ’ con tu actual Id de la aplicación del widget de chat proporcionado por su plataforma de chat.
- Copie lo proporcionado JavaScript fragmento de código.
- Navegue hasta el Personalizar → Código personalizado → JS personalizado sección en tu Bookablesites dashboard.
- Pegue el fragmento en el JS personalizado editor.
- Haga clic Guardar para aplicar sus cambios.
Después de ahorrar, el Widget de chat aparecerá en su sitio de reservas, lo que facilitará que los clientes se comuniquen directamente con su equipo de soporte al programar citas.
