Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come creare un menu di un ristorante online in WordPress (passo dopo passo)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete creare un menu di ristorante online in WordPress?

La condivisione del menu sul vostro sito web aiuterà a convincere più persone a passare dal vostro ristorante o a ordinare online.

In questo articolo vi mostreremo le istruzioni passo-passo su come creare facilmente un menu di un ristorante online in WordPress.

How to create an online restaurant menu in WordPress (step by step)

Di cosa avete bisogno per avviare un sito web per ristoranti?

Prima di creare un menu di ristorante online, è necessario creare un sito web. Se non avete ancora un sito web, non preoccupatevi.

È possibile creare facilmente un sito web utilizzando WordPress, il miglior costruttore di siti web al mondo, utilizzato da milioni di piccole imprese, ristoranti, bar e caffè. Oltre il 43% di tutti i siti web su Internet utilizza WordPress.

E soprattutto, potete iniziare a costruire il vostro sito web senza un grande investimento iniziale.

La prima cosa di cui avete bisogno è un nome di dominio e un hosting web. Abbiamo trovato un accordo con Bluehost, uno dei fornitori di hosting consigliati da WordPress, per offrire ai nostri lettori un’ottima offerta.

Ottenete un nome di dominio gratuito, un certificato SSL gratuito e un enorme sconto sull’hosting web.

Alternativa: Consigliamo anche Hostinger. I loro piani includono anche un nome di dominio e un SSL gratuiti con un generoso sconto.

Oltre all’hosting e al nome di dominio, avrete bisogno anche di un tema WordPress. Un tema è come un modello per il vostro sito web.

Esistono moltissimi temi WordPress per ristoranti che vi aiuteranno a creare un sito web professionale che incoraggerà i vostri clienti a effettuare un ordine.

Se avete bisogno di aiuto per creare il sito web del vostro ristorante, consultate la nostra guida passo passo su come creare un sito web.

Perché creare un menu online in WordPress?

La creazione di una pagina di menu del ristorante online sul vostro sito WordPress vi consente di creare un’esperienza migliore per i vostri visitatori e potenziali clienti.

Quando un visitatore arriva sul sito web del vostro ristorante, la prima cosa che di solito guarda è il vostro menu.

Se offrite ai visitatori solo un menu in PDF, rendete difficile per loro vedere le scelte alimentari che offrite.

A hard to read PDF menu

Creando un menu online sul vostro sito web, non è necessario che gli utenti scarichino il vostro menu. Scaricare i PDF può essere difficile, a seconda dei piani dati e della connessione dei clienti.

Inoltre, una pagina di menu sul vostro sito web sarà mobile responsive e avrà un bell’aspetto su ogni dispositivo, in modo che i vostri visitatori possano leggerla facilmente senza doverla ingrandire o rimpicciolire.

E soprattutto, con una pagina di menu, potete modificare facilmente il vostro menu e persino aggiungere ordinazioni online. I PDF sono molto più complicati da modificare e caricare quando è necessario apportare modifiche al menu o ai prezzi.

Detto questo, condivideremo due diversi plugin per WordPress che possono aiutarvi ad aggiungere un menu di ristorante online a WordPress. Utilizzate i link rapidi qui sotto per scegliere il plugin che desiderate utilizzare:

Metodo 1: Aggiungere un menu ristorante a WordPress con SeedProd

Per creare un menu di un ristorante online in WordPress, vi consigliamo di utilizzare SeedProd. È il miglior page builder drag-and-drop per WordPress, utilizzato da oltre 1 milione di siti web.

Consente di creare uno straordinario menu per ristoranti utilizzando un costruttore drag-and-drop. Inoltre, è possibile modificare facilmente il menu man mano che cambia e sono disponibili nuove opzioni di menu.

Per questo tutorial, è possibile utilizzare la versione gratuita di SeedProd per creare il menu. Tuttavia, è disponibile una versione pro di SeedProd che dispone di oltre 320 modelli, schemi di colori, integrazioni per l’email marketing, caroselli di immagini, blocchi per i social media e molto altro ancora.

La prima cosa da fare è installare e attivare il plugin SeedProd. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, navigare in SeedProd ” Pagine e fare clic sul pulsante “Aggiungi nuova pagina di destinazione”.

Add new SeedProd landing page

Si accede così alla schermata dei modelli, dove è possibile selezionare un modello di pagina. Esistono decine di modelli per nicchie e scopi diversi.

Per scegliere un modello, passarci sopra e fare clic sull’icona ‘Segno di spunta’. Potete scegliere il modello che preferite, ma per questa esercitazione utilizzeremo il modello ‘Dinner Sales Page’.

Select landing page template

Si apre una finestra a comparsa in cui è possibile assegnare un nome alla nuova pagina di menu. È anche possibile modificare l’URL della pagina. Noi chiameremo la nostra pagina semplicemente “Menu”.

