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.

Changing the logo#

You can use the upload logo panel to upload your logo. This will be used in all standard templates. The logo upload box supports PNGs, GIFs, and JPEGs. The logo will be inserted into the template at actual size, so crop and resize your logo to suit the waiting room layout before uploading. We recommend in the region of 300 pixels for height and width.

Previewing a Template#

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».

Download a template#

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.

Templates will download as zip files. You can edit the template in your favorite HTML editor, and re-upload as a custom template. The template uses Vue 3 directives to conditionally render sections based on the queue state.

<!-- 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>

The defaults in the template are used while the connection is being established. This means that all of the language on the page either comes directly from the template, or from the content you have added to the control panel, or is numeric, making templates language-agnostic.

To get started with custom templates take a look at our guide.

Upload a template#

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

Incorporating a template by 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.

Uploading a template#

You can upload a template directly as an attachment. Please be aware, this is HTML file only. Any external files you may use, including JavaScript, CSS, and images, must be hosted separately on secure (https://) domains to avoid insecure content warnings.

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.