Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

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

Pamiętamy czasy, gdy strony internetowe restauracji były niczym więcej niż zeskanowanymi menu w formacie PDF, których nie można było odczytać na telefonie. Po pomocy dziesiątkom restauracji w modernizacji ich stron internetowych nauczyliśmy się, że tworzenie skutecznego menu online nie musi być skomplikowane ani drogie.

Obecnie posiadanie menu online nie jest opcjonalne – jest niezbędne do osiągnięcia sukcesu. Pomyśl o tym: zanim ktoś zdecyduje się zjeść u Ciebie, prawie na pewno sprawdzi Cię online. Staromodne lub trudne do odczytania menu to pewny sposób, aby wysłać ich do konkurencji.

Dlatego przygotowaliśmy ten przewodnik krok po kroku, aby podzielić się wszystkim, czego nauczyliśmy się o tworzeniu menu restauracji w WordPress. Dowiesz się, jakich narzędzi i technik używamy, aby tworzyć menu, które nie tylko wyglądają apetycznie, ale są również bardzo łatwe do aktualizacji – nawet jeśli jesteś zupełnie nowy w WordPress.

Jak krok po kroku stworzyć menu restauracji online w WordPressie

Czego potrzebujesz, aby rozpocząć tworzenie strony restauracji?

Zanim będziesz mógł stworzyć internetowe menu restauracji, będziesz musiał założyć stronę internetową. Jeśli jeszcze nie masz strony internetowej, nie martw się.

Możesz łatwo rozpocząć tworzenie strony internetowej za pomocą WordPressa, który jest najlepszym kreatorem stron internetowych na świecie, używanym przez miliony małych firm, restauracji, barów i kawiarni. Ponad 43% wszystkich stron internetowych w Internecie korzysta z WordPressa.

Co najlepsze, możesz zacząć budować swoją stronę internetową bez dużych początkowych inwestycji.

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

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

Alternatywa: Polecamy również Hostinger. Ich plany obejmują również darmową nazwę domeny i SSL z hojnym rabatem.

Oprócz hostingu i nazwy domeny, będziesz potrzebować również motywu WordPress. Motyw jest jak szablon dla Twojej strony internetowej.

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

Jeśli potrzebujesz pomocy, możesz zapoznać się z naszym przewodnikiem krok po kroku na temat łatwego tworzenia strony internetowej restauracji z użyciem WordPressa.

Dlaczego warto stworzyć menu online w WordPress?

Chcesz, aby strona internetowa Twojej restauracji była jeszcze smaczniejsza dla Twoich gości? Jednym z najlepszych sposobów na osiągnięcie tego celu jest dodanie pięknego i łatwego w użyciu menu online bezpośrednio na Twojej stronie WordPress.

Pomyśl o tym – kiedy ktoś odwiedza stronę Twojej restauracji, czego zazwyczaj szuka w pierwszej kolejności? Menu!

Teraz możesz pomyśleć: „Mam już menu, jest w PDF-ie!” I chociaż to dobry początek, nie zapewnia to najlepszych wrażeń Twoim głodnym klientom. Oto dlaczego:

  • Pliki PDF mogą być uciążliwe: Pobieranie plików PDF może być trudne, zwłaszcza jeśli ktoś nie jest bardzo biegły technicznie, ma wolne połączenie internetowe lub ograniczone dane. Chcesz, aby zobaczenie Twojego menu było dla nich tak łatwe, jak to tylko możliwe.
  • Nieprzyjazne dla urządzeń mobilnych: Według naszych statystyk użytkowania internetu, ruch mobilny stanowi prawie 55% całego ruchu internetowego. Problem polega na tym, że menu PDF mogą być koszmarem do czytania na mniejszych ekranach, zmuszając użytkowników do ciągłego powiększania i pomniejszania. Nie wygląda to dobrze!
Trudne do odczytania menu PDF

