Tu sala de espera, a tu manera: descubre las nuevas plantillas de CrowdHandler
CrowdHandler siempre te ha ofrecido la libertad de diseñar tu sala de espera exactamente como tú quieras. Por ejemplo, puedes subir tu propio código HTML, modificar los mensajes o adaptarlo a tu marca.
Con el paso del tiempo, los clientes empezaron a llevar esa flexibilidad mucho más allá de lo que habíamos imaginado inicialmente. Hemos visto salas de espera con fondos de vídeo inmersivos, imágenes interactivas de productos en 3D y guiones personalizados que adaptan toda la experiencia en función de las condiciones de la cola en tiempo real.
Solo había un inconveniente: alcanzar ese nivel de sofisticación solía requerir un profundo conocimiento de JavaScript. Lo que deberían haber sido simples ajustes (como modificar los mensajes u ocultar elementos en determinadas condiciones) acabó implicando el uso de observadores de mutaciones, la manipulación del DOM y una compleja gestión de eventos vinculada a los datos de la cola.
No dejábamos de observar cómo se repetían los mismos patrones en distintos clientes. Y la conclusión era evidente: esto no debería ser tan difícil.
Así que hicimos unos cuantos chan
¿Por qué Vue.js?
Cuando nos propusimos rediseñar el motor de plantillas, nos centramos en una pregunta muy sencilla: ¿quién edita realmente estas plantillas?
No siempre se trata de desarrolladores sénior. Lo más habitual es que sean diseñadores, profesionales del marketing o desarrolladores junior. Se trata de personas que se sienten cómodas trabajando con HTML y CSS, pero que no deberían tener que recurrir a la ingeniería inversa de una lógica compleja de JavaScript solo para realizar un pequeño cambio.
Vue logra un equilibrio difícil de superar. Su sintaxis se asemeja al HTML que todos conocemos, mejorado con algunos atributos intuitivos para añadir lógica. No hay configuraciones de compilación complicadas, ni JSX, ni sobrecarga de herramientas. Escribes el código de marcado y funciona.
Para las modificaciones cotidianas, como actualizar diseños, pulir el texto o reorganizar secciones, la experiencia resulta casi idéntica a la de editar HTML sin formato. Sin embargo, cuando necesitas un comportamiento dinámico, Vue te permite añadirlo directamente en el código sin tener que lidiar con el DOM.
De soluciones alternativas complejas a un marcado sencillo
Muchas de las personalizaciones que hemos visto crear a los clientes a lo largo de los años siguen el mismo patrón de ajustes prácticos y centrados en el usuario que antes requerían mucho más esfuerzo del que deberían.
Ahora, en lugar de escribir scripts personalizados para supervisar y modificar la visualización de los tiempos de espera, puedes gestionarlo con una sencilla expresión condicional. En lugar de interceptar las actualizaciones de la cola para ocultar los niveles de existencias durante el modo de cuenta atrás, puedes aplicar una única directiva directamente en tu código de marcado.
Un mejor punto de partida
Además del nuevo motor de plantillas, hemos rediseñado por completo la plantilla predeterminada de la sala de espera. El objetivo era sencillo: ofrecerte una base más sólida, tanto si quieres personalizarla a fondo como si solo quieres hacer unos cuantos cambios rápidos.
La nueva plantilla está diseñada para ser flexible, accesible y estar lista para un público internacional desde el primer momento. Puedes adaptarla rápidamente a tu marca, cumple con el nivel AAA de accesibilidad y puede atender a usuarios en varios idiomas sin necesidad de configuración adicional.
Además de la accesibilidad, las plantillas ofrecen una experiencia multilingüe a tus usuarios. La plantilla multilingüe estándar admite 50 idiomas diferentes de serie.
Un flujo de trabajo más rápido y más inteligente
Uno de los principales problemas que nos plantearon los clientes (sobre todo los diseñadores) era el ciclo de retroalimentación: realizar un cambio, subirlo, activar un escenario de cola, detectar un problema y volver a empezar.
Fue lento, frustrante e innecesario.
Con el nuevo sistema, puedes trabajar con datos de prueba integrados de forma local.
¿Quieres ver cómo se comporta tu sala de espera con miles de usuarios en la cola? Solo tienes que cambiar un valor.
¿Necesitas ver una vista previa del modo de cuenta atrás o del comportamiento de las existencias? Activa o desactiva una opción.
Puedes explorar todos los escenarios sin salir en ningún momento de tu entorno de desarrollo.
La vista para móviles
¿Qué pasa con las plantillas existentes?
No cambia nada.
Tus plantillas actuales seguirán funcionando exactamente igual que hasta ahora. No habrá ninguna migración obligatoria, ningún plazo de obsolescencia ni ninguna interrupción en tu configuración actual.
Las nuevas plantillas se lanzarán en versión beta junto con el sistema actual. Si lo que tienes ya te funciona, puedes seguir utilizándolo. Pero si empiezas desde cero (o quieres actualizarlo), el nuevo sistema te ofrece un proceso mucho más sencillo.
Pruébalo hoy mismo
El nuevo sistema de plantillas ya está disponible en versión beta en tu panel de control de CrowdHandler.
Tanto si buscas un control del diseño con precisión al píxel sin necesidad de recurrir a scripts complejos, como si prefieres una lógica más clara y fácil de mantener sin tener que lidiar con el DOM, esta actualización está pensada para hacerte la vida más fácil.
Si ya utilizas CrowdHandler, no dudes en echar un vistazo a las nuevas plantillas. Si eres nuevo, ahora es el momento perfecto para empezar. Puedes registrarte en CrowdHandler de forma gratuita.