Il sito web di un ristorante, di un bar o di un negozio ha un solo compito: aiutare chi si trova nelle vicinanze a decidere di entrare, chiamare o prenotare. In EverWeb puoi crearlo con poche pagine, con il tuo menu, gli orari di apertura, una mappa, un numero di telefono che le persone possono toccare per chiamare, e un pulsante o un modulo del servizio di prenotazione o di ordinazione che usi già. In EverWeb 4.6 e versioni successive, un modulo di contatto può anche ricevere semplici ordini e acconti. Ecco cosa usare per ogni parte, nell'ordine in cui lo costruiremmo noi.
Prima di iniziare
- Il tuo menu o l'elenco dei prodotti, come testo o in PDF.
- Da 10 a 20 belle foto, compresa la facciata dell'edificio, così le persone lo riconoscono.
- Il tuo servizio di prenotazione o di ordinazione, se accetti prenotazioni dei tavoli o ordini online. EverWeb crea un link al servizio o ne mostra il modulo nella tua pagina. EverWeb non gestisce i tavoli e non mostra la disponibilità in tempo reale.
- Un nome di dominio (il tuo indirizzo web, ad esempio iltuobar.com).
Pagine da creare
| Pagina | Cosa contiene | Cosa usare in EverWeb |
|---|---|---|
| Home | Una foto d'impatto, una riga su di te, gli orari, i pulsanti Chiama e Prenota | Un Contenitore impostato su Riga per i pulsanti |
| Menu | Piatti e prezzi, oppure prodotti | Testo, più un PDF facoltativo |
| Vieni a trovarci | Indirizzo, mappa, parcheggio, modulo di contatto | Una forma con il Riempimento impostato su Mappa, e il Modulo di contatto avanzato |
| Prenota o Ordina | Il tuo servizio di prenotazione o di ordinazione, oppure un semplice modulo d'ordine | Un pulsante con link, il widget Snippet HTML, oppure un modulo di contatto con pagamenti (4.6) |
| Galleria | Altre foto | Galleria di immagini reattive |
Costruiscilo in quest'ordine
- Inizia con una pagina Responsive, perché la maggior parte dei visitatori ti cercherà da un telefono. Nel Theme Template Chooser (selettore dei modelli di tema), imposta il filtro su Responsive e scegli un modello oppure Blank Responsive (responsive vuoto). Disponi ogni sezione con i Contenitori: leggi Crea una pagina responsive con i Contenitori, in modo che sul telefono si impili in modo ordinato.
- Crea un Template Mastro (Master Page) con il tuo logo, il menu di navigazione e un piè di pagina con indirizzo, orari e numero di telefono. Così potrai cambiare gli orari in un solo punto. Leggi Metti la stessa intestazione, lo stesso menu e lo stesso piè di pagina su ogni pagina con una pagina Mastro.
- Aggiungi un pulsante per chiamare con un tocco. Selezionalo, vai in Ispettore > Collegamenti ipertestuali, seleziona Attiva come collegamento ipertestuale, imposta Link a su Una pagina esterna e scrivi
tel:seguito dal tuo numero con il prefisso internazionale e senza spazi, ad esempiotel:+14165550100. Mettine uno nella parte alta della pagina Home e uno nel piè di pagina. Leggi Come creare un link a un'altra pagina, a un sito web, a un indirizzo email, a un numero di telefono, a un PDF o a una sezione di una pagina. - Aggiungi il tuo menu. Come testo in una pagina, si legge bene sui telefoni e Google può leggere i piatti. Usa una casella di testo per sezione, ad esempio Antipasti e Secondi. Per un menu stampabile, collega un pulsante al PDF con Link a impostato su Un file. Quando il menu cambia, usa Sostituisci asset... nell'elenco Risorse: il file mantiene il suo nome, quindi il link, e qualsiasi codice QR sui tuoi tavoli, continua a funzionare. Leggi Sostituisci un'immagine o un PDF ovunque in un colpo solo, ed elimina i file che non usi più (l'elenco Risorse).
- Aggiungi una mappa. Disegna una forma, vai in Ispettore > Opzioni forma e imposta il suo Riempimento su Mappa. Lo consigliamo rispetto al vecchio widget Google Maps. L'opzione Mappa base richiede una chiave API di Google Maps, ed EverWeb ti offre aiuto per ottenerne una. Leggi Aggiungi una mappa di Google al tuo sito web.
- Aggiungi prenotazioni o ordini. Il modo più semplice è un pulsante Prenota un tavolo o Ordina online collegato alla pagina del tuo servizio. Per mostrare il modulo del servizio nella tua pagina, copia il codice di incorporamento che ti fornisce, trascina il widget Snippet HTML (HTML Snippet) nella pagina (all'interno di un Contenitore in una pagina Responsive), incolla il codice e fai clic su Applica. Se non compare nella pagina pubblicata, in Impostazioni widget cambia Embed Option (opzione di incorporamento) da Auto a Direct Embed (incorporamento diretto) o External Frame (riquadro esterno). Leggi Aggiungi un calendario di prenotazione, un feed di Instagram o altro codice esterno con il widget Snippet HTML.
- Ricevi semplici ordini o acconti con un modulo (EverWeb 4.6 e versioni successive). Con il componente aggiuntivo Contact Forms Enhanced, il Modulo di contatto avanzato (Contact Form Advanced) può ricevere pagamenti con carta o PayPal. È adatto all'ordine di una torta per una festa con dimensione e messaggio, a una prenotazione di catering con acconto, a un ordine da ritirare in negozio o a un buono regalo. I clienti scelgono opzioni con un prezzo, vedono il totale e pagano nella pagina di pagamento di Stripe o di PayPal, e tu ricevi l'ordine via email contrassegnato come Paid (pagato). Il modulo non controlla disponibilità o scorte, quindi conferma ogni ordine o prenotazione via email o telefono. Leggi Vendi un prodotto con opzioni ed extra dal tuo modulo di contatto e Ricevi prenotazioni e acconti con il tuo modulo di contatto.
- Aggiungi foto con il widget Cursore dell'immagine (Image Slider) o Carosello, oppure con una Galleria di immagini reattive (Responsive Image Gallery) che apre le foto in grande quando vengono toccate. Prima salva le foto per il web, idealmente sotto i 500KB ciascuna, così le pagine si caricano in fretta anche con i dati mobili. Selezionando Esportare immagini ottimizzate in File > Modificare le impostazioni di pubblicazione vengono pubblicate copie più leggere.
- Aggiungi un modulo di contatto per catering e gruppi numerosi, con il Modulo di contatto avanzato. Leggi Come faccio a usare le mie impostazioni SMTP (posta in uscita) con il modulo di contatto?.
- Collega i tuoi social media, oppure mostra i tuoi ultimi post di Facebook con il widget Cronologia di Facebook (Facebook Page Timeline). Leggi Aggiungi al tuo sito web pulsanti e feed dei social media (Facebook, Instagram, X, Pinterest).
Da configurare fuori da EverWeb
- Hosting, dominio ed email. EverWeb + Hosting include l'hosting e indirizzi come [email protected]. Leggi Creare un indirizzo email con il tuo dominio (EverWeb + Hosting) e Far puntare il tuo dominio a EverWeb Hosting (aggiornare nameserver / DNS).
- Google Business Profile, la scheda gratuita di Google che mostra i tuoi orari e la tua posizione sulla mappa in Ricerca e Maps. Aggiungi l'indirizzo del tuo sito web e mantieni gli stessi orari in entrambi i posti.
- Il tuo account di prenotazione o di ordinazione, provato prima da solo.
- Per i pagamenti tramite modulo: un account Stripe o PayPal, il componente aggiuntivo Contact Forms Enhanced (leggi Cos'è il componente aggiuntivo Contact Forms Enhanced?), e il lucchetto (HTTPS) sul tuo sito web (leggi Il mio sito dice 'Non sicuro': come attivare HTTPS (SSL) sul tuo sito web).
Lista di controllo prima di pubblicare
- Il link del telefono funziona sul tuo telefono: fai clic su Anteprima, scegli Preview QR Code (codice QR di anteprima) e scansionalo.
- Orari, indirizzo e telefono coincidono sul tuo sito web, sulla scheda Google e sulle pagine social.
- I prezzi del menu sono aggiornati e il PDF si apre.
- Il Titolo della pagina web e la Descrizione della pagina web di ogni pagina dicono chi sei e dove ti trovi, ad esempio "Ristorante thailandese a Leeds". Leggi Perché le persone non trovano il mio sito web su Google?.
- Le foto hanno il Testo ALT in Opzioni forma.
- Pubblica con File > Pubblica l'intero sito, poi prova il pulsante di prenotazione, il modulo di contatto ed eventuali moduli d'ordine sul sito web online. Moduli e pagamenti non funzionano in Anteprima.
Articoli correlati
- Crea una pagina responsive con i Contenitori, in modo che sul telefono si impili in modo ordinato
- Metti la stessa intestazione, lo stesso menu e lo stesso piè di pagina su ogni pagina con una pagina Mastro
- Aggiungi un calendario di prenotazione, un feed di Instagram o altro codice esterno con il widget Snippet HTML
- Ricevi prenotazioni e acconti con il tuo modulo di contatto
- Il mio modulo di contatto non mi invia le email
