El código personalizado te permite ir más allá de las opciones de diseño integradas. Úsalo para ajustar estilos, añadir un banner de cookies o cargar un script de terceros en tu sitio web de reservas.
Antes de empezar
- Tu salón tiene el plan Ultimate.
- Tienes el rol de Super administrador o Propietario.
- Te manejas con HTML, CSS o JavaScript. Un código defectuoso puede romper tu sitio web de reservas.
¿Solo quieres medir las visitas? No necesitas código personalizado. Conecta Google Analytics, Google Tag Manager o Meta Pixel como integración. Consulta Medir las visitas con Google Analytics, Tag Manager o Meta Pixel.
- 1
Paso 1 de 4
Abre la configuración de código personalizado
Ve a Configuración › Apariencia › Personalizado. Verás tres tarjetas: HTML personalizado, CSS personalizado y JS personalizado.
- 2
Paso 2 de 4
Añade tu código
Pega o escribe tu código en el editor de la tarjeta que necesites:
- HTML personalizado se añade al final de cada página.
- CSS personalizado se añade como hoja de estilos a cada página.
- JS personalizado se ejecuta en cada página después de que se cargue. Escribe JavaScript sin etiquetas
script.
- 3
Paso 3 de 4
Guarda
Haz clic en Guardar en la parte inferior de la tarjeta. Cada tarjeta se guarda por separado.
Verás:Aparece el mensaje Configuración actualizada.
- 4
Paso 4 de 4
Prueba tu sitio
Abre tu sitio web de reservas en una nueva ventana privada y comprueba que las páginas se ven bien y que aún puedes completar una reserva.
Dónde se ejecuta tu código
Tu código se ejecuta en todas las páginas de tu sitio web de reservas, incluidos el proceso de reserva, las páginas de la cuenta del cliente y tus páginas personalizadas. También se ejecuta dentro de tu widget de reserva cuando lo insertas en otro sitio web.
No se ejecuta en el Dashboard de Softalon.
Si cambias de plan
Si tu salón pasa a un plan sin código personalizado, tu código deja de ejecutarse en tu sitio. Sigue guardado, así que vuelve a funcionar si regresas al plan Ultimate.
El JavaScript personalizado se ejecuta en páginas donde los clientes introducen datos personales y de pago. Añade solo scripts de fuentes de confianza.
Si algo no funciona
Mi sitio se ve mal después de añadir CSS
Vacía el editor de CSS personalizado, haz clic en Guardar y vuelve a cargar tu sitio. Después añade tus reglas de nuevo poco a poco para encontrar la que causa el problema.
Mi script no se ejecuta
Asegúrate de haber pegado solo el JavaScript en JS personalizado, sin las etiquetas script que lo rodean. Las etiquetas script colocadas en HTML personalizado no se ejecutan. Para cargar un archivo de script externo, créalo desde JS personalizado:
var s = document.createElement("script");
s.src = "https://example.com/widget.js";
document.body.appendChild(s);
Preguntas frecuentes
No. El código personalizado se aplica a todas las páginas. Tu JavaScript puede comprobar la dirección de la página si solo debe actuar en algunas.