Blocchi Menu

Organizza antipasti, portate e dessert del tuo ristorante con un menu direttamente sul sito.

Ultimo aggiornamento 18 gennaio 2025

Utilizza Blocchi menu per visualizzare i menu del tuo ristorante nel tuo sito. Si tratta di un'ottima alternativa all'incorporamento di menu in .pdf, che non sempre sono molto SEO-friendly, come il testo che appare direttamente sulla pagina. Utilizzando una formattazione speciale, è possibile creare più menu in un unico Blocco menu.

Questa guida illustra come aggiungere dei Blocchi menu al sito del tuo ristorante. Per creare un menu a discesa nella navigazione del tuo sito, visita Aggiungere dei menu a discesa alla navigazione

Accesso a questa funzionalità

I blocchi menu sono disponibili nei piani Basic, Core, Plus, Advanced, Business, Commerce Base e Commerce Avanzato. Per saperne di più, visita Scegliere un piano Squarespace.

Aggiungere un Blocco menu

Per aggiungere un Blocco menu:

  1. Modifica una pagina o un post, clicca su Aggiungi blocco o su un punto di inserimento e scegli Menu dal menu. Per assistenza, visita Aggiungere contenuti con blocchi.
  2. Apri l'editor dei blocchi cliccando sull'icona della matita presente sul blocco.
  3. Modifica il testo nella scheda Contenuto per creare menu, sezioni di menu e voci di menu.
  4. Utilizza la scheda Design per personalizzare il design del menu.
  5. Utilizza la scheda Guida di formattazione per i relativi suggerimenti.

Aggiungere menu

Per aiutarti a iniziare, i Blocchi menu contengono contenuti di esempio. Al fine di preservare la formattazione, consigliamo di sostituire gli elementi di esempio, uno per uno, con le voci di menu personalizzate. Inoltre puoi eliminare il contenuto e seguire la procedura descritta in questa sezione per ripartire da zero.

I Blocchi menu possono contenere più menu. Ad esempio, puoi aggiungere i menu per il brunch, il pranzo e la cena allo stesso blocco.

Per aggiungere un menu:

  1. Nella scheda contenuto, inserisci il nome del menu.
  2. Aggiungi almeno tre segni di uguale (=) nella riga sottostante.

Add_the_name_of_a_menu__like_breakfast__then_add_at_least_three_equals_signs_below_it.png

Add_the_name_of_a_menu__like_breakfast__then_add_at_least_three_equals_signs_below_it.png
  1. Aggiungi una descrizione facoltativa o una nota riguardo al menu direttamente sotto i segni di uguale.

Add_an_optional_description_or_note_about_the_menu_below_the_equals_signs.png

Add_an_optional_description_or_note_about_the_menu_below_the_equals_signs.png
  1. Aggiungi altri menu di seguito utilizzando lo stesso formato. 

Add_more_menus_below__like_Lunch_and_Dinner__using_the_same_format.png

Add_more_menus_below__like_Lunch_and_Dinner__using_the_same_format.png

Questi menu si trasformano in categoria di navigazione nella pagina. Apprenderai come aggiungere il resto del contenuto del menu nelle sezioni sottostanti.

Nota

se aggiungi un solo menu al blocco, è possibile che la navigazione delle categoria non venga visualizzata.

KB Guide Image

Aggiungi sezioni

Puoi dividere ogni menu in sezioni. Ad esempio, le sezioni possono organizzare un menu per stuzzichini, insalate, antipasti, contorni e dessert.

Per creare una sezione:

  1. Inserisci il nome della sezione sotto il menu appropriato.
  2. Aggiungi almeno tre trattini (-) sotto di esso.
  3. Nella riga direttamente sotto i trattini, inserisci una descrizione facoltativa della sezione.
Create_menu_sections_to_divide_between_different_types_of_food__like_Seafood_and_Pancakes.png

Le sezioni saranno visualizzate come intestazioni nella pagina.

KB Guide Image

Aggiungere voci di menu

Per aggiungere una voce di menu:

  1. Inserisci il nome dell'elemento sotto una sezione.
  2. Aggiungi una descrizione dell'elemento sotto il nome.
  3. Per visualizzare il prezzo, aggiungine uno sotto la descrizione.
  4. Aggiungi varianti di prezzo utilizzando una barra (/) tra i prezzi. Ciò è utile per i prezzi per bicchiere/bottiglia o intere/mezze porzioni.
  5. Aggiungi prezzi di mercato aggiungendo $MKT o $Market Price come prezzo. Finché il simbolo della valuta precede il prezzo, puoi inserire quest'ultimo immediatamente dopo la voce del menu o la descrizione.
  6. Aggiungi opzioni o componenti aggiuntivi a un elemento del menu digitando + su una nuova riga sotto il prezzo.
  7. Se disponi di un numero dispari di articoli, aggiungere un tag
    nella parte inferiore della sezione può aiutare a uniformare le colonne del menu.
  8. Se noti del padding in più in alcuni dei tuoi menu, scopri come impostare l'altezza minima nel tuo primo menu.
Add_items_with_descriptions_and_prices_below_each_section.png

Personalizzare il design

Puoi personalizzare lo stile del menu e il simbolo della valuta dei Blocchi menu.

