Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man ställer in online matbeställning för restauranger i WordPress

Varje restaurangägare vet att bekväma beställningsalternativ får kunderna att komma tillbaka.

När folk enkelt kan beställa online och vet exakt när deras mat kommer att vara klar, är de mer benägna att bli stamkunder som beställer ofta.

Att skapa ditt eget online-beställningssystem via WordPress ger dig kontroll över kundupplevelsen.

Vi har testat flera WordPress-plugins för restaurangbeställningssystem för att hitta de som ger smidig funktionalitet och professionella resultat för olika typer av restauranger.

I den här steg-för-steg-guiden lär du dig hur du bygger ett online-beställningssystem som passar din restaurangs unika behov.

Konfigurera online-matbeställningar för restauranger

Vad du behöver för att ställa in online-matbeställning

Du behöver en webbplats för att konfigurera online-matbeställningar för din restaurang.

Om du inte har en webbplats än, oroa dig inte. Du kan enkelt starta en webbplats med WordPress, som är den bästa webbplatsbyggaren i världen som används av miljontals småföretag.

Att skapa en WordPress-webbplats kommer inte heller att äta för mycket av din vinstmarginal. Bluehost, en av WordPress rekommenderade hosting-leverantörer, erbjuder våra läsare ett bra erbjudande.

Bluehost Kupongkod

I grund och botten kan du få ett gratis domännamn, gratis SSL och en ENORM rabatt på webbhotell.

Det finns också massor av bra WordPress-teman för restauranger tillgängliga. Ett tema är som en mall för din webbplats. Att välja ett bra hjälper din webbplats att se professionell och pålitlig ut, vilket uppmuntrar kunder att beställa från dig.

Med det sagt, låt oss se hur du enkelt lägger till online-matbeställning på din webbplats.

Lägga till online matbeställningar på din webbplats

När du har konfigurerat din WordPress-webbplats kan du enkelt lägga till ett onlineformulär så att kunder kan beställa mat.

Det enklaste sättet att göra detta är att använda WPForms, som är den bästa plugin för formulärbyggare för WordPress. Det låter dig enkelt skapa onlineformulär på din webbplats (ingen kodning krävs).

Dessutom, under vår testning, fann vi att pluginet gör det superenkelt att se alla dina formulärinlägg direkt från instrumentpanelen. Det betyder att du aldrig kommer att tappa bort några beställningar som gjorts på din webbplats. För att lära dig mer om vår erfarenhet, se vår WPForms-recension.

Först måste du installera och aktivera plugin-programmet WPForms. Om du är osäker på hur du gör det, kolla in våra fullständiga instruktioner om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan WPForms » Inställningar från sidofältet i WordPress-admin för att ange din licensnyckel.

Du kan hitta denna information i ditt konto på WPForms webbplats.

Ange din licensnyckel för WPForms

Besök sedan sidan WPForms » Lägg till ny i din WordPress-instrumentpanel för att skapa ditt formulär för online-matbeställning.

Först måste du skriva in ett namn för ditt nya formulär. Det kan vara vad som helst som känns vettigt för dig, eftersom kunderna inte kommer att se den här titeln om du inte vill det.

Skrolla sedan ner till avsnittet ‘Välj en mall’ och leta upp ‘Beställningsformulär för avhämtning’.

Lägg till mallen för beställningsformulär för avhämtning

När du har hittat det, klickar du helt enkelt på mallen för att starta den i formulärbyggaren.

När formuläret öppnas kommer du att märka att det är utformat för pizza-takeaway. Du kan dock ändra det på vilket sätt du vill. Klicka helt enkelt på ett fält (en del av formuläret) för att redigera det.

Det nyskapade formuläret för take-away-leverans, med standardfält

Vi kommer att redigera fältet ‘Vilken typ av pizza vill du ha?’ högst upp i formuläret.

Du kan ändra etiketten för fältet. Detta är frågan eller uppmaningen som kunden ska svara på.

Du kan också ändra valen och ta bort eller lägga till dem med hjälp av knapparna (+) och (-).

Ändra etiketten och alternativen för ett fält

Du kan också lägga till fler fält i ditt formulär. Till exempel vill du förmodligen lägga till ett fält så att kunderna kan ange vilken tid de vill ha sin leverans.