Quindi, fare clic sul pulsante “Salva e inizia a modificare la pagina”.

Name landing page

Una volta fatto, si accede alla schermata dell’editor di pagina.

Il lato destro della pagina è l’anteprima e può essere completamente personalizzato. Il lato sinistro della pagina presenta diversi blocchi e sezioni che si possono aggiungere alla pagina.

SeedProd landing page template example

Per prima cosa, fare clic sul logo della pagina.

Si aprirà un menu a sinistra in cui potrete caricare il logo del vostro ristorante. Per aggiungere un nuovo logo, si può seguire la stessa procedura dell’aggiunta di un’immagine su WordPress.

Change menu logo

Poi, è possibile modificare il pulsante del menu di navigazione per tornare alla homepage. In questo modo, quando i visitatori hanno finito di visualizzare il menu, possono tornare al vostro sito web.

È sufficiente fare clic sul pulsante del menu di navigazione per modificare il testo e il collegamento nel menu di sinistra.

Change menu navigation button

Dopodiché, è possibile eliminare la sezione del contenuto principale.

È sufficiente passare il mouse sul titolo della pagina e fare clic sull’icona “Elimina blocco”.

Delete existing sections

Poi, si può fare lo stesso per gli elementi immagine, testo e pulsante.

Successivamente, è possibile aggiungere un titolo per il titolo del menu trascinando il blocco “Titolo” sulla pagina.

Add menu headline

Come per gli altri elementi, è possibile modificare la dimensione, il colore e il carattere del testo con il menu a sinistra.

Successivamente, è possibile modificare gli alimenti esistenti e sostituirli con testi e immagini personalizzati.

Per prima cosa, fare clic sull’immagine e caricare la propria immagine con il menu a sinistra.

Add menu item image

Quindi, fare clic sul titolo corrente per inserire il proprio testo.

È inoltre possibile modificare il testo facendo clic su di esso e aggiungendo una descrizione.

Change menu item text

Dopo aver modificato il titolo e il testo, è possibile aggiungere il prezzo dell’articolo.

È sufficiente trascinare l’elemento ‘Testo’ sulla pagina e personalizzare il testo con il menu di sinistra.

Add menu item price

Quindi, è sufficiente seguire la stessa procedura sopra descritta per le altre voci del menu del ristorante.

È possibile personalizzare tutte le sezioni del modello di pagina.

Se si desidera aggiungere un’altra sezione di menu con lo stesso stile, passare il mouse sull’elemento e fare clic su “Duplica riga”.

Duplicate section

In questo modo si crea una copia della stessa riga e la si aggiunge direttamente sotto.

Sentitevi liberi di continuare a personalizzare il menu del vostro ristorante. È possibile personalizzare completamente ogni parte della pagina, compresi colori, dimensioni, caratteri e altro ancora.

Se non si vuole aggiungere una foto per ogni voce, si può facilmente utilizzare un blocco elenco per aggiungere le voci del menu.

Una volta terminata la creazione del menu del ristorante online, fare clic sulla freccia a discesa accanto al pulsante “Salva” e selezionare “Pubblica”.

Publish menu live

Il nuovo menu del ristorante è ora disponibile per i visitatori.

Ora potete aggiungere il menu del vostro ristorante al menu di navigazione e ad altre aree del vostro blog WordPress.

WordPress restaurant menu

Metodo 2: Aggiungere un menu ristorante a WordPress con il menu cibo

Questo metodo utilizza il plugin Food Menu – Restaurant Menu & Online Ordering. Questo plugin consente di creare rapidamente un menu online in WordPress.

Si integra anche con WooCommerce, in modo da offrire ai visitatori la possibilità di effettuare un ordine online.

La prima cosa da fare è installare e attivare il plugin Food Menu – Restaurant Menu & Online Ordering. Per maggiori dettagli, consultate la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l’attivazione, andare al menu Cibo ” Aggiungi cibo.

Add new menu item

In questa schermata è possibile inserire il nome della voce di menu, la descrizione e l’immagine.

Quindi, fare clic sul pulsante “Aggiorna” o “Pubblica” per salvare la voce di menu.

Publish new menu item

Per aggiungere altre voci al menu, è sufficiente seguire la stessa procedura descritta sopra.

Una volta terminata l’aggiunta di voci al vostro menu, è il momento di aggiungere questo menu a WordPress.

Per prima cosa, è necessario andare al menu Cibo ” Generatore di codici brevi, quindi fare clic sul pulsante ‘Aggiungi nuovo’.

Go to shortcode generator

Successivamente, è possibile assegnare al codice breve un titolo che aiuti a ricordare il tipo di voci di menu aggiunte.

Quindi, è possibile personalizzare la visualizzazione del menu.

Name your menu shortcode

