Ajouter des modèles

Remarque : les modèles personnalisés sont une fonctionnalité réservée aux abonnements payants.

L'écran « Modèles » vous permet de télécharger, de prévisualiser et de mettre à jour des modèles personnalisés.

Modification du

Vous pouvez utiliser le panneau de téléchargement de logo pour importer votre logo. Celui-ci sera utilisé dans tous les modèles standard. La zone de téléchargement de logo prend en charge les formats PNG, GIF et JPEG. Le logo sera inséré dans le modèle à sa taille réelle ; veillez donc à le recadrer et à le redimensionner pour l'adapter à la mise en page de la salle d'attente avant de le télécharger. Nous vous recommandons une hauteur et une largeur d'environ 300 pixels.

Aperçu d'un

Cliquez sur l'icône d'aperçu pour voir à quoi ressemble le modèle en situation réelle. Des boutons vous permettent de simuler différents états de la salle d'attente, par exemple « en attente » ou « pré-vente ».

Télécharger un

Vous pouvez télécharger un modèle standard pour voir comment il est structuré, ou télécharger l'un de vos propres modèles personnalisés au cas où vous auriez égaré votre mot de passe GitHub.

Les modèles seront téléchargés sous forme de fichiers ZIP. Vous pouvez modifier le modèle dans votre éditeur HTML préféré, puis le réimporter en tant que modèle personnalisé. Les modèles CrowdHandler utilisent des balises HTML standard ; il n'y a donc pas de format de balises particulier à apprendre ni de code à écrire. Les variables CrowdHandler sont insérées dans les espaces du modèle en utilisant uniquement des identifiants HTML. Par exemple :

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

Dans ce bloc, le contenu des balises portant les identifiants #ch-message, #ch-count et #ch-wait est intégralement remplacé par les valeurs réelles fournies par CrowdHandler. Les valeurs par défaut du modèle sont utilisées pendant l'établissement de la connexion. Cela signifie que tout le texte de la page provient soit directement du modèle, soit du contenu que vous avez ajouté au panneau de configuration, soit qu'il s'agit de valeurs numériques, ce qui rend les modèles indépendants de la langue.

Importer un

Les modèles peuvent être importés sous forme de fichier ou chargés en direct à partir d'une URL.

Intégration d'un modèle via son

Le principal avantage du chargement par URL est que vous pouvez créer le modèle sur votre propre site web sous la forme d'un simple fichier HTML. Une fois l'URL ajoutée au panneau de configuration, toute modification apportée à votre modèle sera automatiquement répercutée dans CrowdHandler. Cela signifie que vous pouvez intégrer la mise en page du modèle à votre site web.

Mieux encore : si vous utilisez un CMS, l'URL peut être dynamique, ce qui signifie que vous pouvez gérer le contenu de votre page « salle d'attente » comme n'importe quelle autre page de votre site. Veillez simplement à utiliser les bons identifiants et à ne pas perturber le code JavaScript de la salle d'attente.

Nous mettrons en cache le contenu de votre page pendant environ une minute ; ainsi, même si des milliers d'utilisateurs accèdent à votre salle d'attente, nous ne vous interrogerons qu'une fois par minute pour obtenir les mises à jour.

Importer un

Vous pouvez télécharger un modèle directement en pièce jointe. Attention : cela ne concerne que les fichiers HTML. Tous les fichiers externes que vous pourriez utiliser, notamment les fichiers JavaScript, CSS et les images, doivent être hébergés séparément sur des domaines sécurisés (https://) afin d'éviter les avertissements relatifs au contenu non sécurisé.

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.