Stile menù

Fai clic sulla scheda Design nell'editor di blocchi e seleziona uno stile:

  • Centrato crea un menu a colonna singola con testo centrato. Questo design è ideale per menu brevi.
  • Multi-colonna crea un menu con più colonne e testo allineato a sinistra. Il numero di colonne dipende dalla larghezza del sito e del browser.

Simbolo valuta

Fai clic sulla scheda Design e seleziona una valuta per i prezzi dei menu dal menu a discesa Simbolo valuta. Puoi scegliere $ dollaro, Euro, £ sterlina o ¥yen.

Nota

il simbolo di valuta scelto in questo caso viene visualizzato prima dei numeri nella terza riga delle voci del blocco menu, anche se hai usato un simbolo di valuta diverso o nessun simbolo quando hai composto il menu nella scheda Contenuto. Per utilizzare un simbolo di valuta diverso, procedi nel seguente modo.

Tipi di carattere e colori

Utilizza Stili sito per modificare i tipi di carattere e i colori del menu. La modalità di definizione dello stile dipende dalla versione di Squarespace del tuo sito.

Puoi impostare tipi di carattere e colori specifici per ogni area di testo nel Blocco menu:

  • Per impostare i tipi di carattere, utilizza le modifiche del blocco del menu in Assegna stili
  • Per impostare i colori, utilizza le modifiche del blocco del menu in Colori

Per maggiori informazioni, visita Modificare i tipi di carattere e Modificare i colori.

Il testo del Blocco menu ripropone gli stessi tweak di stile del corpo del testo del tuo sito. Per maggiori informazioni, visita Modificare i tipi di carattere e Modificare i colori.

Guida alla formattazione (solo computer)

La Guida alla formattazione contiene esempi di menu formattati, sezioni e voci di menu.

Suggerimento

se non ti piace la formattazione relativa alla navigazione del menu e delle sezioni, puoi utilizzare i blocchi menu per aggiungere solo voci di menu, quindi intestazioni con blocchi di testo. Per un esempio, fare riferimento al contenuto dimostrativo del modello Hunter.

Risoluzione dei problemi

Le voci del menu non sono allineate

L'allineamento del Blocco menu dipende da molti fattori: la presenza di descrizioni, la lunghezza del testo del titolo e della descrizione, il numero di voci e altro ancora.

Poiché i browser tentano di creare colonne uguali di contenuto, il testo scorrerà dall'alto verso il basso, da sinistra a destra. Ciò significa che i titoli degli articoli non sempre si allineeranno perfettamente.

Se disponi di un numero dispari di voci, aggiungere il seguente tag HTML nella parte inferiore della sezione può essere d'aiuto:


Ciò può riequilibrare la formattazione in modo che le voci del menu vengano visualizzate in righe pari.

Padding extra nei menu

Se sotto alcune delle tue categorie di menu appare del padding extra o dello spazio vuoto, è possibile che la causa sia da ricercare nella quantità di contenuto della prima categoria di menu. Il contenuto della prima categoria del menu stabilisce l'altezza minima del blocco del menu. Questo potrebbe causare la comparsa di padding extra nelle altre categorie.

Ad esempio, se il vostro menu per la colazione è piuttosto corposo, ma quello del pranzo è più corto, quest'ultimo avrà degli spazi bianchi sotto ciascuna voce in modo da adattarsi all'altezza del menu per la colazione.Per evitare che ciò accada, aggiungete una quantità simile di contenuti a ciascun menu, oppure aggiungete il menu con il minor contenuto come prima categoria.

Il testo non viene visualizzato quando digito

Se durante la digitazione il testo non viene visualizzato, completa l'inserimento del contenuto e salva il blocco. Riaprilo e il contenuto sarà visualizzato così come è stato inserito.

Il simbolo della mia valuta non è disponibile

Se utilizzi una valuta non disponibile, inserisci un simbolo di valuta nella terza riga di un articolo e aggiungi uno spazio. Quindi, inserisci il simbolo della valuta e il prezzo. Ciò sostituirà il simbolo della valuta integrato in modo che si visualizzi il simbolo della valuta.

Non riesco a incollare testo nel blocco menu

Nei computer, non è possibile cliccare con il pulsante destro del mouse sui Blocchi menu durante la modifica. In alternativa, per copiare e incollare del contenuto, utilizza le scorciatoie da tastiera. Per evitare problemi di formattazione, consigliamo di utilizzare queste scorciatoie:

Mac

  • Copia - + C
  • Incolla - + MAIUSC + V

Windows

  • Copia - CTRL + C
  • Incolla - CTRL + MAIUSC + V

Il testo non è formattato correttamente

Gli errori nei blocchi menu interferiscono con la formattazione del testo. Per evitare e risolvere eventuali problemi relativi al testo, utilizza i seguenti suggerimenti:

  • Conferma di avere almeno tre segni uguali (=) che separano i menu e almeno tre trattini (-) che separano le sezioni.
  • Premi INVIO dopo ogni inserimento di testo per assicurarti che tutte le righe siano posizionate correttamente.
  • Evita di utilizzare la barra spaziatrice per separare i contenuti. I Blocchi menu non utilizzano gli spazi in questo modo e non formatteranno correttamente il testo.
Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.