Com crear un lloc web per a restaurants: menú, horaris, reserves i comandes

Un bon lloc web de restaurant respon cinc preguntes en pocs segons: què hi ha al menú, quant costa, quan està obert, on és i com reservar o demanar. Pots construir-lo tu mateix amb un constructor de webs amb IA descrivint el restaurant, enganxant el menú i els horaris reals, i triant si les reserves i les comandes passen pel teu propi lloc o per un servei que ja fas servir. La major part de l'esforç és mantenir aquesta informació exacta, no el disseny.

Què necessita un lloc web de restaurant

La majoria de visitants arriben des del mòbil, sovint mentre decideixen on menjar en aquell moment. Construeix primer per a aquesta persona.

Decisions a prendre abans de construir

Com actualitzaràs el menú

Aquesta és la decisió que més importa amb el temps. Un menú desactualitzat fa marxar la gent emprenyada. Tens tres opcions:

1. Menú escrit dins de la pàgina. El més simple. El canvies editant el lloc (amb un constructor d'IA, demanant-ho al xat). Va bé si el menú canvia unes quantes vegades l'any.
2. Menú guardat en una base de dades amb una pàgina d'administració. El personal inicia sessió i edita plats, preus i marques de «esgotat» sense tocar el disseny. Val la pena si el menú canvia cada setmana o si fas especials diaris.
3. Menú extret del teu sistema de punt de venda. És possible si el teu TPV té una API, però és un projecte d'integració real. Només val la pena si mantenir dos menús sincronitzats ja et dona problemes.

Com funcionen les reserves

Començar amb un formulari de sol·licitud sovint és la resposta correcta. És ràpid de construir, i veus quantes reserves reps realment en línia abans de pagar o construir més. La nostra guia sobre com crear una aplicació de reserves explica la disponibilitat i les bestretes si les necessites.

Com funcionen les comandes

• Enllaçar aplicacions de repartiment. No cal construir res, i porten els seus propis clients. Pagues la seva comissió.
• Comandes per telèfon. Un botó clar de «truca per demanar» encara funciona molt bé per a molts locals de menjar per endur.
• Comandes pròpies per recollir. Un menú amb afegir a la cistella, una compra amb un proveïdor de pagaments com Stripe i una pantalla de comandes o un correu per a la cuina. Evita la comissió per comanda, però és un projecte de debò: opcions dels plats («sense ceba», mides), regles d'horari d'obertura, plats esgotats, reemborsaments i algú que vigili les noves comandes durant el servei. Abans de decidir-te, consulta com crear una botiga en línia i com afegir pagaments a la teva aplicació.

Construir-lo pas a pas

Pas 1: reuneix primer el contingut real

Abans d'obrir cap eina, recull:

• El menú actual en text (millor una llista escrita que una foto del menú imprès)
• Etiquetes dietètiques: vegetarià, vegà, sense gluten, i notes d'al·lèrgens de les quals estiguis segur
• Horaris d'obertura, horaris de cuina i tancaments festius coneguts
• Adreça, telèfon, correu electrònic i notes d'aparcament o de transport
• Entre 6 i 15 bones fotos: plats insígnia, la sala, l'exterior perquè la gent el reconegui
• Dues o tres frases sobre el lloc: la cuina, el propietari, per què és conegut

El contingut real produeix una primera versió millor que el text de marcador de posició, i t'estalvia reescriure-ho després.

Pas 2: escriu el primer prompt

Descriu el restaurant, les pàgines i què ha de poder fer el visitant:

Crea un lloc web per a Nonna Rosa, una trattoria italiana de gestió familiar a Leeds. Pàgines: inici, menú, sobre nosaltres, i com arribar-hi. El menú s'agrupa en antipasti, pasta, plats principals i postres, amb preus en lliures i etiquetes petites per a vegetarià i sense gluten; enganxaré la llista completa al següent missatge. Mostra l'horari d'avui a la part superior de la pàgina d'inici. La pàgina d'arribada té l'adreça, un enllaç al mapa, notes d'aparcament i un número de telèfon que es pot trucar tocant. Afegeix un formulari «Reserva una taula» (nom, telèfon, nombre de persones, data, hora, notes) que guardi les sol·licituds en una base de dades, i una pàgina d'administració senzilla on pugui veure-les. Aspecte càlid i rústic amb crema i vermell fosc. Ha de veure's molt bé al mòbil.

Després enganxa el menú al missatge següent. Mantenir el contingut separat de l'estructura facilita revisar cada pas.

Pas 3: revisa-ho al mòbil, com ho faria un client afamat

Obre la previsualització en mida de mòbil i prova-ho tu mateix: pots trobar el menú, l'horari d'avui i el telèfon en menys de deu segons cadascun? Toca el telèfon i l'enllaç del mapa. Envia una reserva de prova i troba-la a la pàgina d'administració.

Pas 4: afegeix fotos i velocitat

Les fotos grans són el motiu més habitual pel qual els llocs de restaurants carreguen lentament. Demana que les imatges es redimensionin i es comprimeixin, i evita els vídeos de fons que es reprodueixen automàticament: pesen molt a les dades mòbils i sovint ni tan sols es reprodueixen al telèfon.

Pas 5: fes-te trobar a la teva zona

Per als restaurants, bona part del trànsit de cerca ve dels resultats de mapes i dels llistats locals, no només del teu lloc web.

• Dona a cada pàgina un títol i una descripció clars («Nonna Rosa | Restaurant italià a Leeds»).
• Mantén el nom, l'adreça i el telèfon idèntics al lloc web, al teu perfil d'empresa de Google i en altres llistats.
• Posa el menú a la pàgina com a text perquè els cercadors puguin llegir els noms dels plats.
• Enllaça el teu lloc des dels teus llistats i perfils de xarxes socials.

Alguns constructors d'IA produeixen aplicacions d'una sola pàgina que es renderitzen al navegador, que els cercadors poden llegir amb menys fiabilitat que l'HTML normal. Per a un lloc de restaurant, demana una configuració estàtica o renderitzada al servidor si t'importa la cerca. La nostra guia sobre SEO per a llocs web construïts amb IA va més a fons.

Pas 6: publica-ho al teu propi domini

Publica el lloc i després connecta un domini que coincideixi amb el nom del local (consulta com connectar un domini personalitzat). Actualitza els teus llistats, menús i perfils de xarxes socials amb la nova adreça.

Errors habituals

• Un menú en PDF. Difícil de llegir al mòbil, invisible per a la cerca, i tendeix a quedar desfasat.
• Horaris incorrectes. La manera més ràpida de perdre un client. Actualitza el lloc el mateix dia que canvies els horaris o tanques per festiu.
• Amagar el telèfon al peu de pàgina o darrere d'un formulari de contacte.
• Fotos d'estoc. La gent vol veure el teu menjar i la teva sala.
• Afirmacions sobre al·lèrgens de les quals no pots respondre. Etiqueta només el que la teva cuina pot garantir, i digues a la gent que pregunti al personal sobre les al·lèrgies.
• Construir comandes abans de necessitar-les. Un sistema de comandes a mig funcionar és pitjor que un botó de «truca per demanar».

Què costa

Per a un lloc senzill pagues un nom de domini (facturat anualment pel registrador) i l'allotjament. Un constructor d'IA o un constructor de webs substitueix la major part del cost de disseny i desenvolupament si ho fas tu mateix. Els costos que creixen són els complements: les plataformes de reserves, els serveis de comandes en línia i el processament de pagaments tenen cadascun les seves pròpies tarifes, i un sistema de comandes a mida té costos de funcionament continus i temps teu per mantenir-lo. Compara cada complement amb el que substitueix: un formulari de reserves que estalvia deu trucades per nit durant el servei val més que una funció que ningú fa servir.

Quan un producte ja fet és millor opció

• El teu punt de venda ja ofereix comandes en línia o un lloc web. Molts sistemes TPV de restaurants inclouen pàgines de comandes que van directament a la cuina. Fer servir això sol ser més simple que construir-ne un de propi.
• Necessites una gestió completa de taules. Les plataformes de reserves dedicades gestionen els plànols de sala, les llistes d'espera, el seguiment d'absències i l'historial de clients. No els tornis a construir.
• Vols canviar només el text, sempre. Una plantilla estàndard d'un constructor de webs pot ser suficient.

Construeix-ne un de propi quan vulguis un lloc que s'assembli al teu restaurant i no a una plantilla, quan vulguis un menú que el personal pugui editar fàcilment, o quan un flux senzill de reserves o consultes t'estalviï temps de telèfon. Per a la versió general d'aquesta guia, consulta com crear un lloc web per a un petit negoci.

Construir-lo amb Mythex

Mythex és un constructor d'aplicacions amb IA: descrius el restaurant, enganxes el menú i el lloc es construeix en una previsualització en directe que pots revisar en mida de mòbil. Quan demanes un formulari de reserves o un menú editable, afegeix una base de dades al projecte; les pujades de fotos fan servir l'emmagatzematge de fitxers del projecte. Pots publicar al pla gratuït en una adreça yourname.mythex.app i connectar el teu propi domini al pla Pro. Mythex no inclou un producte propi de reserves o comandes: per als pagaments fas servir el teu propi compte de Stripe, i els correus de confirmació utilitzen un proveïdor de correu que tries tu.

Un bon punt de partida és la plantilla de lloc web per a restaurant italià, la pàgina de constructor de webs de restaurants amb IA, o la documentació sobre com construir una pàgina de reserves i SEO per a la teva aplicació publicada.

Preguntes