Compatibilità:

WebSite X5 Evo e Pro

L'esempio più semplice è quello del Calendario dell'Avvento: ogni giorno si apre una finestrella e si scopre la sorpresa nascosta al suo interno. Hai mai pensato di utilizzarne una versione online per coinvolgere i visitatori del tuo sito o i clienti del tuo e-commerce in un emozionante conto alla rovescia verso il Natale? E non hai mai immaginato di poter replicare lo stesso meccanismo creando Calendari analoghi anche per altri momenti dell'anno? 


È quello che puoi fare con l'Oggetto Opzionale Adv Calendar: creare il tuo calendario, decidendone la durata, scegliendo i regali sotto le caselle e tematizzandolo in base al periodo in cui lo vuoi lanciare. Lasciati ispirare da alcuni esempi proposti nella pagina Anteprima e poi inizia subito a realizzare il tuo Calendario: sarà un fantastico strumento di promozione e marketing per le tue attività.



Come funziona

Il calendario che ci apprestiamo a realizzare con l'Oggetto Adv Calendar prevede:

  1. il calendario, ovvero la griglia che l'utente vede quando accede. Presenta un'immagine di sfondo su cui sono disposte tante celle quanti sono i giorni per cui il calendario è attivo.
  2. le caselle, ovvero i contenuti a cui l'utente accede cliccando sulle celle attive del calendario. Ogni casella è rappresentata chiusa sul calendario e al click si aprirà in popup. La casella aperta in popup potrà avere un titolo, un'immagine, una breve descrizione e un link.


Il numero delle caselle attive lo decidi tu: potranno essere 24 nel caso dell'Avvento ma potranno anche essere di meno o di più a seconda dell'attività che vorrai proporre. Anche il meccanismo può variare in base a ciò che preferisci: per esempio, puoi fare in modo che le caselle possano essere sempre tutte attive, oppure decidere che si aprano solo alla data esatta a cui corrispondono. 


Cosa inserire all'interno delle caselle è un altro punto su cui hai ampia scelta. Molto dipende dagli obiettivi che vuoi raggiungere attraverso il calendario:

  • Se vuoi intrattenere il tuo pubblico, puoi semplicemente presentare o linkare dei contenuti curiosi: immagini, gif, video, brani musicali, ecc...
  • Se, invece, vuoi fidelizzare lettori e clienti, potresti regalare qualcosa che possa avere un valore per loro: non pensare subito a grandi cose, potrebbero essere sufficienti dei consigli presentati come "Tip del giorno" oppure risorse online come guide pdf o video tutorial.
  • Infine, se vuoi promuovere le vendite sul tuo store, puoi fare in modo che ogni casella offra uno sconto o metta in promozione un prodotto specifico.


Ovviamente nulla ti vieta di fare un mix: soprattutto se hai un calendario lungo da coprire potresti "mischiare" promozioni e contenuti vari, in modo da rendere il tutto meno ripetitivo e più sorprendente.         


Vediamo, dunque, quali sono i passaggi per configurare un calendario.


Definisci numero e contenuti delle caselle

Stabilito il tipo di calendario che vuoi realizzare, inizia occupandoti subito dei contenuti delle caselle aperte in popup, ovvero delle schede che gli utenti visualizzeranno aprendo le finestrelle del calendario:

  • Fai doppio click sull’Oggetto Adv Calendar inserito per accedere alla finestra con tutte le opzioni.
  • Rimani nella sezione Generale. Come vedi, l'Elenco delle caselle è vuoto: clicca sul pulsante Aggiungi per creare una nuova casella.
  • La casella creata viene aggiunta nell'Elenco delle caselle: selezionala e utilizza le opzioni disponibili per definirne i contenuti:
    • Per prima cosa, rinomina la nuova casella. Ricorda che il nome che associ verrà utilizzato solo nell'Elenco delle caselle e non sarà visualizzato nel calendario finale. Sceglilo in modo che ti aiuti a riconoscere la casella in questione dalle altre. 
    • A questo punto, importa un'immagine, scrivi un titolo e aggiungi una breve descrizione.
    • Se lo desideri, scrivi il Testo del pulsante e clicca su Collegamento per impostare il link. Puoi far fare all'utente quello che preferisci: aprire una pagina, scaricare un pdf, lanciare un video, procedere ad un acquisto, ecc... 
    • Se vuoi dare più importanza a questa casella rispetto alle altre, fai in modo che sia semplicemente più grande: attiva l'opzione Casella su due colonne e la sua finestrella chiusa sul calendario sarà larga il doppio.  
  • Ripeti queste operazioni per creare tutte le caselle che ti occorrono. 
  • Ovviamente sarai sempre in tempo per aggiungere nuove caselle, rimuovere quelle che non servono più e modificare l'ordine con cui sono disposte nell'elenco: per farlo dovrai utilizzare i pulsanti appositi presenti a fianco dell'Elenco delle caselle. 


Imposta lo stile grafico del calendario

Ora ti puoi occupare di definire l'aspetto grafico del calendario, così come si presenta all'utente con tutte le caselle ancora chiuse:

  • Vai nella sezione Stile e, come prima cosa, scegli un Colore o importa un'Immagine da utilizzare come sfondo dell'intero calendario. Il nostro consiglio è di scegliere un'immagine a tema, di dimensioni sufficienti per fare da sfondo all'intero Oggetto. 
  • Decidi quante Caselle per riga vuoi che vengano disposte.
  • Scegli l'Ordine delle caselle: puoi fare in modo che siano disposte in ordine crescente (in base alla data o al numero loro associato) oppure in ordine casuale.
  • Se decidi per una disposizione casuale puoi fare anche in modo che tra le caselle attive vengano lasciati degli spazi vuoti: specifica semplicemente il numero di Caselle vuote che vuoi avere per ciascuna riga.
  • Scegli il Formato etichetta, ovvero cosa deve essere riportato come intestazione delle caselle chiuse. Puoi scegliere che venga visualizzato: 
    • un Numero progressivo: le caselle verranno numerate partendo dall'1 (1, 2, 3, ecc.);
    • il Giorno: in ogni casella verrà riportato il numero del giorno corrente;
    • Giorno e mese: in ogni casella verrà riportata la data con il numero del giorno e l'indicazione del mese corrente.
