come creare un modulo d'ordine online per il ristorante in wordpress

Come creare un modulo d'ordine online per un ristorante con WordPress

Siete alla ricerca di un sistema di ordinazione per ristoranti in WordPress o semplicemente di un modo semplice e facile per consentire alle persone di ordinare online dal vostro ristorante?

Il vostro sito web può facilmente iniziare a far guadagnare di più alla vostra attività se permettete ai clienti di ordinare online il cibo da asporto o la consegna. Per questo motivo, in questo post abbiamo messo insieme un tutorial passo dopo passo, adatto ai principianti, su come creare un modulo d'ordine online per un ristorante con WordPress.

Cliccate qui per effettuare il modulo d'ordine online del vostro ristorante.

Perché ordinare online è meglio?

Ci sono molti motivi per cui potreste prendere in considerazione l'aggiunta di ordinazioni online al sito web del vostro ristorante. Eccone alcuni:

  • Per mantenere un flusso di entrate nella vostra attività se siete costretti a chiudere per cena
  • Otterrete ordini ancora più precisi quando i clienti inseriranno i loro ordini online.
  • Potete ampliare il raggio d'azione della vostra attività consentendo a un maggior numero di clienti di scoprire il vostro ristorante e di provare i vostri piatti senza dovervi recare in loco.
  • Costruirete una lista di email e potrete fare marketing digitale ai vostri clienti con cose come coupon o concorsi online.
  • La produttività dei dipendenti potrebbe aumentare grazie alla riduzione del tempo dedicato a prendere gli ordini al telefono.

È abbastanza ovvio che offrire ordinazioni online per il vostro ristorante è una buona idea, quindi non perdiamo altro tempo e passiamo subito a come trasformare il vostro sito web in un sistema di ordinazione per ristoranti in WordPress.

Come creare un modulo d'ordine online per un ristorante con WordPress

Se volete trasformare il vostro sito in un sistema di ordinazione per ristoranti su WordPress, è molto semplice. Potete farlo semplicemente creando un modulo d'ordine online con WordPress.

Ecco i passaggi per costruire il modulo d'ordine online del vostro ristorante:

Se preferite le istruzioni scritte, continuate a leggere.

Fase 1: Generare un modulo d'ordine da asporto

La prima cosa da fare è installare e attivare il plugin WPForms. Per maggiori dettagli, consultate questa guida passo passo su come installare un plugin in WordPress.

Successivamente, dovrete andare su WPForms " Aggiungi nuovo per dare un nome al vostro modulo e scegliere un modello. WPForms Pro include più di 2.000 modelli di moduli per aiutarvi a creare rapidamente il vostro modulo d'ordine per ristoranti su WordPress.

Selezione del modello di modulo d'ordine da asporto

Utilizzate la barra di ricerca per trovare il modulo Ordine da asporto e fate clic su Usa modello per caricarlo nel costruttore di moduli.

Il modello di modulo d'ordine da asporto

Piuttosto impressionante, vero? Andiamo avanti e personalizziamo questo modulo.

Passo 2: personalizzare il modulo

WPForms semplifica la personalizzazione dei moduli.

Il modello di modulo d'ordine da asporto è dotato dei seguenti campi nell'ordine:

  • Elementi della casella di controllo
  • Totale
  • Nome (Nome e Cognome)
  • Email
  • Telefono
  • Indirizzo
  • Testo del paragrafo

A meno che non si tratti di una pizzeria, probabilmente sarà necessario personalizzare un po' il modello per adattarlo al proprio menu.

È facile farlo. Innanzitutto, fare clic sul campo Casella di controllo. Si apriranno le opzioni sul lato sinistro del costruttore di moduli. A questo punto è possibile modificare i nomi e i prezzi degli articoli.

Modifica delle voci del modulo d'ordine del ristorante

Una delle cose più interessanti che si possono fare è aggiungere scelte di immagini al menu del ristorante online. Basta attivare l'opzione Usa scelte di immagini per aggiungerle.

