Vorlagen hinzufügen

Hinweis: Benutzerdefinierte Vorlagen sind eine Funktion des kostenpflichtigen Tarifs.

Auf dem Vorlagenbildschirm können Sie benutzerdefinierte Vorlagen herunterladen, in der Vorschau anzeigen und aktualisieren.

Das Logo ändern#

Über das Feld „Logo hochladen“ können Sie Ihr Logo hochladen. Dieses wird in allen Standardvorlagen verwendet. Das Feld zum Hochladen des Logos unterstützt die Formate PNG, GIF und JPEG. Das Logo wird in Originalgröße in die Vorlage eingefügt. Passen Sie daher Ihr Logo vor dem Hochladen durch Zuschneiden und Größenanpassung an das Layout des Wartezimmers an. Wir empfehlen eine Höhe und Breite von etwa 300 Pixeln.

Vorschau einer Vorlage#

Klicken Sie auf das Vorschausymbol, um zu sehen, wie die Vorlage in der Praxis aussieht. Es stehen Ihnen Schaltflächen zur Verfügung, mit denen Sie verschiedene Zustände des Wartezimmers simulieren können, z. B. „Warten“ oder „Vorverkauf“.

Vorlage herunterladen#

Sie können eine Standardvorlage herunterladen, um zu sehen, wie sie aufgebaut ist, oder eine Ihrer eigenen benutzerdefinierten Vorlagen herunterladen, falls Sie Ihr GitHub-Passwort verlegt haben.

Die Vorlagen werden als ZIP-Dateien heruntergeladen. Sie können die Vorlage in Ihrem bevorzugten HTML-Editor bearbeiten und anschließend als benutzerdefinierte Vorlage erneut hochladen. Die Vorlage nutzt Vue-3-Direktiven, um Abschnitte je nach Status der Warteschlange bedingt darzustellen.

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

Beim Aufbau der Verbindung werden die Standardwerte aus der Vorlage verwendet. Das bedeutet, dass der gesamte Text auf der Seite entweder direkt aus der Vorlage stammt, aus den Inhalten, die Sie im Kontrollfeld hinzugefügt haben, oder aus Zahlen besteht, wodurch die Vorlagen sprachunabhängig sind.

Um mit benutzerdefinierten Vorlagen loszulegen, werfen Sie einen Blick in unsere Anleitung.

Vorlage hochladen#

Vorlagen können als Datei hochgeladen oder live über eine URL geladen werden.

Einbinden einer Vorlage über eine URL#

Der entscheidende Vorteil des Ladens per URL besteht darin, dass Sie die Vorlage auf Ihrer eigenen Website als reine HTML-Datei erstellen können. Sobald Sie die URL im Control Panel hinzugefügt haben, werden alle Änderungen, die Sie an Ihrer Vorlage vornehmen, automatisch in CrowdHandler aktualisiert. Das bedeutet, dass Sie das Design der Vorlage in Ihre Website integrieren können.

Noch besser: Wenn Sie ein CMS verwenden, kann die URL eine dynamische URL sein, was bedeutet, dass Sie den Inhalt Ihrer Wartezimmer-Seite genauso verwalten können wie jede andere Seite Ihrer Website. Achten Sie nur darauf, dass Sie die richtigen IDs verwenden und das JavaScript des Wartezimmers nicht beeinträchtigen.

Wir speichern den Inhalt Ihrer Seite etwa eine Minute lang im Cache. Selbst wenn Tausende von Nutzern Ihren Warteraum aufrufen, fragen wir Ihre Seite daher nur einmal pro Minute nach Aktualisierungen ab.

Eine Vorlage hochladen#

Sie können eine Vorlage direkt als Anhang hochladen. Bitte beachten Sie, dass dies ausschließlich HTML-Dateien betrifft. Alle externen Dateien, die Sie möglicherweise verwenden, einschließlich JavaScript, CSS und Bilder, müssen separat auf sicheren Domains (https://) gehostet werden, um Warnungen wegen unsicherer Inhalte zu vermeiden.

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.