#tip - Le caselle vengono numerate o datate in base all'ordine con cui sono disposte nell'Elenco delle caselle. Se vuoi modificare l'ordine delle caselle usa i tasti freccia disponibili a fianco dell'Elenco. Il giorno e il mese vengono stabiliti in base alla 'Data di partenza' impostata per il calendario e all'ordine della caselle.   

Definisci il meccanismo di funzionamento del calendario

Ci sono alcuni parametri su cui puoi agire per definire il meccanismo di funzionamento del calendario:

  • Per prima cosa devi specificare la Data di partenza, ovvero la data da cui vuoi che parta il tuo calendario: per esempio, dovresti inserire "2024-05-22" per far iniziare il tuo calendario il 22 maggio del 2024.
#tip - La data di partenza non è necessaria solo se decidi di numerare le caselle e di lasciarle sempre tutte apribili. In tutti gli altri casi devi indicare una data perché il calendario possa funzionare correttamente.


  • Fatto questo definisci l'Apertura delle caselle, ovvero quando le caselle saranno attive e, di conseguenze, cliccabili. Puoi scegliere tra:
    • Sempre: tutte le caselle saranno sempre attive. Gli utenti, quindi, potranno cliccare in qualsiasi momento su qualsiasi casella, a prescindere dalla data.   
    • Solo il giorno corrispondente: solo la casella corrispondente alla data corrente sarà attiva e potrà essere aperta; tutte le altre caselle saranno disattive.
    • Giorno corrispondente e precedenti: oltre alla casella corrispondente alla data corrente continueranno ad essere attive anche le caselle con una data precedente.
#tip - Per stabilire quali caselle sono apribili in base alla data, viene utilizzato il calendario del computer dell'utente. 


Imposta lo stile grafico delle caselle

Sul colore o sull'immagine di sfondo del calendario vengono automaticamente disposte tante caselle quante quelle inserite nell'Elenco delle caselle. Puoi definire alcuni parametri di stile per le caselle attive ma chiuse usando le opzioni della sezione Stile > Casella. In pratica puoi decidere:

  • il Colore del Bordo;
  • il Tipo di Font (Carattere, dimensioni e formattazione) per l'etichetta della casella;  
  • il Colore dell'etichetta della casella; 
  • l'Allineamento dell'etichetta all'interno della casella.


#tip - Nel definire l'aspetto delle caselle attive ma chiuse considera che vengono automaticamente applicati alcuni effetti sia per lo stato 'attivo' che per lo stato su passaggio mouse.


Per distinguere le caselle già aperte da tutte le altre, invece, puoi decidere tu agendo su:   

  • Colore di Sfondo;
  • Opacità.


Imposta lo stile delle caselle aperte in popup

Definito l'aspetto delle caselle chiuse, puoi occuparti di come devono presentarsi le caselle aperte in popup:

  • Per prima cosa devi definire le Dimensioni in pixel e il Colore di Sfondo delle finestra popup in cui viene aperte la casella e visualizzato il suo contenuto.
  • Come abbiamo detto, la casella aperta si compone di diversi elementi. Usa il menu a discesa per selezionare l'elemento su cui vuoi agire e sfrutta le opzioni di volta in volta disponibili per modificarne lo stile. Per il Titolo e la Descrizione della casella puoi agire su Tipo di Font, Colore e Allineamento. Per il Pulsante, in più, puoi anche definire il Colore di Sfondo, i Margini e lo Smusso degli angoli.   


Richiedi la registrazione

Come abbiamo già detto un calendario di questo tipo potrebbe esserti utile sia per intrattenere e fidelizzare i clienti, sia per spingerli a fare nuovi acquisti offrendo loro sconti e codici promo. Potresti pensare anche di impiegarlo per raccogliere nuovi contatti: puoi farlo molto semplicemente, richiedendo che gli utenti si registrino per poter accedere al calendario.


Per ottenere questo risultato puoi procedere in questo modo:

  • Al Passo 3 - Creazione della Mappa, inserisci una nuova pagina. Nel nostro esempio la chiameremo "Calendar".
  • Inserisci in questa pagina l'Oggetto Adv Calendar e struttura il tuo calendario come abbiamo appena visto.
  • Completa la pagina con qualsiasi altro elemento possa essere utile: titoli, testi esplicativi, elementi grafici, ecc...
  • Torna al Passo 3 - Creazione della Mappa, seleziona la pagina "Calendar" e clicca sul pulsante Protetta: nella finestra richiamata attiva l'opzione Imposta questa pagina come protetta e specifica quali utenti possono accedere alla pagina.
  • Se lavori con l'edizione Pro, puoi impostare la registrazione automatica degli utenti: quando gli utenti cercheranno di accedere alla pagina con il calendario, verranno automaticamente reindirizzati ad una pagina di Login: qui potranno registrarsi o, se dispongono già delle credenziali necessarie, fare il login per accedere.
#tip - Per maggiori informazioni su come creare e gestire una o più pagine protette da password, vedi le guide della sezione Gestione Accessi.  

          


Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Adv Calendar 


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti