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)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Chcesz stworzyć menu restauracji online w WordPress?

Udostępnienie Twojego menu na witrynie internetowej pomoże przekonać więcej osób do odwiedzenia Twojej restauracji lub złożenia zamówienia online.

W tym artykule pokażemy ci instrukcje krok po kroku, jak łatwo stworzyć menu restauracji online w WordPress.

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 przy tworzeniu witryny internetowej twojej restauracji, zapoznaj się z naszym przewodnikiem krok po kroku, jak stworzyć witrynę internetową.

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.

Kiedy odwiedzający wchodzi na witrynę internetową twojej 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 oferowanymi przez Ciebie potrawami.

A hard to read PDF menu

Tworząc menu online na Twojej witrynie internetowej, użytkownicy nie muszą pobierać Twojego menu. Pobieranie plików PDF może być trudne, w zależności od planów danych i połączenia twoich klientów.

Ponadto, strona menu w twojej witrynie internetowej będzie responsywna i będzie dobrze wyglądać na każdym urządzeniu, dzięki czemu odwiedzający będą mogli łatwo ją przeczytać bez konieczności powiększania i pomniejszania.

Co najlepsze, dzięki stronie z menu możesz łatwo edytować swoje menu, a nawet dodawać zamówienia online. Pliki PDF są znacznie bardziej kłopotliwe w edycji i przesyłaniu, gdy trzeba wprowadzić zmiany w menu lub cenach.

W związku z tym udostępnimy dwie różne wtyczki WordPress, które mogą pomóc w dodaniu menu restauracji online do WordPress. Wystarczy skorzystać z poniższych odnośników, aby wybrać wtyczkę, której chcesz użyć:

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.

Umożliwia tworzenie oszałamiających menu restauracji za pomocą kreatora typu „przeciągnij i upuść”. Ponadto możesz łatwo edytować twoje 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ć, jest zainstalowanie i włączanie wtyczki SeedProd. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź do SeedProd ” Pages i kliknij przycisk „Utwórz nową stronę docelową”.

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.

Aby wybrać szablon, najedź na niego kursorem i kliknij ikonkę zaznaczenia. Możesz wybrać dowolny szablon, ale w tym poradniku będziemy używać szablonu „Strona sprzedaży kolacji”.

Select landing page template

Spowoduje to wyświetlenie wyskakującego okienka, w którym możesz nazwać twoją nową stronę menu. Możesz również edytować adres URL strony. Nazywamy naszą stronę po prostu „Menu”.

Następnie kliknij 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

Najpierw kliknij logo strony.

Spowoduje to wyświetlenie menu po lewej stronie, w którym możesz przesłać swoje logo restauracji. Aby utworzyć nowe logo, możesz wykonać ten sam proces, co w przypadku dodawania obrazka do WordPressa.

Change menu logo

Następnie możesz zmienić przycisk menu nawigacyjnego, aby powrócić do twojej strony głównej. W ten sposób, gdy odwiedzający twoją stronę zobaczą menu, będą mogli wrócić na twoją witrynę internetową.

Wystarczy kliknąć przycisk menu nawigacyjnego, a następnie zmienić tekst i odnośnik w menu po lewej stronie.

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 dla tytułu twojego menu, przeciągając blok „Nagłówek” na twoją stronę.

Add menu headline

Podobnie jak w przypadku innych elementów, można zmienić rozmiar tekstu, kolor i krój pisma za pomocą menu po lewej stronie.

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

Najpierw kliknij na obrazek i prześlij twój własny obrazek za pomocą menu po lewej stronie.

Add menu item image

Następnie kliknij obecny, aktualny nagłówek, aby wpisz swój własny tekst.

Możesz także zmienić tekst, klikając go i dodając opis.

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.

Możesz dostosować wszystkie sekcje szablonu strony.

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

Duplicate section

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

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