Abilitazione della scelta delle immagini per il modulo d'ordine del ristorante

A questo punto, fate clic sul pulsante Carica immagine sotto ogni voce per scegliere un'immagine per ogni voce di menu.

Caricamento di immagini nel modulo d'ordine del ristorante

Il campo Totale mostrerà ai clienti quanto possiedono in base agli articoli selezionati dalle caselle di controllo.

Il campo Totale nel modulo d'ordine di un ristorante

Gli altri campi servono a raccogliere le informazioni sui clienti, in modo da sapere a chi appartiene l'ordine. Volete invitare il vostro cliente a scegliere un orario di consegna? Consultate questa guida per aggiungere un selezionatore di data e ora al vostro modulo WordPress.

Una volta terminata la personalizzazione del modulo del sistema di ordinazione online del vostro ristorante, fate clic su Salva nell'angolo in alto a destra del costruttore di moduli.

Passo 3: Configurare le impostazioni del modulo

Per iniziare, andare su Impostazioni " Generali".

Accesso alle impostazioni generali di un modulo

Qui è possibile configurare quanto segue:

  • Nome del modulo - Modificare qui il nome del modulo, se lo si desidera.
  • Descrizione del modulo - Fornite al vostro modulo una descrizione.
  • Tag - Applicate dei tag per organizzare i moduli del vostro sito.
  • Testo del pulsante di invio - Personalizzare la copia del pulsante di invio.
  • Testo di elaborazione del pulsante Invia - Modifica il testo che verrà visualizzato durante l'invio del modulo.

Ci sono anche impostazioni più avanzate nella sezione espandibile in fondo alla schermata:

  • Classi CSS - Aggiungete classi CSS al vostro modulo o pulsante di invio.
  • Abilita prefill per URL - Compila automaticamente alcuni campi in base a un URL personalizzato.
  • Abilita l'invio di moduli AJAX - Abilita le impostazioni AJAX senza ricaricare la pagina.
  • Disabilitare la memorizzazione delle informazioni di iscrizione in WordPress - È possibile disabilitare la memorizzazione delle informazioni di iscrizione e dei dettagli dell'utente, come gli indirizzi IP e gli agenti utente, nel tentativo di conformarsi ai requisiti del GDPR. Consultate le nostre istruzioni passo-passo su come aggiungere un campo di accordo GDPR al vostro semplice modulo di contatto.

Una volta terminato, si può passare alle impostazioni di Protezione antispam e Sicurezza .

Abilitare la moderna protezione antispam di WPForms.

Le opzioni comprendono:

  • Attiva la moderna protezione anti-spam - Blocca lo spam dei moduli di contatto con la moderna protezione anti-spam di WPForms. Funziona in background e fornisce un livello di protezione integrato contro lo spam che funziona benissimo se abbinato ad altre opzioni, come il CAPTCHA.
  • Abilitare la protezione anti-spam Akismet - È possibile collegare il modulo al plugin Akismet per impedire l'inserimento di spam.
  • Abilita il filtro per paese - Blocca gli invii per determinati paesi.
  • Abilita il filtro delle parole chiave - Impedisce le voci che includono determinate parole o frasi.

Al termine, fare clic su Salva.

Passo 4: Configurare le notifiche del modulo

Quando ricevete un ordine dal sito web del vostro ristorante, è importante che il vostro team venga avvisato subito.

Le notifiche sono un ottimo modo per inviare un'e-mail ogni volta che viene inviato un modulo online di un ristorante sul vostro sito web.

Accesso alle impostazioni delle notifiche di un modulo

Se si utilizzano gli Smart Tag, si può anche inviare una notifica all'utente quando compila il modulo, facendogli sapere che l'ordine è stato ricevuto e che qualcuno inizierà a lavorarci a breve. In questo modo si assicura che la richiesta sia stata inoltrata.

Per un aiuto in questa fase, consultate la nostra documentazione su come impostare le notifiche dei moduli in WordPress.

