Come impostare il codice di incorporamento per il tuo carosello di eventi

Condividi questo post

Con un Timely account, puoi facilmente creare un carosello di eventi nel tuo sito Web per visualizzare gli eventi online. Una volta installato il widget carosello, tutte le modifiche apportate agli eventi selezionati vengono aggiornate automaticamente sul carosello sul tuo sito web. In questo post imparerai tutti i passaggi per impostare il codice di incorporamento per il tuo carosello di eventi.

Creazione di un calendario online e widget di eventi per il tuo sito web è semplice con Timely.

Per evidenziare eventi specifici in modo divertente e accattivante, valuta la possibilità di aggiungere un carosello di eventi al tuo sito web. Con Timely visualizzazione carosello, puoi mostrare fino a 12 eventi di fila fino a 4 eventi alla volta. Guardalo dal vivo nel nostro pagina dimostrativa del widget del carosello degli eventi.

La visualizzazione degli eventi su un carosello di offerte renderà il tuo sito web più interessante e coinvolgente. In effetti, un carosello con eventi può migliorare il design della pagina Web e il modo in cui il tuo pubblico interagisce con il contenuto dell'evento.

2. Sistemi di gestione dei contenuti (CMS) supportati 

TimelyLa piattaforma per eventi e i widget di possono essere incorporati in qualsiasi sito Web pubblico o privato o applicazione mobile. Funzionano perfettamente con molte piattaforme di contenuti di siti Web, incluse ma non limitate a:

  • WordPress
  • HTML
  • Shopify:
  • Wix
  • SquareSpace
  • Joomla
  • Drupal
  • Magento/AdobeCommerce
  • Adobe Experience Manager
  • Weebly
  • Vai papà
  • Microsoft SharePoint/Pagine di alimentazione
  • Agilità

Indipendentemente dal CMS che utilizzi, le istruzioni generali per impostare il codice di incorporamento per il tuo carosello di eventi sono le stesse. Continua a leggere per saperne di più. 

L'aggiunta di un codice di incorporamento del carosello di eventi sul back-end del tuo sito web ti consentirà di pubblicare un numero limitato di eventi su un widget carosello visivamente accattivante. Se si dispone di un particolare tipo di eventi che si desidera visualizzare nel carosello, si consiglia di personalizzare il codice di incorporamento del widget.

Consulta le istruzioni dettagliate di seguito:

  1. Accedi al tuo Timely account.
  2. Nel menu di navigazione principale, fare clic su Impostazioni profiloe poi via Codice di incorporamento. Puoi anche utilizzare il collegamento nell'angolo in alto a destra della dashboard.
  3. Quindi, si aprirà una nuova pagina che mostra tutte le opzioni e le preferenze del codice di incorporamento. Attualmente, sono disponibili 4 tipi di codice di incorporamento tra cui scegliere: calendario, carosello, dispositivo di scorrimento e pulsante Aggiungi evento.
  4. Poiché questo post riguarda come impostare il codice di incorporamento per il carosello di eventi, on Tipo di incorporamento, scegli il giostra opzione.
stampa schermo di Timely opzione del codice di incorporamento del carosello del software di gestione degli eventi

Se non desideri personalizzare il codice di incorporamento, puoi andare direttamente alla sezione del codice del widget di seguito (6. Impostazione del codice di incorporamento iFrame di Carousel). Altrimenti, continua a leggere questo post per saperne di più.  

Appena sotto il giostra incorpora l'opzione del tipo di codice, vedrai il file Impostazioni avanzate menu a discesa. Queste impostazioni saranno diverse a seconda del tipo di codice di incorporamento selezionato.

Ecco come modificare il codice di incorporamento del widget del carosello degli eventi Impostazioni avanzate:

Numero massimo di eventi da mostrare

Con questa funzione, puoi scegliere di visualizzare fino a 12 eventi in un carosello. Basta digitare il numero preferito di eventi sulla casella.

stampa schermo di Timely software di gestione degli eventi carosello eventi max per mostrare l'opzione

Numero massimo di eventi per pagina

Se lo desideri, puoi anche visualizzare più di un evento contemporaneamente nel tuo carosello. Il numero massimo di eventi visualizzabili contemporaneamente è 4.

schermata di stampa per l'anteprima massima dell'evento per pagina

Tempo di ritardo del cursore

Se lo desideri, puoi scegliere il tempo di ritardo per ogni post dell'evento visualizzato sul dispositivo di scorrimento (in secondi).

stampa schermo di Timely impostazioni del tempo di ritardo del cursore del sistema di gestione degli eventi

Intervallo di date

Utilizza l'opzione dell'intervallo di date per selezionare un intervallo di date specifico per gli eventi che verranno visualizzati nel carosello. Le opzioni sono le seguenti:

  • Prossimi eventi
  • Eventi di oggi
  • A partire da domani
  • Intervallo di date personalizzato
  • Prossimi n giorni
  • Prossimi n eventi

Nel caso in cui desideri che il tuo carosello mostri solo gli eventi contrassegnati come presenti nel tuo calendario, seleziona semplicemente la casella Eventi in primo piano.

stampa schermo di Timely il carosello del sistema di gestione degli eventi prevedeva le impostazioni degli eventi

5. filtri

Oltre alle impostazioni avanzate spiegate sopra, puoi anche mostrare un carosello con eventi filtrati. Puoi selezionare le categorie, i tag, le organizzazioni, i luoghi e tutti gli altri filtri personalizzati che potresti aver creato.

stampa schermo di Timely impostazioni del filtro del codice di incorporamento del sistema di gestione degli eventi

Dopo aver personalizzato le impostazioni e i filtri avanzati del codice di incorporamento del carosello, puoi procedere e generare il codice di incorporamento. Basta seguire le istruzioni di seguito:

  1. Clicca su Codice widget (copialo sul tuo sito web) filtrare e scegliere l'opzione Incorpora iFrame – Javascript.
  2. Clicca su Copia frammento pulsante per copiare il codice di incorporamento.
stampa schermo di Timely generatore di codice di incorporamento del sistema di gestione degli eventi

Successivamente, devi solo incollare il codice sul back-end del tuo sito web per visualizzare il tuo Timely carosello di eventi. Fare clic sui collegamenti sottostanti per visualizzare istruzioni dettagliate su come incorporare il codice del widget carosello nei seguenti sistemi di gestione dei contenuti:

Per le istruzioni su come installare Timely calendario e widget su altri CMS o applicazioni mobili, per favore contattare l'assistenza clienti.

Per ulteriori indicazioni per l'utente, visitare il nostro Centro Assistenza. Se hai domande o hai bisogno di ulteriore assistenza, non esitare a farlo CONTATTACI. In alternativa, puoi aprire un ticket di supporto dal tuo Timely dashboard dell'account.