La prenotazione del ristorante, dentro il suo sito

Ogni sede del ristorante ha un suo codice. Il ristoratore lo trova in Facile Scontrino, in Configura → Orari e prenotazioni → Mettila sul tuo sito, insieme al codice da incollare già pronto. Da lì può anche mandarti il link a questa pagina, con gli esempi già completi.

Le prenotazioni online devono essere accese nella stessa pagina: se sono spente, al posto del modulo compare «Prenotazioni non disponibili».

Metti questo codice dove vuoi che compaia il modulo, per esempio nella pagina «Prenota»:

<div data-facilescontrino-prenota="CODICE-DELLA-SEDE"></div>
<script src="https://facilescontrino.it/widget/prenota.js" async></script>

Il modulo occupa tutta la larghezza che gli dai (rende al meglio fino a circa 450 px: mettilo in una colonna) e l'altezza si regola da sola a ogni passaggio, senza barre di scorrimento. Prende i colori, il carattere e il logo del locale.

Per un pulsante nel menu o in testata: il modulo si apre in una finestra sopra il sito.

<button data-facilescontrino-apri="CODICE-DELLA-SEDE">Prenota un tavolo</button>
<script src="https://facilescontrino.it/widget/prenota.js" async></script>

Puoi usare un tuo pulsante con la tua grafica: basta aggiungere l'attributo data-facilescontrino-apri a qualsiasi elemento (anche un <a>). Lo script va incollato una volta sola per pagina, anche se usi più modi insieme. Da JavaScript: FacileScontrinoPrenota.apri("CODICE-DELLA-SEDE").

Alcune piattaforme non permettono di incollare script. In quel caso usa un semplice link, che apre la pagina di prenotazione del locale:

https://facilescontrino.it/prenota/CODICE-DELLA-SEDE

Se la piattaforma permette di incorporare una pagina web (un «iframe»), puoi incorporare questo indirizzo, con un'altezza di circa 900 px:

https://facilescontrino.it/prenota/CODICE-DELLA-SEDE?embed=1

• WordPress (editor a blocchi). Aggiungi un blocco «HTML personalizzato» e incolla il codice. Con Elementor, Divi o WPBakery usa il loro elemento «HTML» o «Codice».
• Wix. «Incorpora codice» chiude il codice in un riquadro ad altezza fissa: la finestra del punto 3 resterebbe dentro quel riquadro. Usa il modulo dentro la pagina in «Incorpora HTML» dando al riquadro circa 900 px di altezza, oppure un pulsante di Wix con il link del punto 4.
• Squarespace. Un blocco «Codice» (serve un piano che permetta gli script). Con i piani che non lo permettono, un pulsante con il link del punto 4.
• Webflow. Elemento «Embed». Il modulo compare solo sul sito pubblicato, non nel Designer.
• Joomla, Drupal, siti fatti a mano. Un modulo o un blocco HTML, oppure direttamente nel template.

Quando un cliente completa una prenotazione, lo script lo dice alla pagina che lo ospita. Non arrivano mai nome, telefono o email del cliente: solo giorno, ora e numero di persone.

Google Tag Manager e Google Analytics 4: se nella pagina c'è Tag Manager, lo script aggiunge al dataLayer l'evento prenotazione_tavolo, con prenotazione_giorno, prenotazione_ora e prenotazione_persone. In Tag Manager crea un attivatore «Evento personalizzato» con quel nome e collegaci il tag di GA4 o la conversione di Google Ads. Se il sito usa direttamente gtag, l'evento prenotazione_tavolo arriva già a Google Analytics: segnalo come evento chiave.

Meta (Facebook e Instagram) o altri strumenti: ascolta l'evento della pagina.

<script>
  window.addEventListener('facilescontrino:prenotazione', function (e) {
    // e.detail = { giorno: "2026-10-12", ora: "20:30", persone: 4 }
    if (window.fbq) fbq('track', 'Schedule');
  });
</script>

Il titolare dei dati della prenotazione è il ristorante; il modulo mostra la sua informativa e chiede il consenso prima di inviare. I dati vanno direttamente a Facile Scontrino e non passano dal sito che ospita il modulo.

Il modulo non usa cookie e non installa statistiche. Può caricare da Google Fonts il carattere scelto dal locale: se il sito ha un'informativa che elenca i servizi esterni, aggiungi Facile Scontrino (prenotazioni) e Google Fonts.