E se volete mantenere coerente il branding delle vostre e-mail, potete consultare questa guida sull'aggiunta di un'intestazione personalizzata al vostro modello di e-mail.

Una notifica via e-mail con un'immagine di intestazione personalizzata

Questo è un ottimo modo per inviare gli ordini di cibo online al personale del ristorante e assicurarsi che si occupino rapidamente delle cose!

Passo 5: personalizzare le conferme dei moduli

Le conferme del modulo sono messaggi che vengono visualizzati dai visitatori del sito dopo che hanno inviato un ordine di cibo sul vostro sito web. Essi informano i visitatori che la loro richiesta è andata a buon fine e vi offrono la possibilità di far sapere loro quali sono i passi successivi.

WPForms offre 3 tipi di conferma tra cui scegliere:

  1. Messaggio - È il tipo di conferma predefinito in WPForms. Quando un visitatore del sito invia una richiesta, apparirà un semplice messaggio di conferma per informarlo che l'ordine è stato elaborato. Date un'occhiata ad alcuni fantastici messaggi di successo per aumentare la felicità degli utenti.
  2. Mostra pagina - Questo tipo di conferma porta i visitatori a una pagina web specifica del vostro sito, ringraziandoli per l'ordine. Per un aiuto in tal senso, consultate il nostro tutorial sul reindirizzamento dei clienti a una pagina di ringraziamento. Inoltre, leggete il nostro articolo sulla creazione di pagine di ringraziamento efficaci.
  3. Vai all'URL (reindirizzamento) - Questa opzione serve quando si desidera inviare i visitatori del sito a un altro sito web.

Vediamo come impostare una semplice conferma del modulo in WPForms, in modo da poter personalizzare il messaggio che i visitatori del sito vedranno quando compilano il modulo.

Per iniziare, fare clic sulla scheda Conferma nell'editor del modulo, alla voce Impostazioni.

Quindi, selezionare il tipo di conferma che si desidera creare. In questo esempio, selezioneremo Messaggio.

La conferma per un modulo d'ordine da asporto

Quindi, personalizzare il messaggio di conferma a proprio piacimento e fare clic su Salva.

Per informazioni su altri tipi di conferma, consultare la documentazione sull'impostazione delle conferme dei moduli.

Passo 6: Configurare le impostazioni di pagamento

Affinché i clienti possano pagare gli ordini del ristorante online, dovrete avere almeno una piattaforma di pagamento sul vostro sito web.

È possibile scegliere tra Stripe, Square, Authorize.Net, Paypal o più metodi di pagamento.

Per questo esempio, utilizzeremo Stripe. Una volta completata la configurazione di Stripe tramite il tutorial precedente, è sufficiente trascinare il campo Carta di credito di Stripe da Campi di pagamento nel modulo.

Aggiunta di un campo carta di credito Stripe a un modulo

Andate quindi alla scheda Pagamenti nel costruttore di moduli e compilate le impostazioni per l'integrazione dei pagamenti.

Apertura delle impostazioni di Stripe Payments per un modulo d'ordine da asporto

Al termine, fare clic su Salva.

Fase 7: Aggiungere il modulo d'ordine online del ristorante al proprio sito

Dopo aver creato il vostro modulo, dovete aggiungerlo al vostro sito web WordPress. WPForms vi permette di aggiungere i moduli a molte posizioni del vostro sito web, tra cui i post del blog, le pagine e persino i widget della barra laterale.

Diamo un'occhiata all'opzione di posizionamento più comune: l'incorporamento di pagine o post.

Per iniziare, create una nuova pagina o un nuovo post in WordPress, oppure andate nelle impostazioni di aggiornamento di una pagina esistente.

Successivamente, fare clic all'interno del primo blocco (l'area vuota sotto il titolo della pagina) e fare clic sul blocco WPForms.

Aggiunta di un blocco WPForms a una pagina

