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

Czy chcesz stworzyć menu restauracji online w WordPress?

Udostępnienie menu na swojej stronie internetowej pomoże przekonać więcej osób do odwiedzenia Twojej restauracji. Kiedy ludzie mogą łatwo sprawdzić jedzenie, napoje i ceny, są bardziej skłonni do złożenia zamówienia lub wizyty.

W tym artykule pokażemy, jak krok po kroku utworzyć menu restauracji online w WordPress.

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

Czego potrzebujesz, aby założyć stronę restauracji

Zanim stworzysz menu restauracji online, musisz skonfigurować stronę internetową. Jeśli nie masz jeszcze strony internetowej, nie martw się.

Możesz łatwo uruchomić stronę internetową za pomocą WordPress, który jest najlepszym kreatorem stron na świecie używanym przez miliony małych firm, restauracji, barów i kawiarni. Ponad 42% wszystkich stron internetowych korzysta z WordPress.

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

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

Zasadniczo otrzymujesz bezpłatną nazwę domeny, bezpłatny certyfikat SSL i 60% zniżki na hosting.

→ Kliknij tutaj, aby uzyskać tę ekskluzywną ofertę Bluehost ←

Oprócz hostingu i nazwy domeny potrzebujesz również motywu WordPress. Motyw jest jak szablon dla Twojej strony internetowej.

Istnieje mnóstwo świetnych motywów restauracji WordPress, 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 w konfiguracji strony internetowej restauracji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zrobić stronę internetową.

Po co tworzyć Menu Online w WordPress?

Tworzenie strony menu online w witrynie WordPress pozwala stworzyć lepsze wrażenia dla odwiedzających i potencjalnych klientów.

Gdy odwiedzający odwiedza witrynę Twojej restauracji, pierwszą rzeczą, na którą zwykle patrzą, jest twoje menu. Jeśli oferujesz odwiedzającym tylko menu PDF, utrudniasz im przeglądanie oferowanych przez Ciebie opcji żywieniowych.

Tworząc menu online na swojej stronie internetowej, nie ma potrzeby, aby użytkownicy pobierali menu. Pobieranie plików PDF może być trudne w zależności od planów danych klientów i połączenia.

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

Co najważniejsze, dzięki stronie menu możesz łatwo edytować swoje menu, a nawet dodawać zamówienia online. Pliki PDF są znacznie bardziej kłopotliwe do edycji i przesłania, gdy trzeba wprowadzić jakiekolwiek menu lub zmiany cen.

Mając to na uwadze, udostępnimy dwie różne wtyczki WordPress, które pomogą Ci dodać menu restauracji online do WordPress. Wystarczy użyć szybkich linków poniżej, aby wybrać wtyczkę, której chcesz użyć.

  • Stwórz menu restauracji online z SeedProd
  • Tworzenie menu restauracji online z menu żywności

Metoda 1. Dodaj menu restauracji do WordPress z SeedProd

Zalecamy użycie SeedProd do utworzenia menu restauracji online w WordPress. Jest to najlepszy kreator stron typu przeciągnij i upuść WordPress używany przez ponad milion witryn internetowych.

Pozwala stworzyć wspaniałe menu restauracji za pomocą Kreatora przeciągnij i upuść. Ponadto możesz łatwo edytować swoje menu, gdy się zmienia, a nowe opcje menu są dostępne.

W tym samouczku możesz użyć darmowej wersji SeedProd, aby utworzyć swoje menu. Dostępna jest jednak wersja Pro SeedProd, która ma szablony 150+, 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ć, to zainstalować i aktywować wtyczkę. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do SeedProd ” Strony następnie kliknij przycisk “Dodaj nową stronę docelową”.

Add new SeedProd landing page

To prowadzi do ekranu szablonu, 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 ikonę “Checkmark”. Możesz wybrać dowolny szablon, ale w tym samouczku użyjemy szablonu “strona Sprzedaży kolacji”.

Select landing page template

Spowoduje to wyświetlenie okienka, w którym możesz nadać nowej stronie menu nazwę. Możesz także edytować adres URL strony. Naszą stronę nazywamy po prostu “Menu”.

Następnie kliknij przycisk “Zapisz i rozpocznij edycję strony”.

Name landing page

Gdy to zrobisz, zostaniesz przeniesiony do ekranu Edytora Stron.

Po prawej stronie znajduje się podgląd i można go w pełni dostosować. Lewa strona ma różne bloki i sekcje, które możesz dodać do strony.

SeedProd landing page template example

Najpierw kliknij na logo strony.

Spowoduje to wyświetlenie menu po lewej stronie, w którym możesz przesłać logo swojej restauracji. Aby dodać nowe logo, możesz wykonać ten sam proces, co dodawanie obrazu do WordPress.

Change menu logo

Następnie możesz zmienić przycisk menu nawigacyjnego, aby wrócić do strony głównej. W ten sposób, gdy odwiedzający zakończą przeglądanie menu, mogą powrócić do twojej witryny.