Ale oto dobra wiadomość: stworzenie menu online na Twojej stronie WordPress rozwiązuje wszystkie te problemy. Oto dlaczego:

  • Koniec z pobieraniem: Twoi goście mogą od razu zobaczyć Twoje pyszne dania, bezpośrednio na stronie.
  • Wygląda świetnie na każdym urządzeniu: Możesz zaprojektować swoje menu online tak, aby automatycznie dopasowywało się do każdego rozmiaru ekranu, co ułatwia czytanie na telefonach, tabletach i komputerach.
  • Łatwe do aktualizacji: Potrzebujesz zmienić cenę lub dodać nową promocję? Dzięki menu online możesz szybko i łatwo wprowadzać te zmiany. Zapomnij o zabawie z plikami PDF i ponownym ich przesyłaniu. Możesz nawet dodać zamawianie online w dalszej kolejności.

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

Gotowi? Zacznijmy.

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

Porozmawiajmy o najłatwiejszym sposobie na stworzenie fantastycznego menu online w WordPress: SeedProd. Jest to popularny kreator stron typu „przeciągnij i upuść” dla WordPress, z którego korzysta ponad 1 milion stron internetowych, w tym wiele stron restauracji.

Strona główna SeedProd

Dzięki SeedProd możesz stworzyć apetyczne menu restauracji bez potrzeby posiadania zaawansowanych umiejętności kodowania. Po prostu przeciągaj i upuszczaj elementy na stronę, a otrzymasz piękne menu. Ponadto, gdy będziesz musiał wprowadzić poprawki do swojego menu (może dodać nowe danie lub dostosować cenę), SeedProd sprawia, że te zmiany są niezwykle proste.

Używamy SeedProd od lat. W rzeczywistości zbudowaliśmy wiele stron internetowych dla naszych partnerów, korzystając z SeedProd – pomyśl o niesamowitych stronach, takich jak WPForms, Duplicator i WP Charitable. Tak bardzo mu ufamy.

Mamy tak duże doświadczenie z tym fantastycznym pluginem, że przygotowaliśmy nawet kompletny przegląd SeedProd. Zawiera on wszystkie szczegółowe informacje i nasze szczere opinie. Jeśli więc chcesz dowiedzieć się jeszcze więcej o tym, co potrafi SeedProd i dlaczego go kochamy, koniecznie zapoznaj się z naszym pełnym przeglądem SeedProd.

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

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki SeedProd. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem krok po kroku na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do SeedProd » Strony i kliknij przycisk „Dodaj nową stronę docelową”.

Dodaj nową stronę docelową SeedProd

Spowoduje to przejście do ekranu szablonu, gdzie możesz wybrać szablon strony.

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

Aby wybrać szablon, najedź na niego kursorem i kliknij ikonę „Zaznaczenie”. Możesz wybrać dowolny szablon, ale w tym samouczku użyjemy szablonu „Strona sprzedaży obiadowej”.

Wybierz szablon strony docelowej

Otworzy się okno, w którym możesz nazwać swoją nową stronę menu i edytować jej adres URL. Na przykład, nazywamy naszą stronę po prostu „Menu”.

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

Nazwa strony docelowej

Po wykonaniu tej czynności zostaniesz przeniesiony do ekranu edytora strony.

Prawa strona strony to podgląd i można ją w pełni dostosować. Lewa strona strony zawiera różne bloki i sekcje, które można dodać do strony.

Przykład szablonu strony docelowej SeedProd

Zacznijmy od dostosowania logo, więc kliknij na logo strony. W lewym panelu pojawią się opcje dostosowywania, gdzie możesz przesłać logo swojej restauracji.

Aby dodać nowe logo, możesz postępować tak samo, jak podczas dodawania obrazu do WordPress.

Zmień logo menu

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 wrócić do Twojej witryny.

Możesz zmienić tekst i link w menu po lewej stronie, po prostu klikając przycisk menu nawigacyjnego.

Zmień przycisk nawigacji menu

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

Po prostu najedź kursorem na nagłówek strony i kliknij ikonę „Usuń blok”.

Usuń istniejące sekcje

Następnie możesz zrobić to samo dla elementów obrazu, tekstu i przycisku.

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

Dodaj nagłówek menu

Następnie możesz edytować istniejące pozycje menu i zastąpić je własnym tekstem i obrazami.