För att lägga till ett fält, klicka på fliken ‘Lägg till fält’ på vänster sida av skärmen. Rulla sedan ner till avsnittet ‘Avancerade fält’ och hitta fältet ‘Datum / Tid’.

Dra och släpp detta fält var du vill ha det på ditt formulär.

Lägga till ett datum / tid-fält till WPForms

Som tidigare kan du klicka på fältet för att redigera det.

Du kan sedan ändra etiketten, formatet eller beskrivningen av fältet enligt dina önskemål.

Ändra datum/tidsfältet så att det bara visar tid

I 'Avancerade' alternativ för fältet kan du välja att ändra de olika intervall som erbjuds. Alternativen är 15 minuter, 30 minuter eller 1 timme.

Det är en bra idé att göra fältet 'Adress' för ditt formulär obligatoriskt. Genom att ställa in ett fält som 'Krävs' förhindrar du att kunden skickar in formuläret förrän de har fyllt i det.

Klicka bara på fältet 'Adress' för att redigera det, markera sedan rutan 'Krävs' på vänster sida av skärmen.

Göra adressen till ett obligatoriskt fält i ditt formulär

När du är klar med att skapa ditt formulär, klicka på 'Spara' högst upp på skärmen innan du går vidare till nästa steg.

Ställa in aviseringar för ditt formulär för matbeställning

Du måste se till att beställningar kommer till rätt personer. WPForms skickar automatiskt ett e-postmeddelande till administratören för din webbplats, men det kanske inte är dit du vill att beställningarna ska gå.

Först måste du klicka på fliken 'Inställningar' på vänster sida av skärmen.

Byt sedan till fliken 'Aviseringar', där du ser standardaviseringen till höger.

Visa aviseringar för ditt onlineformulär för matbeställningar

Härifrån kan du ändra ‘Skicka till e-postadress’ så att den skiljer sig från din webbplats administratörs e-post.

Du kan helt enkelt ta bort {admin_email} och ange en eller flera e-postadresser här. Se till att separera flera e-postadresser med ett kommatecken.

Ange e-postadresserna du vill att formuläret ska skickas till, separerade med kommatecken

Du kanske också vill ändra ämnesraden så att dina beställningar inte alla har exakt samma ämne. Du kan enkelt inkludera kundens namn i ämnesraden med hjälp av smarta taggar.

Klicka bara på 'Smarta taggar' och scrolla ner till 'Namn'. Klicka på det, så infogar WPForms rätt kod för det i din ämnesrad. I det här fallet är det {field_id="3"}.

För detaljerade instruktioner, se vår handledning om hur man skickar bekräftelsemejl efter formulärinlämning i WordPress.

Ändra ämnesraden för din avisering

När du är nöjd med aviseringen, klicka bara på ‘Spara’ högst upp på skärmen.

💡 Tips: WPForms sparar formulärinlägg i WordPress-databasen, så oroa dig inte om du av misstag raderar en beställning från din e-postinkorg.

För att se alla beställningar, gå till WPForms » Inlägg i din instrumentpanel. Klicka på namnet på ditt formulär för att visa beställningarna.

Du kan också ställa in en e-postavisering för dina kunder genom att klicka på knappen 'Lägg till ny avisering'.

Klicka på knappen 'Lägg till ny avisering' för att skapa en ny avisering

Detta öppnar en ruta på skärmen där du uppmanas att ange ett namn för en ny avisering.

Du kan använda vad som helst som känns vettigt för dig här, eftersom kunden inte kommer att se det.

Ange ett namn för aviseringen som skickas till kunden

Nu, för att skicka e-postbekräftelsen för beställningen till kunden, måste du ta bort {admin_email} från rutan ‘Skicka till e-postadress’.

Klicka sedan på alternativet 'Visa smarta taggar' högst upp i fältet och lägg till den smarta taggen 'E-post'.

Ditt bekräftelsemeddelande kommer nu att skickas till användarna istället för administratören av din WordPress-webbplats.

Konfigurera kundkvittot så att det skickas via e-post till kunden

Därefter vill du ändra ämnesraden för e-postmeddelandet och dina uppgifter. Skriv helt enkelt in vad du vill använda här.

Du kan också lägga till detaljerna för din kunds beställningar i fältet ‘Meddelande’ med hjälp av smarta taggar.

För detaljerade instruktioner, se vår handledning om hur man skapar ett kontaktformulär med flera mottagare.

