Avanzate (CSS, tracciamento, app)

La scheda Avanzate è dove vai oltre i controlli visuali. Qui puoi inserire il tuo CSS per ridefinire lo stile della pagina, collegare i pixel di marketing e di analisi così da misurare le visite e — per chi ha competenze tecniche — esportare una copia autonoma della tua pagina di prenotazione da ospitare in autonomia. La maggior parte dei ristoranti non ne ha mai bisogno: le schede Branding, Pagine e Impostazioni coprono le esigenze di tutti i giorni. Ma quando vuoi più controllo, è qui che lo trovi.

Prima di iniziare

Questi strumenti si trovano nella scheda Avanzate dell’editor della tua pagina di prenotazione. Apri Pagina prenotazione dal menu a sinistra, poi clicca sulla scheda Avanzate (quella con l’icona del codice). Disponibile sui piani che includono la pagina di prenotazione. Per aprire l’editor serve il permesso Visualizza configurazione pagina di prenotazione, mentre per salvare le modifiche serve Modifica configurazione pagina di prenotazione. Come titolare del ristorante possiedi ogni permesso per impostazione predefinita; i dipendenti lo vedono solo dopo che glielo concedi. Il CSS personalizzato e i Pixel di tracciamento sono funzionalità aggiuntive — compaiono solo quando il tuo piano le include, altrimenti al loro posto vedrai un invito ad aggiornare il piano.

Cosa trovi nella scheda Avanzate

Tre strumenti distinti, dall’alto verso il basso:

• Impostazioni avanzate — un riquadro CSS personalizzato per definire lo stile della pagina con le tue regole.
• Pixel di Tracciamento — collega un pixel di Facebook, Google Analytics o TikTok per misurare il traffico e le campagne pubblicitarie.
• App Prenotazione Standalone — scarica una copia autonoma della tua pagina di prenotazione da ospitare sul tuo server web.

Ognuno si salva in modo diverso, e questo è importante — continua a leggere.

CSS personalizzato

Il CSS è il linguaggio che controlla l’aspetto di una pagina web — colori, spaziatura, angoli arrotondati e così via. Se tu (o un tecnico web con cui collabori) conosci il CSS, il riquadro CSS personalizzato ti permette di ridefinire lo stile della tua pagina di prenotazione in modi che i controlli di branding non coprono. Tutto ciò che scrivi qui viene applicato sopra al tema che hai scelto.

1. Apri Pagina prenotazione e clicca sulla scheda Avanzate.
2. Nel pannello Impostazioni avanzate, digita o incolla le tue regole nel riquadro CSS personalizzato.
3. Clicca Salva nella barra che compare in fondo allo schermo.

Il riquadro CSS personalizzato nella scheda Avanzate. L'anteprima live accanto all'editor si aggiorna mentre digiti.

Ad esempio, per arrotondare gli angoli del modulo di prenotazione:

.booking-form {
  border-radius: 12px;
}

L’anteprima live accanto all’editor si aggiorna mentre digiti, così puoi vedere l’effetto prima che qualcosa vada online. Le tue modifiche raggiungono gli ospiti quando fai Salva e la tua pagina viene pubblicata (la pubblicazione si trova nella scheda Impostazioni).

Attenzione

Il CSS personalizzato è potente e si applica all’intera pagina di prenotazione. Una regola sbagliata può nascondere pulsanti, sovrapporre il testo o rovinare l’impaginazione sugli smartphone. Cambia una cosa alla volta, tieni d’occhio l’anteprima e annota ciò che modifichi così da poterlo annullare. Puoi inserire fino a 10.000 caratteri.

Pixel di tracciamento

Un pixel di tracciamento è un piccolo frammento di codice fornito da una piattaforma pubblicitaria o di analisi. Aggiungerne uno permette a quella piattaforma di contare le visite alla tua pagina di prenotazione e di capire quali delle tue inserzioni hanno portato a prenotazioni — così puoi misurare il rendimento delle campagne e creare segmenti di pubblico. Eighty-Six supporta tre dei provider più diffusi.

1. Nella scheda Avanzate, individua il pannello Pixel di Tracciamento.
2. Attiva l’interruttore del provider che usi. La relativa casella ID di tracciamento diventa modificabile.
3. Incolla il tuo ID di tracciamento nella casella.
4. Clicca Salva Tracciamento.

Ogni provider ha il proprio interruttore di attivazione e il proprio campo ID di tracciamento. Inserisci solo quelli che usi.

Attenzione

Il tracciamento ha un proprio pulsante Salva Tracciamento. La barra Salva in fondo alla pagina (quella che salva il branding e il CSS) non salva il tracciamento — clicca sempre Salva Tracciamento dopo aver modificato un pixel, altrimenti il tuo ID non verrà mantenuto.

Dove trovare ciascun ID

Facebook Pixel

Il tuo ID è simile a 1234567890. Lo trovi in Meta Events Manager, alla voce Data Sources → Your Pixel → Settings.

Google Analytics 4

Il tuo ID è simile a G-XXXXXXXXXX. Lo trovi in Google Analytics 4, alla voce Admin → Data Streams → Your Stream → Measurement ID.

TikTok Pixel

Il tuo ID è simile a CXXXXXXXXXXXXXXXXX. Lo trovi in TikTok Ads Manager, alla voce Events → Website Pixel → Pixel ID.

Disattiva l’interruttore di un provider in qualsiasi momento per interrompere l’invio dei dati senza eliminare l’ID.

Attenzione

I pixel di marketing impostano cookie e raccolgono dati sui tuoi visitatori. A seconda di dove operi, potresti essere legalmente tenuto a mostrare un’informativa sui cookie o sulla privacy e a ottenere il consenso prima che vengano attivati. Assicurati che l’informativa sulla privacy della tua pagina di prenotazione copra qualsiasi pixel che attivi.

App di prenotazione standalone

L’opzione App Prenotazione Standalone impacchetta la tua pagina di prenotazione in un sito web autonomo che puoi ospitare tu stesso — sul tuo server web o presso il tuo provider di hosting — invece che su Eighty-Six. Viene scaricata come file ZIP. Questa opzione compare solo dopo che hai creato e salvato la tua pagina di prenotazione.

Generazione dell'app standalone. Viene scaricata come ZIP che riflette la configurazione salvata.

1. Salva prima la tua pagina di prenotazione, così il download riflette le ultime modifiche.
2. Nella scheda Avanzate, scorri fino al pannello App Prenotazione Standalone.
3. Clicca Genera App Standalone e attendi un momento (mentre lavora, il pulsante mostra Generazione…).
4. Il tuo browser scarica un file ZIP chiamato ad esempio your-slug-booking-app.zip.

Questa è un’opzione tecnica

Mettere online l’app standalone richiede alcune competenze web: tu (o uno sviluppatore) estrai lo ZIP, esegui i comandi di build descritti nelle note del download — npm install e poi npm run build — e carichi il risultato sul tuo host. La maggior parte dei ristoranti non ne ha bisogno. Se vuoi semplicemente la tua pagina di prenotazione a un tuo indirizzo web, pubblicarla su Eighty-Six e puntarci un dominio personalizzato (nella scheda Impostazioni) è molto più semplice.

Lo ZIP è un’istantanea della tua pagina nel momento in cui la generi. Se in seguito modifichi il branding, il menu o le impostazioni, genera una nuova copia così l’app standalone resta aggiornata.

Correlati

• La tua pagina di prenotazione
• Analytics
• Ruoli e piani