Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak stworzyć menu restauracji online w WordPress (krok po kroku)

Stworzenie menu restauracji online w WordPress to sprytny sposób na przyciągnięcie większej liczby klientów.

Gdy menu jest dostępne na stronie internetowej, ułatwia to ludziom podjęcie decyzji o odwiedzeniu restauracji lub złożeniu zamówienia online. Dobrze zaprojektowane menu może naprawdę pomóc wyróżnić się Twojej firmie.

Jednak wielu właścicieli restauracji ma trudności z właściwym przygotowaniem swojego menu online. Techniczna strona WordPressa może wydawać się myląca, zwłaszcza jeśli jesteś nowym użytkownikiem. Ponadto, jeśli menu nie jest łatwe w użyciu lub wygląda na nieaktualne, klienci mogą być sfrustrowani i opuścić lokal.

Dobrą wiadomością jest to, że dzięki odpowiednim narzędziom i odrobinie wskazówek można stworzyć menu restauracji online, które zrobi wrażenie na klientach.

W tym artykule pokażemy ci krok po kroku, jak stworzyć menu restauracji online w WordPress. Dowiesz się, jak zaprezentować swoje dania w sposób, który przyciągnie ludzi i ułatwi aktualizację.

How to create an online restaurant menu in WordPress (step by step)

Czego potrzebujesz, aby założyć witrynę internetową restauracji?

Zanim będziesz mógł stworzyć menu restauracji online, musisz założyć witrynę internetową. Jeśli nie masz jeszcze witryny internetowej, nie martw się.

Możesz łatwo założyć witrynę internetową za pomocą WordPressa, który jest najlepszym na świecie narzędziem do tworzenia witryn, używanym przez miliony małych firm, restauracji, barów i kawiarni. Ponad 43% wszystkich witryn internetowych korzysta z WordPressa.

Co najlepsze, możesz zacząć budować swoją witrynę internetową bez dużych inwestycji z góry.

Pierwszą rzeczą, której potrzebujesz, jest nazwa domeny i hosting. Wypracowaliśmy umowę z Bluehost, jednym z rekomendowanych dostawców hostingu WordPress, aby zaoferować naszym czytelnikom świetną ofertę.

Otrzymujesz darmową nazwę domeny, darmowy certyfikat SSL i ogromną zniżkę na hosting.

Alternatywa: Polecamy również Hostinger. Ich plany obejmują również bezpłatną nazwę domeny i SSL z hojną zniżką.

Oprócz hostingu i nazwy domeny potrzebny będzie również motyw WordPress. Motyw jest jak szablon dla twojej witryny internetowej.

Istnieje mnóstwo świetnych motywów WordPress dla restauracji, które pomogą ci stworzyć profesjonalną witrynę internetową, która zachęci twoich klientów do złożenia zamówienia.

Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem krok po kroku, jak łatwo stworzyć stronę internetową restauracji za pomocą WordPressa.

Po co tworzyć menu online w WordPress?

Utworzenie strony z menu restauracji online na twojej witrynie WordPress pozwala stworzyć lepsze wrażenia dla odwiedzających i potencjalnych klientów.

Gdy użytkownik odwiedza witrynę restauracji, pierwszą rzeczą, na którą zwykle patrzy, jest menu.

Jeśli oferujesz odwiedzającym tylko menu w formacie PDF, utrudniasz im zapoznanie się z wyborem potraw. Ponadto pobieranie plików PDF może być trudne, w zależności od zaawansowania technologicznego klientów, planów transmisji danych i połączeń.

A hard to read PDF menu

Tworząc menu online na swojej stronie internetowej, użytkownicy nie będą musieli pobierać menu.

Ponadto strona menu w witrynie będzie responsywna dla urządzeń mobilnych i będzie dobrze wyglądać, dzięki czemu odwiedzający będą mogli ją łatwo odczytać bez powiększania i pomniejszania.

Co najlepsze, dzięki stronie menu można łatwo edytować menu, a nawet dodawać zamówienia online. Z drugiej strony, korzystanie z plików PDF jest znacznie trudniejsze do edycji i przesyłania, gdy trzeba wprowadzić zmiany w menu lub cenach.

Mając to na uwadze, udostępnimy 2 różne wtyczki WordPress, które mogą pomóc w dodaniu menu restauracji online do WordPress. Możesz skorzystać z szybkich linków poniżej, aby wybrać wtyczkę, której chcesz użyć:

Gotowy? Zaczynajmy.

Metoda 1: Dodaj menu restauracji do WordPress za pomocą SeedProd

Zalecamy użycie SeedProd do stworzenia menu restauracji online w WordPress. Jest to najlepszy kreator stron WordPress typu „przeciągnij i upuść„, z którego korzysta ponad milion witryn internetowych.

SeedProd's homepage

SeedProd umożliwia tworzenie oszałamiających menu restauracji za pomocą kreatora typu „przeciągnij i upuść”. Ponadto można łatwo edytować menu, gdy się zmienia, a nowe opcje menu są dostępne.

W tym poradniku możesz użyć darmowej wersji SeedProd do stworzenia twojego menu. Dostępna jest jednak wersja pro SeedProd, która zawiera ponad 320 szablonów, schematy kolorów, integracje z marketingiem e-mail, karuzele obrazków, bloki mediów społecznościowych i wiele więcej.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę SeedProd. Jeśli potrzebujesz pomocy, zapraszamy do zapoznania się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji przejdźmy do SeedProd ” Pages i kliknijmy przycisk „Add New Landing Page”.

Add new SeedProd landing page

Spowoduje to przejście do ekranu szablonów, gdzie można wybrać szablon strony.

Istnieją dziesiątki szablonów dla różnych nisz i celów, w tym dla witryn restauracji.

Aby wybrać szablon, najedź na niego kursorem i kliknij ikonę „Znacznik wyboru”. Możesz wybrać dowolny szablon, ale w tym poradniku użyjemy szablonu „Dinner Sales Page”.

Select landing page template

Spowoduje to otwarcie wyskakującego okienka, w którym można nazwać nową stronę menu i edytować jej adres URL. Na przykład, nazwaliśmy naszą stronę po prostu „Menu”.

Następnie możesz kliknąć przycisk „Zapisz i rozpocznij edycję strony”.

Name landing page

Gdy to zrobisz, zostaniesz przeniesiony do ekranu edytora stron.

Prawa strona strony jest podglądem i może być w pełni dostosowana. Lewa strona zawiera różne bloki i sekcje, które można dodać do strony.

SeedProd landing page template example

Zacznijmy od dostosowania logo, więc należy kliknąć na logo strony. W panelu po lewej stronie pojawią się opcje dostosowywania, w których można przesłać logo restauracji.

Aby dodać nowe logo, możesz postępować zgodnie z tym samym procesem, co dodawanie obrazu do WordPress.

Change menu logo

Następnie możesz zmienić przycisk menu nawigacyjnego, aby powrócić do strony głównej. W ten sposób, gdy odwiedzający skończą przeglądać menu, będą mogli powrócić do witryny.

Tekst i łącze w menu po lewej stronie można zmienić, klikając przycisk menu nawigacyjnego.

Change menu navigation button

Następnie można usunąć główną sekcję treści.

Wystarczy najechać kursorem na nagłówek strony i kliknąć ikonkę „Usuń blok”.

Delete existing sections

Następnie możesz zrobić to samo dla obrazka, tekstu i przycisków.

Następnie możesz dodać nagłówek do tytułu menu, przeciągając blok „Nagłówek” na swoją stronę. Podobnie jak w przypadku innych elementów, menu po lewej stronie wyświetli opcje dostosowywania.

Add menu headline

Następnie możesz edytować istniejące artykuły spożywcze i zastępować je twoim własnym tekstem i obrazkami.

Aby to zrobić, możesz najpierw kliknąć obraz i przesłać własne zdjęcie za pomocą menu po lewej stronie.

Add menu item image

Następnie kliknijmy na bieżący nagłówek, aby napisać opis menu.

Tekst można zmienić, klikając go.

Change menu item text

Po zmianie nagłówka i tekstu można dodać cenę przedmiotu.