Redigera namnet och e-postadressen som kunderna kommer att se i dina e-postmeddelanden

När du är nöjd med kundaviseringen klickar du på 'Spara' högst upp på skärmen.

Tips: För att återgå till den första aviseringen du redigerade, scrolla bara ner.

Redigera bekräftelsemeddelandet som din kund ser

När din kund fyller i formuläret kommer WPForms att visa dem ett meddelande för att bekräfta att formuläret har skickats in framgångsrikt.

Du kan redigera detta meddelande genom att gå till Inställningar » Bekräftelser. Skriv bara det meddelande du vill ha i rutan. Du kan till och med använda den visuella redigeraren för att formatera detta meddelande.

Skapa ett bekräftelsemeddelande som din kund kommer att se efter att ha skickat in formuläret

Du kan också välja att ändra 'Bekräftelsetyp' och skicka kunden till en tack-sida om du vill.

När du är klar, glöm inte att klicka på knappen 'Spara' för att lagra dina inställningar.

Ta emot betalning via ditt formulär för matbeställningar

Standardformuläret för avhämtning är inte inställt för betalningar. Det fungerar om du bara accepterar kontant vid leverans. I vissa situationer kan du dock föredra att ta emot en förskottsbetalning online från kunden.

Om du vill ta emot betalningar måste du konfigurera ditt formulär med speciella fält som beräknar kundens skuld och använda det med en betalningsprocessor som PayPal.

För att göra detta, gå till fliken 'Fält' i den vänstra kolumnen och bläddra ner till sektionen 'Betalningsfält'.

Byt sedan ut alla dina fält som listar priser mot ett av 'Artikel'-fälten.

De olika betalningsfälten som finns tillgängliga i WPForms

På vårt formulär har vi tagit bort det ursprungliga fältet 'Hur många personer är måltidserbjudandet för?' som vi använde.

Vi har ersatt det med betalningsfältet 'Flera artiklar'.

Lägga till ett fält för betalning av flera artiklar i ditt formulär

När du använder betalningsfält i ditt formulär måste du se till att inkludera ett 'Total'-fält också. Detta är så att ditt formulär kan visa kunden det totala belopp de kommer att betala.

Dra och släpp helt enkelt fältet 'Total' från 'Betalningsfält' dit du vill ha det på ditt formulär.

Lägga till fältet 'Total' i din beställningsformulär

Se till att du sparar ditt formulär efter att ha gjort ändringar.

Därefter behöver du välja en betalningsprocessor att använda med ditt formulär. WPForms integreras sömlöst med PayPal och Stripe. För att lägga till någon av dessa, besök sidan WPForms » Tillägg från din WordPress-instrumentpanel.

Vi kommer att använda ‘PayPal Standard Addon’ för vårt formulär.

Leta helt enkelt upp och klicka på knappen 'Installera tillägg' för betalningsgatewayer.

Installera PayPal-tillägget för WPForms

Gå nu tillbaka till ditt formulär för matbeställningar från sidan WPForms » Alla formulär i ditt WordPress-adminområde.

När du är där, klickar du helt enkelt på fliken ‘Betalningar’ i ditt formulär och väljer den betalningsintegration du vill använda.

Välj betalningstjänst(er) att integrera med ditt formulär

Se till att du markerar rutan 'Aktivera PayPal Standard-betalningar' för att aktivera den här funktionen för ditt formulär.

Ange sedan den PayPal-e-postadress som du använder för din restaurang. Lämna 'Läge' inställt på 'Produktion' och 'Betalningstyp' inställt på 'Produkter och tjänster'.

PayPal-betalningsinställningssidan för ditt formulär

Du kan ändra 'Leverans' till 'Fråga inte efter en adress' om du vill, eftersom kunden redan har fyllt i sin adress i beställningsformuläret.

Klicka på 'Spara' högst upp på skärmen.

Ditt formulär kommer nu automatiskt att omdirigera kunder till PayPal efter att de har skickat in sin beställning.

Lägga till formuläret för online matbeställningar på din webbplats

Slutligen måste du lägga till formuläret du har skapat på din webbplats.

Först måste du välja en befintlig sida eller skapa en ny sida där formuläret ska placeras. För att skapa en sida, gå till Sidor » Lägg till ny i din WordPress-instrumentpanel.

