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 logotipo

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 plantilla

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 plantilla

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. La plantilla utiliza directivas de Vue 3 para mostrar secciones de forma condicional en función del estado de la cola.

<!-- Container that shows when loaded -->
<div id="crowdhandler-template" :class="{ 'active': ch.isLoaded }" role="main">
  <!-- Screen reader announcements -->
  <div class="ch-sr-only" aria-live="polite" aria-atomic="true">{{ ch.announcement }}</div>

  <!-- Your template content -->

  <!-- Captcha container (required if captcha is enabled) -->
  <div id="ch-captcha-form"></div>

  <!-- Script inclusion -->
  <script type="module" src="/src/main.js"></script>
</div>

Durante el establecimiento de 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.

Para empezar a utilizar las plantillas personalizadas, echa un vistazo a nuestra guía.

Subir una plantilla

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

Incorporar una plantilla mediante una URL

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 plantilla

Puedes subir una plantilla directamente como archivo adjunto. Ten en cuenta que solo se admiten archivos HTML. Cualquier archivo externo que utilices, incluidos los de 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.