Wystarczy przeciągnąć element „Tekst” na twoją stronę, a następnie dostosować tekst za pomocą menu po lewej stronie.

Add menu item price

Następnie wykonaj te same kroki, co powyżej dla pozostałych pozycji w menu twojej restauracji.

Jeśli chcesz dodać kolejną sekcję menu z tym samym stylem, najedź kursorem na element i kliknij „Duplicator wiersza”.

Spowoduje to utworzenie kopii tego samego wiersza i dodanie go bezpośrednio pod nim.

Duplicate section

Zachęcamy do dalszego dostosowywania menu restauracji. Możesz w pełni dostosować każdą część strony, w tym kolory, rozmiar, czcionki i inne.

Jeśli nie chcesz dodawać zdjęcia dla każdej pozycji, możesz łatwo dodać pozycje menu za pomocą bloku listy zablokowanych.

Po zakończeniu tworzenia menu restauracji online możesz kliknąć strzałkę rozwijaną obok przycisku „Zapisz” i wybrać opcję „Opublikuj”.

Publish menu live

Twoje nowe menu restauracji jest teraz dostępne dla odwiedzających.

Teraz możesz dodać menu restauracji do menu nawigacyjnego i innych obszarów witryny.

WordPress restaurant menu

Metoda 2: Dodaj menu restauracji do WordPress za pomocą menu żywności

Ta metoda wykorzystuje wtyczkę Food Menu – Restaurant Menu & Online Ordering. Wtyczka ta umożliwia szybkie utworzenie menu online w WordPress.

Integruje się również z WooCommerce, dzięki czemu możesz dać odwiedzającym Twoją stronę możliwość złożenia zamówienia online.

Food Menu's banner in the WordPress plugin directory

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Food Menu – Restaurant Menu & Online Ordering. Szczegółowe instrukcje można znaleźć w naszym przewodniku dla początkujących, jak zainstalować wtyczkę WordPress.

Po aktywacji należy przejść do menu żywności ” Dodaj żywność.

Add new menu item

Na tym ekranie można wprowadzić nazwę, opis i obraz pozycji menu.

Następnie kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać pozycję menu.

Publish new menu item

Aby dodać więcej pozycji do menu, wystarczy wykonać powyższe kroki.

Po zakończeniu dodawania pozycji do menu posiłków nadszedł czas, aby dodać je do witryny.

Najpierw przejdźmy do Menu żywności ” Generator krótkich kodów, a następnie kliknij przycisk „Dodaj nowy”.

Go to shortcode generator

Następnie warto nadać swojemu krótkiemu kod owi tytuł, który pomoże zapamiętać rodzaj dodanych pozycji menu.

Następnie możesz dostosować sposób wyświetlania twojego menu.

Name your menu shortcode

Zachowamy domyślne opcje, ale można dostosować sposób wyświetlania menu za pomocą ustawień w sekcji „Układ”.

W tym miejscu można wybrać liczbę elementów wyświetlanych w wierszu.

Change shortcode layout

Na karcie „Filtrowanie” można wybrać, czy wyświetlane ma być proste menu, czy też włączone ma być zamawianie online.

Aby włączyć zamawianie online, wystarczy wybrać przycisk opcji „WooCommerce”. Możesz także kontrolować, które elementy chcesz wyświetlać.

Shortcode filtering

Jeśli planujesz umożliwić klientom dodawanie produktów spożywczych do koszyka i dokonywanie płatności, musisz dodać swoje pozycje menu jako produkty w swoim sklepie WooCommerce.

Aby uzyskać więcej informacji na temat dodawania produktów, zapoznaj się z naszym przewodnikiem krok po kroku na temat zakładania sklepu internetowego.

Następnie można dostosować informacje wyświetlane dla każdego elementu, klikając kartę „Wybór pola”.

Field selection shortcode

Po zaznaczeniu lub odznaczeniu pól można zobaczyć podgląd zmian w czasie rzeczywistym.

Jeśli chcesz zmienić wygląd pozycji menu, możesz przejść do karty „Stylizacja”.

Shortcode styling