Po prostu kliknij przycisk menu nawigacyjnego, a następnie możesz zmienić tekst i link w menu po lewej stronie.

Change menu navigation button

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

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

Delete existing sections

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

Następnie możesz dodać nagłówek tytułu menu, przeciągając blok “nagłówek” na stronę.

Add menu headline

Podobnie jak inne elementy, możesz zmienić rozmiar tekstu, kolor i czcionkę za pomocą menu po lewej stronie.

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

Najpierw kliknij na obrazek i prześlij własny obrazek z menu po lewej stronie.

Add menu item image

Następnie kliknij aktualny nagłówek, aby wprowadzić własny tekst.

Możesz również zmienić tekst, klikając na niego i dodając opis.

Change menu item text

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

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

Add menu item price

Następnie wykonaj te same kroki, co powyżej, aby uzyskać resztę pozycji w menu restauracji.

Możesz dostosować wszystkie sekcje szablonu strony.

Jeśli chcesz dodać kolejną sekcję menu o tym samym stylu, najedź kursorem na element i kliknij “Zduplikuj wiersz”.

Duplicate section

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

Możesz kontynuować Dostosowywanie 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 elementu, możesz łatwo użyć bloku listy, aby dodać elementy menu.

Po utworzeniu 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 restauracji do menu nawigacyjnego i innych obszarów bloga WordPress.

WordPress restaurant menu

Metoda 2. Dodaj menu restauracji do WordPress z menu żywności

Ta metoda polega na użyciu menu żywności-menu restauracji & zamawianie online plugin. Ta wtyczka pozwala szybko utworzyć 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.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę. Aby uzyskać więcej informacji, zobacz nasz przewodnik dla początkujących, jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Menu Żywności ” Dodaj Jedzenie.

Add new menu item

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

Następnie kliknij przycisk “Publikuj”, aby zapisać element menu.

Publish new menu item

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

Po zakończeniu dodawania elementów do menu żywności nadszedł czas, aby dodać to menu do WordPress.

Najpierw musisz iść do Menu Żywności ” Generator ShortCode, a następnie kliknij przycisk “Dodaj nowy”.

Go to shortcode generator

Następnie możesz nadać swojemu shortcode tytuł, który pomoże Ci zapamiętać rodzaj dodanych pozycji menu.

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

Name your menu shortcode

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.

Change shortcode layout

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 także kontrolować, które elementy chcesz wyświetlić.

Shortcode filtering

Jeśli planujesz pozwolić klientom dodawać artykuły spożywcze do swoich wózków i kasy, musisz dodać elementy menu jako produkty w sklepie WooCommerce.

Aby uzyskać więcej informacji na temat dodawania produktów, zobacz nasz przewodnik krok po kroku, jak założyć sklep internetowy.

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

Field selection shortcode

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

Następnie możesz zmienić wygląd elementów menu, klikając opcję menu “Stylizacja”.

Shortcode styling menu

Gdy skończysz dostosowywać sposób wyświetlania pozycji menu, kliknij przycisk “Publikuj”.

To nie sprawi, że Twoje menu będzie jeszcze aktywne w Twojej witrynie, ale zapisze skrócony 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 “Dodaj nowy”.

Add page for menu

Następnie możesz nadać swojej stronie tytuł. Pojawi się to dla odwiedzających, więc będziesz chciał nazwać go czymś w rodzaju “Menu”.

Następnie kliknij ikonę”+”, aby dodać 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ć właśnie utworzony shortcode z rozwijanego menu.

Spowoduje to wstawienie twojego menu na Twoją stronę.

Select menu shortcode

Następnie kliknij przycisk “Publikuj” lub “Aktualizuj”, aby menu było aktywne.

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

Publish new menu

Teraz, gdy odwiedzający zobaczą twoje menu, będą mogli przeglądać przedmioty, a nawet składać zamówienia, jeśli dodasz funkcjonalność WooCommerce.

Bez względu na rozmiar ekranu, na którym wyświetlane jest menu, idealnie wyświetli elementy menu.

WordPress menu example

Mamy nadzieję, że ten post pomoże Ci dowiedzieć się, jak stworzyć menu restauracji online w WordPress. Zapraszamy również do zapoznania się z naszymi ofertami najlepszych programów kadrowo-płacowych dla małych firm lub z naszym porównaniem najlepszych usług telefonicznych dla małych firm.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

9 Najlepsze Darmowe Wtyczki WordPress Author Bio Box

W artykule: 1. Simple Author Box2. Branda3. Autor postu WP4. Author Bio…

Zarabianie Na Swoim Blogu: Tworzenie Odpowiednich Treści

W artykule: Przeczytaj inne posty z tej serii o zarabianiu pieniędzy na…

Jak utworzyć wyskakujące okienko WordPress na podstawie lokalizacji (krok po kroku)

W artykule: Czym Są Wyskakujące Okienka Oparte Na Lokalizacji?Po co dodawać wyskakujące…