Aggiunta di modelli

Nota: i modelli personalizzati sono una funzionalità disponibile solo nei piani a pagamento.

La schermata "Modelli" consente di scaricare, visualizzare in anteprima e aggiornare i modelli personalizzati.

Modifica del

Puoi utilizzare il pannello di caricamento del logo per caricare il tuo logo. Questo verrà utilizzato in tutti i modelli standard. La casella di caricamento del logo supporta i formati PNG, GIF e JPEG. Il logo verrà inserito nel modello a grandezza naturale, quindi ritaglia e ridimensiona il logo in modo che si adatti al layout della sala d'attesa prima di caricarlo. Consigliamo di mantenere un'altezza e una larghezza di circa 300 pixel.

Anteprima di un

Clicca sull'icona di anteprima per vedere come appare il modello in azione. Sono disponibili dei pulsanti per simulare varie condizioni della sala d'attesa, ad esempio "in attesa" e "pre-vendita".

Scarica un

Puoi scaricare un modello standard per vedere come è strutturato, oppure scaricare uno dei tuoi modelli personalizzati nel caso in cui avessi smarrito la password di GitHub.

I modelli verranno scaricati come file zip. È possibile modificare il modello nel proprio editor HTML preferito e ricaricarlo come modello personalizzato. I modelli di CrowdHandler utilizzano tag HTML standard; non è necessario imparare alcun formato di tag speciale né scrivere codice. Le variabili di CrowdHandler vengono inserite negli spazi del modello utilizzando esclusivamente gli ID HTML. Ad esempio:

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

In questo blocco, il contenuto all’interno dei tag con ID #ch-message, #ch-count e #ch-wait viene sostituito con i valori effettivi forniti da CrowdHandler. Durante la fase di stabilimento della connessione vengono utilizzati i valori predefiniti presenti nel modello. Ciò significa che tutto il testo presente nella pagina proviene direttamente dal modello, dai contenuti aggiunti dal pannello di controllo oppure è di tipo numerico, rendendo i modelli indipendenti dalla lingua.

Carica un

I modelli possono essere caricati come file oppure caricati in tempo reale da un URL.

Inserimento di un modello tramite

Il vantaggio principale del caricamento tramite URL è che puoi creare il modello sul tuo sito web come file HTML semplice e, una volta aggiunto l'URL al pannello di controllo, qualsiasi modifica apportata al modello verrà automaticamente aggiornata all'interno di CrowdHandler. Ciò significa che puoi integrare il design del modello nel tuo sito web.

Ancora meglio: se utilizzi un CMS, l'URL può essere dinamico, il che significa che puoi gestire i contenuti della pagina della sala d'attesa proprio come qualsiasi altra pagina del tuo sito. Assicurati solo di utilizzare tutti gli ID corretti e di non interferire con il codice JavaScript della sala d'attesa.

Metteremo in cache il contenuto della tua pagina per circa un minuto, quindi, anche se migliaia di utenti accedono alla tua sala d'attesa, effettueremo una richiesta di aggiornamento solo una volta al minuto.

Caricamento di un

È possibile caricare un modello direttamente come allegato. Si prega di tenere presente che è ammesso solo il formato HTML. Eventuali file esterni utilizzati, inclusi JavaScript, CSS e immagini, devono essere ospitati separatamente su domini sicuri (https://) per evitare avvisi relativi a contenuti non sicuri.

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.