Po zakończeniu kliknij przycisk „Opublikuj”.

Nie spowoduje to jeszcze uruchomienia menu w witrynie, ale zapisze krótki kod, który dodamy do niego poniżej.

Publish menu shortcode

Teraz musisz utworzyć stronę, na której będzie wyświetlane twoje menu.

Aby to zrobić, możesz zacząć od przejścia do Strony ” Wszystkie strony, a następnie kliknąć „Dodaj nową”.

Add page for menu

Następnie możesz nadać swojej stronie tytuł. Będzie on widoczny dla odwiedzających, więc warto nazwać go czymś oczywistym, na przykład „Menu”.

Następnie kliknij ikonę „+”, aby dodać nowy blok.

Add menu page block

W pasku wyszukiwania wpiszmy „Menu”, aby szybko znaleźć blok „Menu żywności”.

Następnie możesz wybrać blok „Menu żywności”, gdy się pojawi.

Select food menu block

Następnym krokiem jest wybranie utworzonego krótkiego kodu z rozwijanego menu.

Spowoduje to wstawienie twojego menu na stronę.

Select menu shortcode

Następnie wystarczy kliknąć przycisk „Opublikuj” lub „Aktualizuj”, aby uruchomić menu.

Możesz także dodać inne elementy do tej strony, takie jak tekst, formularz kontaktowy, Twój kanał Instagramu i wiele innych.

Publish new menu

Teraz, gdy odwiedzający twoją stronę zobaczą menu, mogą przeglądać pozycje, a nawet złożyć zamówienie, jeśli dodasz funkcjonalność WooCommerce.

Bez względu na rozmiar ekranu, na którym wyświetlane jest menu, będzie ono doskonale widoczne.

WordPress menu example

Wskazówka bonusowa: Narzędzia do promowania strony internetowej restauracji

Teraz, gdy już skonfigurowałeś witrynę internetową swojej restauracji ze stroną menu, możesz chcieć ją promować, aby rozwijać swój biznes.

Poniżej znajdują się niektóre z najlepszych narzędzi, które pomogą Ci promować i rozwijać swój biznes restauracyjny:

  • All in One SEO for WordPress – Najlepsza wtyczka WordPress SEO, która pomaga zoptymalizować SEO witryny, aby uzyskać większy ruch z wyszukiwarki. Funkcja „Local SEO” pomaga ludziom znaleźć Twoją restaurację w Mapach Google i lokalnych wynikach wyszukiwania.
  • WPForms – Jest to najlepsza wtyczka do tworzenia formularzy dla WordPress, umożliwiająca tworzenie dowolnych formularzy dla Twojej witryny. Obejmują one formularze kontaktowe, formularze opinii, formularze ankiet dla klientów i wiele innych.
  • OptinMonster – pomaga przekształcić odwiedzających witrynę w subskrybentów i klientów. Można go używać do rozwijania listy mailingowej i obserwowania w mediach społecznościowych, wyświetlania ukierunkowanych wiadomości klientom i nie tylko.
  • PushEngage – pomaga wysyłać powiadomienia push do odwiedzających twoją witrynę internetową niezależnie od rodzaju ich urządzenia. Pomaga również wysyłać ukierunkowane wiadomości do klientów i sprowadzać ich z powrotem na twoją witrynę internetową.
  • MonsterInsights – Najlepsza wtyczka Google Analytics dla WordPress. Pozwala śledzić, skąd pochodzą odwiedzający twoją witrynę internetową i co na niej robią.

Aby uzyskać więcej rekomendacji wtyczek, zapoznaj się z naszą ekspercką listą niezbędnych wtyczek WordPress dla witryn biznesowych.

Mamy nadzieję, że ten post pomógł ci dowiedzieć się, jak stworzyć menu restauracji online w WordPress. Następnie możesz również zapoznać się z naszymi przewodnikami na temat zakładania bloga kulinarnego i tworzenia kart z przepisami.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

Komentarze

  1. Gratulacje, masz okazję być pierwszym komentującym ten artykuł.
    Masz pytanie lub sugestię? Zostaw komentarz, aby rozpocząć dyskusję.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.