Piazza in Festa

Sagre e feste di paese, su una mappa.

Integrazioni · Sito su misura

Il calendario eventi su un sito fatto su misura

Nessun CMS, o un CMS vostro: il codice è una riga e non porta con sé librerie, CSS o dipendenze.

Dove si mette

Nel template della pagina, esattamente dove volete che compaia il calendario.

  1. Apri il template o la pagina dove va il calendario.
  2. Incolla il codice qui sotto nel punto giusto del markup.
  3. Pubblica: non c’è altro da configurare, né lato server né lato build.

Il codice

Questo esempio mostra gli eventi di Alba. Per avere il tuo, con i tuoi comuni e i tuoi colori, passa dal configuratore: cambia solo la riga dei comuni.

<script src="https://piazzainfesta.it/widget.js" data-comune="alba" data-limite="5"></script>

Se la tua piattaforma rifiuta i tag <script>, c'è la versione a riquadro fisso, che non ha bisogno di JavaScript. In cambio l'altezza la decidi tu e non si adatta da sola:

<iframe src="https://piazzainfesta.it/embed?comune=alba&limite=5"
        style="width:100%;height:460px;border:0"
        title="Eventi in zona"></iframe>

L'inghippo da sapere

Se il sito ha una Content-Security-Policy (header CSP), il riquadro resta vuoto finché non autorizzate il nostro dominio: serve <code>frame-src https://piazzainfesta.it</code> e, per la riga che regola l’altezza, <code>script-src</code> che consenta lo script del vostro stesso dominio. È il motivo più frequente per cui su un sito moderno e ben configurato non si vede niente.

Quanto costa

Gratis con una riga piccola in fondo che dice da dove arrivano gli eventi. Senza il nostro marchio e con i tuoi colori sono 19 € al mese, si attiva dal widget.

Altre piattaforme

WordPress

Blocco nell'editor e shortcode, col nostro plugin.

Guida

Joomla

Un modulo HTML personalizzato assegnato a una posizione del template, oppure il codice dentro un articolo.

Guida

Drupal

Un blocco personalizzato con formato testo Full HTML.

Guida

Elementor

Elementor gira su WordPress, quindi si passa dal nostro plugin: è lui che stampa il calendario lato server.

Guida

Wix

Nell’editor: Aggiungi › Incorpora codice › Incorpora HTML, poi il pulsante "Codice".

Guida

Squarespace

Nell’editor della pagina, aggiungi un blocco Code e lascia il tipo su HTML.

Guida

Shopify

Nel personalizzatore del tema, con una sezione Liquid personalizzato.

Guida