Il pratico widget WPForms apparirà all'interno del blocco. Cliccate sul menu a tendina WPForms e scegliete uno dei moduli già creati che volete inserire nella vostra pagina. Selezionate il modulo per l'ordine d'asporto.

Visualizzazione del modulo di ordinazione da asporto nel blocco WPForms

Quindi, pubblicate o aggiornate il post o la pagina in modo che il modulo d'ordine del ristorante appaia sul vostro sito web.

Per visualizzare le voci dei moduli dopo il loro invio, consultate questa guida completa alle voci dei moduli. È possibile, ad esempio, visualizzare, cercare, filtrare, stampare ed eliminare le voci dei moduli, semplificando così il processo.

Inoltre, è possibile utilizzare il nostro addon Zapier per salvare automaticamente i file caricati su servizi cloud come Google Drive e Dropbox.

Cliccate qui per effettuare il modulo d'ordine online del vostro ristorante.

Successivamente, aggiornate il vostro tema WordPress per ristoranti

Ecco fatto. Dopo aver letto questo post, ora sapete come costruire facilmente un sistema di ordinazione per ristoranti in WordPress, creando un modulo d'ordine online per ristoranti in WordPress.

Speriamo che questo tutorial sia stato utile a voi e al vostro ristorante. Potreste anche essere interessati a visitare il nostro post sui migliori temi WordPress per ristoranti.

E se volete smettere di prendere ordini quando la cucina chiude, consultate questa guida per impostare una scadenza automatica sui vostri moduli.

Siete pronti a creare il vostro modulo? Iniziate oggi stesso con il più semplice plugin per la creazione di moduli per WordPress. WPForms Pro include molti modelli gratuiti e offre una garanzia di rimborso di 14 giorni.

Se questo articolo vi ha aiutato, seguiteci su Facebook e Twitter per altre guide e tutorial gratuiti su WordPress.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se fate clic su alcuni dei nostri link, potremmo guadagnare una commissione. Scoprite come WPForms viene finanziato, perché è importante e come potete sostenerci.

Renee DeCoskey

Renee DeCoskey scrive sui blog dal 2001 e utilizza WordPress dal 2007. Quando non scrive sui plugin di WordPress, la si può trovare raggomitolata con un libro o a divertirsi nel Rotary.Per saperne di più

Il miglior plugin per la creazione di moduli di WordPress con trascinamento e rilascio

Facile, veloce e sicuro. Unitevi agli oltre 6 milioni di proprietari di siti web che si fidano di WPForms.

Per completare questo modulo, abilitare JavaScript nel browser.