När du är där, klicka på knappen 'Lägg till block' (+) för att öppna blockmenyn. Hitta och lägg sedan helt enkelt till WPForms-blocket på sidan.

Lägg till onlinebeställningsformulär

Därefter måste du välja onlinebeställningsformuläret du skapade från rullgardinsmenyn i själva blocket.

Det kommer sedan automatiskt att läggas till på din sida. Publicera (eller uppdatera) helt enkelt din sida för att göra formuläret live på din webbplats.

Vi rekommenderar att du testar ditt formulär för att säkerställa att det fungerar som förväntat. Kontrollera att du får e-postmeddelandet. Om inte, kan du följa våra instruktioner för att åtgärda problemet med att WordPress inte skickar e-post.

Bonus: Skapa en online-restaurangmeny i WordPress

Om du har ställt in onlinebeställning av mat, är det också en bra idé att skapa en menysida på din restaurangwebbplats.

Detta gör det enklare för kunder att bläddra igenom dina produkter och fatta ett beslut. Att inkludera menyalternativ och beskrivningar på din webbplats kan till och med förbättra SEO. Det innebär att när besökare söker efter en restaurang i ditt område, kommer din webbplats att dyka upp i de bästa sökresultaten.

Du kan enkelt skapa en attraktiv restaurangmeny med SeedProd. Enligt vår mening är det bästa WordPress-sidbyggaren på marknaden. Den levereras med en dra-och-släpp-byggare, integration med e-postmarknadsföringstjänster och över 300 färdiga mallar.

Vi har till och med använt SeedProd för att bygga hela e-handelswebbplatser, och vi har haft en fantastisk upplevelse med det. För mer information om pluginet, se vår SeedProd-recension.

SeedProd

Efter installation av plugin, besök helt enkelt skärmen SeedProd » Landningssidor där du måste klicka på knappen 'Lägg till ny landningssida'.

Detta tar dig till skärmen 'Välj en mall' där du kan välja någon av de färdiga mallarna som du gillar.

Välj landningssidmall

När du har gjort det kommer landningssidan att öppnas i dra-och-släpp-byggaren.

Härifrån kan du använda blocken för rubrik, stycke och bild i den vänstra kolumnen för att skapa en visuellt tilltalande restaurangmeny för din webbplats.

Lägg till pris för menyalternativ

För mer detaljerade instruktioner kan du se vår handledning om hur du enkelt skapar en online-restaurangmeny i WordPress.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du ställer in onlinebeställning av mat för restauranger. Du kanske också är intresserad av vår nybörjarguide om e-handelsinställningar i WordPress och vår utmärkta lista över sätt att använda villkorsstyrd logik i WordPress-formulär.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

8 CommentsLeave a Reply

  1. Jag har hjälpt några lokala restauranger med onlinebeställningar och jag har aldrig tänkt på att använda WPForms för detta!
    Tack för steg-för-steg-instruktionerna för att använda WPForms för att skapa ett anpassningsbart beställningsformulär.
    Jag har WPForms installerat på webbplatserna men jag har aldrig skapat ett beställningsformulär. Jag ska bygga ett.
    Jag ska också testa den villkorliga logiken inom WPForms för att visa eller dölja vissa menyalternativ baserat på kundens tidigare val. Detta kan hjälpa till att effektivisera beställningsprocessen och minska förvirring.
    Den här artikeln har gett mig några idéer att testa dem.
    TACK WPBeginner! Ni är bäst!

  2. tack för den här guiden.
    Jag tycker att wpform är så kraftfullt att det kan användas för formulärrelaterade uppgifter för flera ändamål.
    Vi kan skapa enkätbaserade formulär där någon kan skicka in enkäten relaterad till något, vi kan skapa feedbackformulär och annat.
    Jag tänkte att det kanske fanns ett dedikerat plugin för den här uppgiften, men tack vare wpforms kan den här uppgiften enkelt utföras genom wpforms.

  3. Hej,

    Först och främst tack för den här videon.

    Jag behöver en Wordpress-webbplats för min restaurang, är det möjligt att ladda ner en app till min restaurangs surfplatta så att alla beställningar kan ses av mitt team?

    • Du vill inkludera skatt i den individuella produktkostnaden för tillfället med denna metod.

      Admin

    • Metoden vi täcker i den här guiden är för användning av den betalda versionen av pluginet och gäller inte gratisversionen.

      Admin

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.