Aby to zrobić, możesz najpierw kliknąć na obrazek i przesłać własny obrazek, korzystając z menu po lewej stronie.

Dodaj zdjęcie pozycji menu

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

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

Zmień tekst pozycji menu

Po zmianie nagłówka i tekstu możesz dodać cenę za pozycję.

Po prostu przeciągnij element „Tekst” na swoją stronę, a następnie dostosuj tekst za pomocą menu po lewej stronie.

Dodaj cenę pozycji menu

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

Jeśli chcesz dodać kolejną sekcję menu w tym samym stylu, najedź na element i kliknij „Duplikuj wiersz”.

Spowoduje to utworzenie kopii tego samego wiersza i dodanie jej bezpośrednio poniżej.

Duplikuj sekcję

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

Jeśli nie chcesz dodawać zdjęcia do każdego produktu, możesz łatwo dodać pozycje menu za pomocą bloku listy.

Alternatywnie, SeedProd posiada kreator AI, który może stworzyć menu restauracji w zaledwie kilka sekund. Szczegółowe informacje na temat jego użycia znajdziesz w naszym przewodniku o tworzeniu strony WordPress za pomocą AI.

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

Opublikuj menu na żywo

Twoje nowe menu restauracji jest teraz dostępne dla Twoich gości.

Teraz możesz dodać menu swojej restauracji do swojego menu nawigacyjnego i innych obszarów swojej strony internetowej.

Menu restauracji WordPress

Metoda 2: Dodaj menu restauracji do WordPress za pomocą Food Menu

Ta metoda wykorzystuje wtyczkę Food Menu – Restaurant Menu & Online Ordering. Ta wtyczka pozwala szybko tworzyć menu online w WordPress.

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

Baner Food Menu w katalogu wtyczek WordPress

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki Food Menu – Restaurant Menu & Online Ordering. Szczegółowe instrukcje znajdziesz w naszym przewodniku dla początkujących na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Menu jedzenia » Dodaj jedzenie.

Dodaj nową pozycję menu

Na tym ekranie możesz wprowadzić nazwę, opis i obrazek pozycji menu.

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

Opublikuj nową pozycję menu

Aby dodać więcej pozycji do swojego menu, po prostu wykonaj powyższe kroki.

Po dodaniu wszystkich pozycji do menu, czas dodać je do swojej witryny.

Najpierw przejdź do Menu jedzenia » Generator kodów krótkich, a następnie kliknij przycisk „Dodaj nowy”.

Przejdź do generatora kodów krótkich

Następnie będziesz chciał nadać swojemu skróconemu kodowi tytuł, który pomoże Ci zapamiętać typ dodanych pozycji menu.

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

Nazwij swój shortcode menu

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

Tutaj możesz wybrać liczbę elementów do wyświetlenia w wierszu.

Zmień układ skróconego kodu

W zakładce „Filtrowanie” możesz wybrać, czy chcesz wyświetlić proste menu, czy włączyć zamawianie online.

Aby włączyć zamawianie online, po prostu wybierz przycisk radiowy „WooCommerce”. Możesz również kontrolować, które pozycje chcesz wyświetlać.

Filtrowanie kodu krótkiego

Jeśli planujesz pozwolić klientom na dodawanie produktów spożywczych do koszyków i finalizowanie zamówień, musisz dodać swoje pozycje menu jako produkty w swoim sklepie WooCommerce.

Więcej informacji na temat dodawania produktów znajdziesz w naszym przewodniku krok po kroku: jak rozpocząć sklep internetowy.

Następnie możesz dostosować informacje wyświetlane dla każdej pozycji, klikając zakładkę „Wybór pól”.

Kod krótki wyboru pola

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

Jeśli chcesz zmienić wygląd swoich pozycji menu, możesz przełączyć się na zakładkę „Stylizacja”.

Stylizacja shortcode'ów

Po zakończeniu upewnij się, że kliknąłeś przycisk „Opublikuj”.

To jeszcze nie opublikuje Twojego menu na Twojej stronie, ale zapisze krótki kod, który dodamy poniżej.

Opublikuj skrócony kod menu

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ą”.

