Vill du skapa en restaurangmeny online i WordPress?
Delning av din meny på din website hjälper dig att övertyga fler människor att komma till din restaurang eller göra sin order online.
I den här artikeln visar vi Step-by-Step hur du enkelt skapar en meny för en onlinerestaurang i WordPress.
Vad behöver du för att starta en website för en restaurang?
Innan du kan skapa en restaurangmeny online måste du skapa en website. Om du inte har en website ännu, så oroa dig inte.
Du kan enkelt starta en website med WordPress, som är världens bästa hemsidebyggare och används av miljontals småföretag, restauranger, barer och kaféer. Över 43% av alla websites på internet använder WordPress.
Det bästa av allt är att you kan börja bygga din website utan en stor initial investering.
Det första du behöver är ett domain name och ett webbhotell. Vi har kommit överens med Bluehost, en av WordPress rekommenderade hosting providers, för att erbjuda våra läsare ett bra erbjudande.
Du får ett gratis domain name, ett gratis SSL-certifikat och en enorm rabatt på webbhotell.
Alternativ: Vi rekommenderar också Hostinger. Deras planer inkluderar också ett gratis domain name och SSL med en generös rabatt.
Utöver webbhotell och ett domain name behöver du också ett WordPress theme. Ett theme är som en template för din website.
Det finns massor av bra WordPress teman för restauranger som hjälper dig att skapa en professionell website som uppmuntrar dina customers att göra en order.
Om du behöver hjälp med att skapa en website för din restaurang, se vår Step-by-Step guide om hur du skapar en website.
Varför skapa en online-meny i WordPress?
Genom att skapa en page med en restaurangmeny online på din site i WordPress kan du skapa en bättre upplevelse för dina besökare och potentiella kunder.
När en visitor kommer till din restaurants website är det första de brukar klura på din menu.
Om du bara erbjuder besökarna en PDF-meny gör du det svårt för dem att se vilka matalternativ du erbjuder.
Genom att skapa en online-meny på din website behöver dina användare inte ladda ner din meny. Att ladda ner PDF-filer kan vara svårt, beroende på dina customers dataplaner och anslutning.
Dessutom kommer en menu page på din website att vara mobil responsive och se bra ut på alla devices, så att dina visitors enkelt kan läsa den utan att zooma in och ut.
Bäst av allt, med en meny page kan du enkelt editera din meny och till och med add to online order. PDF-filer är mycket mer besvärliga att editera och uploada när du behöver ändra menyn eller priserna.
Med detta sagt kommer vi att dela med oss av två olika tillägg till WordPress som kan hjälpa dig att add to en online restaurang meny till WordPress. Använd bara snabblänkarna under för att välja det tillägg du vill använda:
Metod 1: Add en restaurangmeny till WordPress med SeedProd
Vi rekommenderar att du använder SeedProd för att skapa en restaurangmeny online i WordPress. Det är den bästa drag and drop page buildern för WordPress, som används av över 1 miljon websites.
Det låter dig skapa en fantastisk restaurangmeny med hjälp av en drag and drop-byggare. Dessutom kan du enkelt edit din meny när den ändras, och nya alternativ är tillgängliga.
För denna tutorial kan du använda den gratis versionen av SeedProd för att skapa din meny. En pro-version av SeedProd är dock tillgänglig som har 320+ templates, färgscheman, e-postmarknadsföringsintegrationer, bildkaruseller, block för sociala medier och mycket mer.
Det första du behöver göra är att installera och aktivera pluginet SeedProd. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Efter aktivering, navigera till SeedProd ” Pages och klicka på knappen ’Add New Landing Page’.
Då kommer du till vyn template, där du kan välja en template för sidan. Det finns dussintals templates för olika nischer och ändamål.
För att välja en template, hovera över den och click the ’Checkmark’ icon. Du kan välja vilken template du gillar, men för den här tutorialen kommer vi att använda templaten ”Dinner Sales Page”.
Detta ger en popup där du kan namnge din new menu page. You can also edit the URL of the page. Vi anropar helt enkelt vår page ”Menu”.
Klicka sedan på knappen ”Save and Start Editing the Page”.
När du har gjort det kommer du till vyn för page editor.
Den högra sidan av page är preview och kan customize helt och hållet. Den vänstra sidan av sidan har olika block och sections som you kan add to the page.
Klicka först på logotypen för page.
Detta kommer att ge dig en menu till vänster där du kan uploada din restaurangs logga. För att lägga till en new logga kan du följa samma process som när du lägger till en image i WordPress.
Därefter kan du ändra knappen i navigation menu så att den går tillbaka till din homepage. På så sätt kan dina besökare återvända till din website när de är klara med att viewa menyn.
Klicka bara på knappen navigation menu, och sedan kan du ändra text och link i vänstermenyn.
Efter det kan du ta bort huvudinnehållet Section.
Håll bara hovern över sidans headline och click the ”Delete Block” icon.
Sedan kan du göra samma sak för image-, text- och knapp-elementen.
Därefter kan du add to en headline för rubriken på din meny genom att dra blocket ”Headline” över till din page.
Like the other elements, you can change the text size, color, and font with the menu on the left.
Därefter kan du editera de befintliga objekten och ersätta dem med din egen text och dina egna images.
Klicka först på image och uploada din egen image med menyn till vänster.
Därefter klickar du på den aktuella headlinen för att enter din egen text.
Du kan också ändra texten genom att clicka på den och lägga till en description.
När du har ändrat headline och text kan du add to ett price för objektet.
Dra helt enkelt elementet ”Text” till din page och customize sedan texten med menyn till vänster.
Följ sedan helt enkelt samma steg som ovan för resten av objekten på din restaurangmeny.
Du kan customize alla sektioner i page template.
Om du vill add to en annan menu section med samma stil, hoverar du över elementet och clickar på ”Duplicate Row”.
Detta kommer att göra en kopia av samma row och add to den direkt under.
Känn dig gratis att fortsätta göra customizes till din restaurang meny. You can fully customize every part of the page, including colors, sizing, fonts, and more.
Om du inte vill lägga till ett foto för varje objekt kan du enkelt använda ett listblock för att lägga till menu items.
När du är klar med att skapa din restaurangmeny online klickar du på dropdown-pilen bredvid knappen ”Save” och väljer ”Publicera”.
Din new menu är nu live så att dina besökare kan se den.
Nu kan du add to din restaurangmeny till din navigation menu och andra areas på din WordPress blogg.
Metod 2: Add en restaurangmeny till WordPress med Food Menu
Den här metoden använder pluginet Food Menu – Restaurant Menu & Online Ordering. Med detta tillägg kan du snabbt skapa en online-meny i WordPress.
Det integreras också med WooCommerce, så att du kan ge dina besökare alternativet att göra en online order.
Det första du behöver göra är att installera och aktivera pluginet Food Menu – Restaurant Menu & Online Ordering. För mer detaljer, se vår guide för nybörjare om hur man installerar ett plugin för WordPress.
Vid aktivering, navigera till Food Menu ” Add Food.
På den här vyn kan du enter namn, description och image för ditt menu item.
Därefter klickar du på knappen ”Update” eller ”Publicera” för att saved your menu item.
För att add to fler items till din menu, följ helt enkelt samma steg som ovan.
När du har slutfört att lägga till objekt i din matmeny är det dags att lägga till denna meny i WordPress.
Först måste du gå till matmenyn ” ShortCode Generator, och klicka sedan på knappen ”Add New”.
Därefter kan du ge din shortcode en rubrik för att hjälpa dig att komma ihåg vilken typ av menu items du har addat.
Sedan kan du customize hur du vill att din meny ska visas.
Vi behåller standardalternativen, men du kan customize hur menyn visas med inställningarna i section ”Layout”.
Här kan du välja hur många objekt som ska visas per row.
I tabben ”Filtering” kan du välja om du vill visa en enkel meny eller om du vill aktivera online order.
För att aktivera online order väljer du helt enkelt knappen ”WooCommerce”. Du kan också styra vilka objekt du vill visa.
Om du planerar att låta customers add matvaror till sina carts och kassan, då måste du lägga till dina menu items som produkter i din WooCommerce store.
För mer details om hur du lägger till produkter, se vår Step-by-Step guide om hur du startar en online store.
Därefter kan du customize den information som visas för varje objekt genom att clicka på tabben ”Field selection”.
När du kontrollerar eller avmarkerar boxarna kan du se en preview i realtid av hur ändringarna kommer att gillas.
Efter det kan du ändra utseendet på dina menu items genom att clicka på alternativet ”Styling”.
När du är klar med att customize hur dina menu items visas, se till att klicka på knappen ”Publicera”.
Detta kommer inte att göra din meny live på din site ännu, men det kommer att save shortcode som vi kommer att lägga till din webbplats under.
Nu måste du skapa en page där din menu ska visas.
För att göra detta, navigera till Pages ” All Pages och klicka sedan på ’Add New’.
Efter det kan du ge din page en rubrik. Detta kommer att visas för dina besökare, så du vill namnge den något som gillar ”Menu”.
Klicka sedan på ikonen ”+” för att lägga till ett nytt block.
Skriv sedan ”Menu” i sökfältet.
Välj sedan blocket ”Food Menu”.
Efter det måste du välja den shortcode du just skapade från dropdown-menyn.
Detta kommer att infoga din menu i din page.
Klicka sedan på knappen ”Publicera” eller ”Update” för att göra din menu live.
Du kan också add to andra element till denna page, gillar text, ett kontaktformulär, din Instagram feed, och mer.
Nu, när dina besökare ser din meny, kan de se objekt och till och med göra en order om du addar WooCommerce-funktionalitet.
Oavsett vilken storlek på skärmen din meny visas på kommer den att visa dina menu-items perfekt.
Bonus tools för att främja din restaurants website
Nu när du har skapat en website för din restaurang med en page med menyer kanske du vill främja den för att få din verksamhet att växa.
Följare är några av de bästa tools som hjälper dig att främja och utveckla din restaurangverksamhet:
- All in One SEO för WordPress – Det bästa SEO-pluginet för WordPress som hjälper dig att optimera din website SEO för att få mer search-trafik. Dess utvalda Local SEO-funktion hjälper människor att hitta din restaurang i Google Maps och lokala sökresultat.
- WPForms – Det är den bästa form builder plugin för WordPress, allow you att skapa alla formulär för din website. Dessa inkluderar kontaktformulär, återkopplingsformulär, formulär för kundundersökningar och mer.
- OptinMonster – Det hjälper dig att konvertera besökare på webbplatsen till prenumeranter och kunder. You can use it to grow your email list and social media following, show targeted messages to customers, and more.
- PushEngage – Detta hjälper dig att skicka push notifications till dina website besökare oavsett deras device typ. Det hjälper dig också att skicka riktade meddelanden till customers och få dem att återvända till din website.
- MonsterInsights – Det bästa Google Analytics-tillägget för WordPress. Det allow you to track where your website visitors are coming from and what they do on your website.
För fler rekommendationer om tillägg, se vår lista över WordPress-tillägg som måste finnas för företagswebbplatser.
Vi hoppas att detta post hjälpte dig att lära dig hur du skapar en restaurangmeny online i WordPress. Du kanske också vill se våra expertval av de bästa löneprogrammen för småföretag eller vår jämförelse av de bästa tjänsterna för företagstelefoni för småföretag.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
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!