16 commenti su "Come creare un modulo d'ordine online per un ristorante con WordPress"

  1. Spiegazione e formazione fantastiche. Grazie mille. Ora posso procedere passo dopo passo. Grazie ancora

      1. Ho bisogno di aiuto. Voglio progettare un modulo d'ordine ma con un riepilogo dell'ordine sul lato destro del modulo come questo [URL Rimosso].

        Per favore, aiutatemi

      2. Ciao Saqib- Non abbiamo una funzione integrata per visualizzare il riepilogo come hai mostrato, ma abbiamo il campo Anteprima del modulo che visualizza i dati di tutti i campi prima dell'invio.

        Grazie 🙂

  2. Grazie, molto interessante! Sto cercando qualcosa di simile, 3 domande importanti:

    1. I dati sono memorizzati in un database?
    2. È possibile esportare facilmente i dati in formato xls? (Gestisce correttamente i caratteri speciali ungheresi???)
    3. Questo database può essere esportato AUTOMATICAMENTE in un luogo esterno, ad esempio, MS drive/ Dropbox, o inviato per e-mail, ecc.

    Grazie mille in anticipo
    agnes

    1. Ciao Agnes!
      Grazie per le tue domande.
      Sì, i dati saranno memorizzati nel database del vostro sito con una qualsiasi delle nostre licenze a pagamento. Potrete anche vedere le voci del modulo nella vostra dashboard di WordPress e anche esportarle in un file CSV.
      Con il nostro addon Zapier, è assolutamente possibile inviare i dati a un servizio di terze parti (ad es. Dropbox, Google Drive, ecc.).
      Spero che questo sia d'aiuto.
      Buona continuazione 🙂

  3. Se qualcuno deve ordinare 5 pizze uguali, il calcolo avviene da solo o devo fare un menu a tendina e i miei calcoli nei campi?

    1. Ciao Massimo!
      Attualmente, i nostri moduli non hanno la possibilità di eseguire i calcoli necessari per le quantità dei prodotti. Tuttavia, sono d'accordo che sarebbe molto utile, e sicuramente è nel nostro radar mentre pianifichiamo la nostra roadmap per il futuro. Aggiungerò la vostra richiesta anche a questa.
      Nel frattempo, si potrebbe prendere in considerazione la possibilità di sfruttare il campo Elementi a discesa per ottenere ciò che si chiede in un modo leggermente diverso. Potete consultare il tutorial su come farlo qui.

      In pratica, si dovrebbe creare un campo Articoli a discesa per ogni prodotto e riempire le opzioni a discesa con varie quantità e prezzi associati. In questo modo si possono offrire più prodotti e diverse quantità di ciascuno di essi.
      Spero che questo sia d'aiuto.
      Buona continuazione 🙂

  4. Gli utenti possono ricevere una ricevuta dopo aver effettuato l'ordine?
    Il modulo può avere un orario di inizio e fine giornaliero?
    Potete aiutarmi a integrare anche il gateway di pagamento paystack?

    1. Ciao Boluwatife! È possibile utilizzare la funzione Notifiche per fornire una ricevuta ai clienti dopo che hanno effettuato un ordine. I dettagli su come impostare le notifiche sono disponibili qui. Per quanto riguarda la programmazione della disponibilità del modulo, è possibile farlo con la funzione di programmazione del nostro addon Form Locker (disponibile con le licenze di livello Pro e superiori). Ulteriori informazioni al riguardo sono disponibili qui.

      Al momento non abbiamo un'integrazione con il gateway di pagamento Paystack, ma ho aggiunto il tuo interesse per questa funzionalità per una considerazione futura 🙂

      Se avete ulteriori domande, inviate un ticket di assistenza se avete una licenza WPForms attiva.
      Se non avete una licenza attiva, forniamo un supporto gratuito limitato nel forum di supporto di WPForms Lite WordPress.org.

      Grazie!

    1. Ehi Muhib, al momento non abbiamo un'opzione integrata per stampare le voci al momento dell'invio come hai descritto. Capisco che sarebbe molto utile. Ho aggiunto il tuo voto per considerarla una richiesta di funzionalità per futuri miglioramenti. Come soluzione alternativa, puoi stampare le voci in PDF come indicato qui.

      Grazie.

  5. Esiste un modo per consentire al cliente di utilizzare i dati della sua carta di credito per garantire la prenotazione, come in un hotel, ma senza addebitargliela, a meno che non si riveli un no-show?

    1. Ciao Stephan,

      Purtroppo non disponiamo di una funzione integrata per ottenere ciò che hai indicato. Ho aggiunto il tuo voto per considerarla una richiesta di funzionalità per futuri miglioramenti.

      Grazie,

  6. È possibile avere orari di ritiro diversi in diversi giorni della settimana, ad esempio martedì 11-18, mercoledì 11-19, ecc.

    1. Ciao Thomas - Anche se abbiamo la funzione per limitare le ore, al momento non abbiamo la funzione nativa che stai cercando. Sono d'accordo che sarebbe fantastico e lo aggiungerò al nostro tracker delle richieste di funzionalità. Nel frattempo, puoi anche dare un'occhiata alla nostra documentazione per sviluppatori per trovare alcuni snippet di codice personalizzati che puoi utilizzare per iniziare.

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.

Questo modulo è protetto da Cloudflare Turnstile e si applicano l'Informativa sulla privacy e i Termini di servizio di Cloudflare.