Verranno mantenute le opzioni predefinite, ma è possibile personalizzare la visualizzazione del menu con le impostazioni della sezione “Layout”.

Qui è possibile selezionare il numero di elementi da visualizzare per riga.

Change shortcode layout

Nella scheda “Filtraggio” è possibile scegliere se visualizzare un menu semplice o se abilitare l’ordinazione online.

Per attivare gli ordini online, è sufficiente selezionare il pulsante di opzione “WooCommerce”. È inoltre possibile controllare quali articoli visualizzare.

Shortcode filtering

Se avete intenzione di permettere ai clienti di aggiungere articoli alimentari ai loro carrelli e di effettuare il checkout, dovete aggiungere gli articoli del vostro menu come prodotti nel vostro negozio WooCommerce.

Per maggiori dettagli sull’aggiunta di prodotti, consultate la nostra guida passo-passo su come avviare un negozio online.

Successivamente, è possibile personalizzare le informazioni visualizzate per ogni voce facendo clic sulla scheda “Selezione campo”.

Field selection shortcode

Mentre si selezionano o deselezionano le caselle, è possibile vedere un’anteprima in tempo reale dell’aspetto delle modifiche.

Successivamente, è possibile modificare l’aspetto delle voci di menu facendo clic sull’opzione di menu “Styling”.

Shortcode styling menu

Una volta terminata la personalizzazione della visualizzazione delle voci di menu, assicurarsi di fare clic sul pulsante “Pubblica”.

Questo non renderà il menu attivo sul sito, ma salverà lo shortcode che aggiungeremo di seguito al sito.

Publish menu shortcode

Ora è necessario creare una pagina in cui visualizzare il menu.

A tale scopo, andare su Pagine ” Tutte le pagine e fare clic su “Aggiungi nuovo”.

Add page for menu

Dopodiché, si può dare un titolo alla pagina. Questa apparirà ai visitatori, quindi si consiglia di darle un nome come “Menu”.

Quindi, fare clic sull’icona “+” per aggiungere un nuovo blocco.

Add menu page block

Quindi, digitate “Menu” nella barra di ricerca.

Quindi, selezionare il blocco “Menu cibo”.

Select food menu block

Successivamente, è necessario selezionare lo shortcode appena creato dal menu a discesa.

Questo inserisce il menu nella pagina.

Select menu shortcode

Quindi, fare clic sul pulsante “Pubblica” o “Aggiorna” per rendere attivo il menu.

È inoltre possibile aggiungere altri elementi a questa pagina, come testo, un modulo di contatto, il vostro feed di Instagram e altro ancora.

Publish new menu

Ora, quando i visitatori visualizzano il menu, possono vedere gli articoli e persino effettuare un ordine se si aggiunge la funzionalità WooCommerce.

Indipendentemente dalle dimensioni dello schermo su cui viene visualizzato il menu, le voci vengono visualizzate perfettamente.

WordPress menu example

Strumenti bonus per promuovere il sito web del vostro ristorante

Ora che avete creato il sito web del vostro ristorante con una pagina di menu, potreste volerlo promuovere per far crescere la vostra attività.

Ecco alcuni dei migliori strumenti per aiutarvi a promuovere e far crescere la vostra attività di ristorazione:

  • All in One SEO for WordPress – Il miglior plugin SEO per WordPress che vi aiuta a ottimizzare la SEO del vostro sito web per ottenere più traffico di ricerca. La sua funzione SEO locale aiuta le persone a trovare il vostro ristorante in Google Maps e nei risultati di ricerca locali.
  • WPForms – È il miglior plugin per la creazione di moduli per WordPress, che consente di creare qualsiasi modulo per il vostro sito web. Questi includono moduli di contatto, moduli di feedback, moduli di sondaggio per i clienti e altro ancora.
  • OptinMonster – Vi aiuta a convertire i visitatori del sito web in abbonati e clienti. Potete usarlo per far crescere la vostra lista di e-mail e il vostro seguito sui social media, per mostrare messaggi mirati ai clienti e altro ancora.
  • PushEngage – Vi aiuta a inviare notifiche push ai visitatori del vostro sito web, indipendentemente dal tipo di dispositivo. Inoltre, vi aiuta a inviare messaggi mirati ai clienti e a riportarli sul vostro sito web.
  • MonsterInsights – Il miglior plugin di Google Analytics per WordPress. Permette di tracciare la provenienza dei visitatori e le loro attività sul sito web.

Per ulteriori consigli sui plugin, consultate il nostro elenco di plugin WordPress indispensabili per i siti web aziendali.

Speriamo che questo post vi abbia aiutato a capire come creare un menu online per ristoranti in WordPress. Potreste anche voler vedere le nostre scelte degli esperti sul miglior software di payroll per le piccole imprese o il nostro confronto dei migliori servizi di telefonia aziendale per le piccole imprese.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

1 commentoLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.