Jeśli nie chcesz dodawać zdjęcia dla każdej pozycji, możesz łatwo użyć bloku listy, aby dodać pozycje menu.

Po utworzeniu twojego menu restauracji online, kliknij strzałkę rozwijaną obok przycisku „Zapisz” i wybierz „Opublikuj”.

Publish menu live

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

Teraz możesz dodać menu swojej restauracji do menu nawigacyjnego i innych obszarów twojego bloga WordPress.

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.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Food Menu – Restaurant Menu & Online Ordering. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu przejdź do menu żywności ” Dodaj żywność.

Add new menu item

Na tym ekranie możesz wpisz nazwę, opis i obrazek twojej pozycji menu.

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

Publish new menu item

Aby dodać więcej pozycji do twojego menu, po prostu wykonaj te same kroki, co powyżej.

Po zakończeniu dodawania pozycji do twojego menu, nadszedł czas, aby dodać to menu do WordPressa.

W pierwszej kolejności należy przejść do menu Żywność ” Generator krótkich kodów, a następnie kliknąć przycisk „Utwórz nowy”.

Go to shortcode generator

Następnie możesz nadać twojemu krótkiemu kod owi tytuł, który pomoże ci 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 ma być wyświetlane proste menu, czy też ma być włączone 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

Podczas zaznaczania lub odznaczania pól wyboru można zobaczyć podgląd zmian w czasie rzeczywistym.

Następnie możesz zmienić wygląd twoich pozycji menu, klikając opcję menu „Stylizacja”.

Shortcode styling menu

Po dostosowaniu sposobu wyświetlania twoich pozycji menu, kliknij przycisk „Opublikuj”.

Nie spowoduje to jeszcze uruchomienia twojego menu na witrynie internetowej, ale zapisze krótki kod, który dodamy do twojej witryny poniżej.

Publish menu shortcode

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

Aby to zrobić, przejdź do Strony ” Wszystkie strony, a następnie kliknij „Utwórz nową”.

Add page for menu

Następnie możesz nadać swojej stronie tytuł. Będzie on widoczny dla odwiedzających twoją stronę, więc warto nadać mu nazwę „Menu”.

Następnie kliknij ikonkę „+”, aby utworzyć nowy blok.

Add menu page block

Następnie wpisz „Menu” w pasku wyszukiwania.

Następnie wybierz blok „Menu żywności”.

Select food menu block

Następnie musisz wybrać krótki kod, który właśnie utworzyłeś z rozwijanego menu.

Spowoduje to wstawienie twojego menu na stronę.

Select menu shortcode

Następnie kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby Twoje menu stało się aktywne.

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 twoje menu zostanie zobaczone, będzie ono doskonale wyświetlać pozycje menu.

WordPress menu example

Dodatkowe narzędzia do promowania twojej witryny internetowej restauracji

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

Oto niektóre z najlepszych narzędzi, które pomogą Ci promować i rozwijać Twój biznes restauracyjny:

  • All in One SEO for WordPress – Najlepsza wtyczka WordPress SEO, która pomaga zoptymalizować SEO witryny internetowej, aby uzyskać większy ruch z wyszukiwarki. Funkcja lokalnego 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 internetowej. Obejmują one formularze kontaktowe, formularze uwag, formularze ankiet dla klientów i wiele innych.
  • OptinMonster – pomaga przekształcić odwiedzających witrynę internetową w subskrybentów i klientów. Możesz go używać do rozwijania swojej 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, zobacz naszą listę niezbędnych wtyczek WordPress dla witryn internetowych dla firm.

Mamy nadzieję, że ten wpis pomógł ci dowiedzieć się, jak stworzyć menu restauracji online w WordPress. Zachęcamy również do zapoznania się z naszą listą najlepszych programów płacowych dla małych firm lub porównaniem najlepszych usług telefonii biznesowej dla małych firm.

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

Jeden komentarzZostaw odpowiedź

  1. 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!

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ę.