Salta ai contenuti

Personalizza il branding della tua pagina

La tua pagina di prenotazione è spesso la prima cosa che un ospite vede. Il branding è il punto in cui la fai sembrare il tuo ristorante — il logo in alto, i tuoi colori su pulsanti e hero, il tuo carattere tipografico e tutti i premi o i riconoscimenti delle guide che hai conquistato. Imposti tutto questo in un unico posto e lo vedi aggiornarsi in tempo reale nell’anteprima accanto al modulo.

L’editor della Pagina di prenotazione è suddiviso in quattro schede nella parte superiore:

  • Branding — il logo, i colori, il font e i riconoscimenti. Questa pagina.
  • Pagine — il tema, l’immagine hero, i testi, il menu e le pagine chi siamo e contatti.
  • Avanzate — stile personalizzato e tracciamento.
  • Impostazioni — l’indirizzo della pagina, il dominio personalizzato, gli orari di apertura e il modulo di prenotazione.

Branding è la prima scheda e si apre per impostazione predefinita. Mentre modifichi, sulla destra compare un’anteprima in tempo reale (su telefono o schermo stretto, tocca Apri anteprima per vederla a schermo intero).

La scheda Branding dell'editor della Pagina di prenotazione con il logo, i selettori di colore e il selettore di font, affiancata da un'anteprima in tempo reale
La scheda Branding. Tutto ciò che modifichi qui aggiorna l'anteprima in tempo reale sulla destra.
  1. Nella scheda Branding, individua il riquadro Logo in alto.
  2. Fai clic per caricare un’immagine dal computer, oppure trascinaci sopra un file.
  3. Attendi il completamento del caricamento: il logo comparirà quindi nell’anteprima.

Un logo quadrato è la scelta migliore, poiché il riquadro è dimensionato per un’immagine quadrata. Se ne hai uno, usa un PNG con sfondo trasparente, così il logo si adatta in modo pulito a qualsiasi colore.

Una volta caricato un logo, appena sotto compare un cursore Dimensione logo. Trascinalo per ingrandire o rimpicciolire il logo nell’area hero — da un minimo del 60% fino al 200%, con la percentuale mostrata in tempo reale. Questo influisce solo sul logo grande nell’hero; il logo più piccolo nella barra di navigazione mantiene la stessa dimensione.

Il riquadro di caricamento del logo con un logo inserito e il cursore Dimensione logo impostato su una percentuale sotto di esso
Carica il logo, poi usa il cursore Dimensione logo per ridimensionarlo nell'hero.

Quattro controlli di colore ti permettono di adattare la pagina al tuo brand. Ognuno ha un campione di colore e una casella di testo:

  • Colore primario — il colore principale del tuo brand. Definisce pulsanti, evidenziazioni e accenti chiave in tutta la pagina.
  • Colore secondario — un colore di supporto usato insieme al primario per accenti e profondità.
  • Colore testo — il colore del testo mostrato sopra l’hero e le aree colorate.
  • Colore testo pulsanti — il colore dell’etichetta all’interno dei pulsanti.

Per impostare un colore, fai clic sul campione per aprire il selettore di colore del tuo dispositivo, oppure digita direttamente un codice colore nella casella. I codici colore sono valori esadecimali a sei cifre che iniziano con un cancelletto, come #2563eb per un blu o #111111 per un tono quasi nero. La casella accetta solo un codice valido, quindi se un salvataggio viene bloccato, verifica che ogni colore sia un valore completo a sei cifre.

I quattro selettori di colore — primario, secondario, testo e testo pulsanti — ciascuno con un campione e una casella per il codice esadecimale, sopra il selettore di font
Fai clic su un campione per scegliere visivamente, oppure digita direttamente un codice esadecimale come #2563eb.

Sotto i colori, il menu a discesa Famiglia di font imposta il carattere tipografico per l’intera pagina. Lascialo su Predefinito (Font di sistema) per usare un carattere predefinito pulito e a caricamento rapido, oppure scegli da un elenco curato che include Inter, Roboto, Open Sans, Lato, Montserrat, Playfair Display, Poppins, Raleway, Merriweather, Nunito, Source Sans 3 e PT Sans. Scegline uno e l’anteprima si riadatta immediatamente.

I riconoscimenti sono piccoli badge mostrati sotto il logo — stelle Michelin, premi delle guide, certificazioni e simili. Aggiungono credibilità immediata agli occhi degli ospiti che li riconoscono. Puoi aggiungerne fino a sei.

L'editor dei riconoscimenti con una scheda riconoscimento che mostra il caricamento di un'immagine, un menu a discesa di preset per la compilazione rapida, un campo etichetta e un campo testo alternativo
Ogni riconoscimento ha la propria immagine, un preset facoltativo per compilare l'etichetta e controlli per il riordino.
  1. Scorri fino alla sezione Riconoscimenti in fondo alla scheda Branding.
  2. Fai clic su Aggiungi il primo riconoscimento (oppure Aggiungi riconoscimento se ne hai già uno).
  3. Carica l’immagine del badge nel riquadro Immagine del riconoscimento — ad esempio, il logo ufficiale tratto dal press kit della guida.
  4. Facoltativamente, usa Compilazione rapida dai riconoscimenti comuni per impostare il testo dell’etichetta (vedi sotto).
  5. Compila i campi che desideri, poi salva.
  • Immagine del riconoscimento — il badge o il logo da mostrare. È la parte che gli ospiti vedono, quindi carica l’immagine vera e propria. Le guide di solito forniscono i loghi ufficiali in un press kit o media kit.
  • Compilazione rapida dai riconoscimenti comuni (facoltativo) — un menu a discesa di riconoscimenti noti raggruppati per guida, tra cui Michelin, Gambero Rosso, World’s 50 Best, Slow Food, Guida Espresso, TripAdvisor, La Liste e Relais & Châteaux. Sceglierne uno compila per te il testo dell’Etichetta. Non fornisce un’immagine, perché quei loghi sono marchi registrati: l’immagine la carichi comunque tu.
  • Etichetta (facoltativo) — una didascalia breve, fino a 40 caratteri, come MICHELIN. Lasciala vuota per mostrare solo l’immagine.
  • Testo alternativo (facoltativo) — una descrizione testuale usata dagli screen reader e mostrata se l’immagine non può essere caricata, fino a 100 caratteri. Utile per l’accessibilità.

Ogni scheda riconoscimento ha piccoli pulsanti sulla destra: le frecce su e giù ne cambiano la posizione nella riga e l’icona del cestino lo rimuove. Quando raggiungi i sei riconoscimenti, il pulsante Aggiungi riconoscimento è disattivato finché non ne rimuovi uno.

Il branding condivide un’unica azione di salvataggio con il resto dell’editor della Pagina di prenotazione. Non appena modifichi qualcosa, dal fondo dello schermo scorre verso l’alto una barra che mostra quante modifiche sono in sospeso, con i pulsanti Salva e Scarta.

  1. Apporta le tue modifiche — logo, colori, font, riconoscimenti.
  2. Controlla l’anteprima in tempo reale per confermare che sia tutto a posto.
  3. Fai clic su Salva nella barra in basso. Per eliminare invece le modifiche, fai clic su Scarta.