Añadir plantillas

Nota: Las plantillas personalizadas son una función del plan de pago.

La pantalla «Plantillas» te permite descargar, previsualizar y actualizar plantillas personalizadas.

Cambiar el

Puedes utilizar el panel de subida de logotipos para subir tu logotipo. Este se utilizará en todas las plantillas estándar. El cuadro de subida de logotipos admite archivos PNG, GIF y JPEG. El logotipo se insertará en la plantilla a su tamaño real, por lo que debes recortarlo y ajustar su tamaño para que se adapte al diseño de la sala de espera antes de subirlo. Recomendamos que la altura y la anchura sean de unos 300 píxeles.

Vista previa de una

Haz clic en el icono de vista previa para ver cómo se ve la plantilla en acción. Dispones de botones para simular distintos estados de la sala de espera, por ejemplo, «en espera» o «preventa».

Descargar una

Puedes descargar una plantilla estándar para ver cómo está estructurada, o bien descargar una de tus propias plantillas personalizadas en caso de que hayas perdido tu contraseña de GitHub.

Las plantillas se descargarán como archivos ZIP. Puedes editar la plantilla en tu editor HTML favorito y volver a subirla como plantilla personalizada. Las plantillas de CrowdHandler utilizan etiquetas HTML estándar; no hay que aprender ningún formato de etiquetas especial ni se requiere saber programar. 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 que se encuentra entre las etiquetas con los ID #ch-message, #ch-count y #ch-wait se sustituye por los valores reales proporcionados por CrowdHandler. Mientras se establece la conexión, se utilizan los valores predeterminados de la plantilla. Esto significa que todo el texto de la página procede directamente de la plantilla, del contenido que hayas añadido al panel de control o es numérico, lo que hace que las plantillas sean independientes del idioma.

Subir una

Las plantillas se pueden subir como un archivo o se pueden cargar en tiempo real desde una URL.

Incorporar una plantilla mediante

La principal ventaja de cargar la plantilla mediante una URL es que puedes crearla en tu propia página web como un archivo HTML sin formato y, una vez que añadas la URL al panel de control, cualquier cambio que realices en la plantilla se actualizará automáticamente en CrowdHandler. Esto significa que puedes integrar el diseño de la plantilla en tu página web.

Y lo que es aún mejor: si utilizas un CMS, la URL puede ser dinámica, lo que significa que puedes gestionar el contenido de la página de la sala de espera igual que cualquier otra página de tu sitio web. Solo tienes que asegurarte de utilizar todos los identificadores correctos y de no alterar el código JavaScript de la sala de espera.

Almacenaremos en caché el contenido de tu página durante aproximadamente un minuto, por lo que, aunque miles de usuarios accedan a tu sala de espera, solo te solicitaremos actualizaciones una vez por minuto.

Subir una

Puedes subir una plantilla directamente como archivo adjunto. Ten en cuenta que solo se admiten archivos HTML. Cualquier archivo externo que utilices, como JavaScript, CSS e imágenes, debe estar alojado por separado en dominios seguros (https://) para evitar advertencias de contenido no seguro.

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.