Nota: Las plantillas personalizadas son una función del plan de pago.
La pantalla de plantillas permite descargar, previsualizar y actualizar plantillas personalizadas.
Cambiar el logotipo
Puede utilizar el panel de carga de logotipos para cargar su logotipo. Se utilizará en todas las plantillas estándar. El cuadro de carga de logotipos admite PNG, GIF y JPEG. El logotipo se insertará en la plantilla a tamaño real, así que recórtelo y modifique su tamaño para que se adapte al diseño de la sala de espera antes de cargarlo. Recomendamos un tamaño aproximado de 300 píxeles de alto y ancho.
Vista previa de una plantilla
Haga clic en el icono de vista previa para ver el aspecto de la plantilla en acción. Dispone de botones para simular distintos estados de la sala de espera, por ejemplo, "esperando", "preventa".
Descargar una plantilla
Puedes descargar una plantilla estándar para ver cómo está construida, o descargar una de tus propias plantillas personalizadas en caso de que hayas extraviado tu contraseña de GitHub.
Las plantillas se descargarán como archivos zip. Puede editar la plantilla en su editor HTML favorito y volver a cargarla como plantilla personalizada. Las plantillas de CrowdHandler utilizan etiquetas HTML estándar, no hay que aprender ningún formato de etiqueta especial ni se necesita código. Las variables de CrowdHandler se insertan en los espacios de la plantilla utilizando únicamente identificadores HTML. Por ejemplo
<section id="ch-active">
<p id="ch-message" class="alert alert-info" role="alert">Our website is very busy at the moment.</p>
<h1>Position: <strong id="ch-count">calculating</strong></h1>
<div class="progress">
<div id="ch-progress" class="progress-bar progress-bar-striped progress-bar-animated active bg-success" role="progressbar" style="width: 100%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<p>Estimated wait time: <strong id="ch-wait">Estimating...</strong></p>
<p><small>You will move to the front of the line automatically. There is no need to refresh this page, but please keep your browser open.</small></p>
</section>En este bloque, el contenido de las etiquetas con ID #ch-message, #ch-count, #ch-wait se sustituye por los valores reales proporcionados por CrowdHandler. Los valores por defecto de la plantilla se utilizan mientras se establece la conexión. Esto significa que todo el idioma de la página proviene directamente de la plantilla, o del contenido que ha añadido al panel de control, o es numérico, haciendo que las plantillas sean agnósticas en cuanto al idioma.
Cargar una plantilla
Las plantillas pueden cargarse como archivos o desde una URL.
Incorporar una plantilla por URL
La ventaja clave de la carga por URL, es que usted puede crear la plantilla en su propio sitio web como un archivo HTML plano, y una vez que añada la URL al panel de control, cualquier cambio que realice en su plantilla se actualizará automáticamente dentro de CrowdHandler. Esto significa que puede incorporar el diseño de la plantilla en su sitio web.
Aún mejor - si utiliza un CMS, la URL puede ser una URL dinámica, lo que significa que puede gestionar el contenido de su página de sala de espera como cualquier otra página de su sitio. Solo tienes que asegurarte de que utilizas todos los ID correctos y no interrumpes el JavaScript de la sala de espera.
Almacenaremos en caché el contenido de su página durante aproximadamente un minuto, de modo que aunque miles de usuarios estén visitando su sala de espera, sólo le solicitaremos actualizaciones una vez por minuto.
Cargar una plantilla
Puede cargar una plantilla directamente como archivo adjunto. Tenga en cuenta que sólo se trata de un archivo HTML. Todos los archivos externos que pueda utilizar, incluidos Javascript, CSS e imágenes, deben alojarse por separado en dominios seguros (https://) para evitar advertencias de contenido inseguro.
Important: relative urls, for links and assets etc., will not resolve to your domain. You can either ensure all urls are absolute or add a base element to your template. e.g. <base href="https://www.crowdhandler.com/"> This will affect all of your relative urls.