Dodaj stronę dla menu

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

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

Dodaj blok strony menu

W pasku wyszukiwania wpiszmy „Menu”, aby szybko znaleźć blok „Menu jedzenia”.

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

Wybierz blok menu z jedzeniem

Następnym krokiem jest wybranie utworzonego skrótu z listy rozwijanej.

Spowoduje to wstawienie menu na Twojej stronie.

Wybierz skrócony kod menu

Następnie po prostu kliknij przycisk „Opublikuj” lub „Zaktualizuj”, aby opublikować swoje menu.

Możesz również dodać inne elementy do tej strony, takie jak tekst, formularz kontaktowy, swój kanał Instagram i inne.

Opublikuj nowe menu

Teraz, gdy Twoi goście przeglądają Twoje menu, mogą przeglądać pozycje, a nawet złożyć zamówienie, jeśli dodasz funkcjonalność WooCommerce.

Niezależnie od rozmiaru ekranu, na którym wyświetlane jest Twoje menu, będzie ono doskonale prezentować pozycje z menu.

Przykład menu WordPress

Dodatkowa wskazówka: Narzędzia do promowania strony Twojej restauracji

Teraz, gdy masz już skonfigurowaną stronę internetową restauracji z menu, możesz chcieć ją promować, aby rozwijać swój biznes.

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

  • All in One SEO dla WordPress - Najlepsza wtyczka SEO dla WordPress, która pomaga zoptymalizować SEO Twojej strony internetowej, aby uzyskać więcej ruchu z wyszukiwarek. Jej funkcja „Local SEO” pomaga ludziom znaleźć Twoją restaurację w Mapach Google i lokalnych wynikach wyszukiwania.
  • WPForms – To najlepszy wtyczka do tworzenia formularzy dla WordPress, pozwalająca na tworzenie dowolnych formularzy dla Twojej witryny. Obejmują one formularze kontaktowe, formularze opinii, formularze ankiet dla klientów i inne.
  • OptinMonster – Pomaga przekształcać odwiedzających stronę internetową w subskrybentów i klientów. Możesz go używać do powiększania listy e-mailowej i liczby obserwujących w mediach społecznościowych, wyświetlania ukierunkowanych komunikatów klientom i nie tylko.
  • PushEngage – Pomaga wysyłać powiadomienia push do odwiedzających Twoją stronę internetową, niezależnie od typu ich urządzenia. Pomaga również wysyłać ukierunkowane wiadomości do klientów i zachęcać ich do powrotu na Twoją stronę. PushEngage pozwala nawet na komunikację z klientami w czasie rzeczywistym, poprzez dodanie czatu WhatsApp do strony Twojej restauracji.
  • MonsterInsights – najlepsza wtyczka Google Analytics dla WordPress. Pozwala śledzić, skąd pochodzą odwiedzający Twoją witrynę i co robią na Twojej witrynie.

Aby uzyskać więcej rekomendacji wtyczek, możesz zapoznać się z naszymi polecanymi przez ekspertów niezbędnymi wtyczkami WordPress dla stron 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 poradnikami na temat jak założyć bloga o jedzeniu i jak tworzyć karty przepisów.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

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

Ostateczny zestaw narzędzi WordPress

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

Interakcje czytelników

1 CommentLeave a Reply

  1. Jako osoba, która pomagała znajomym w tworzeniu ich stron internetowych, nie mogę wystarczająco podkreślić, jak ważny jest dobrze zaprojektowany menu online. Metoda z użyciem SeedProd jest niezwykle pomocna i łatwa do naśladowania. Szczególnie cenną wskazówką okazała się ta o responsywności menu na urządzenia mobilne – jest to kluczowe w dzisiejszym świecie smartfonów.

    Jedną dodatkową sugestią, którą bym dodał, jest rozważenie dodania wysokiej jakości zdjęć Twoich najpopularniejszych dań. Z mojego doświadczenia wynika, że apetyczne obrazy mogą znacznie zwiększyć zainteresowanie klientów i liczbę zamówień.

    Dziękujemy WPBeginner za kolejny fantastyczny zasób.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.