Jak utworzyć formularz zamówienia online w WordPress (krok po kroku)

Chcesz utworzyć formularz zamówienia online w WordPress, aby klienci mogli łatwo składać zamówienia?

Jeśli prowadzisz firmę taką jak restauracja lub sklep stacjonarny, możesz nie chcieć tworzyć całego sklepu internetowego. Możesz jednak chcieć zaoferować klientom łatwy sposób zamawiania jedzenia lub innych towarów, które możesz dostarczyć.

W tym wpisie pokażemy jak stworzyć formularz zamówienia online w WordPress. Pozwoli to na łatwe zbieranie zamówień klientów bez konieczności dodawania pełnoprawnego oprogramowania e-handel do twojej witryny internetowej.

Dlaczego warto utworzyć formularz zamówienia online w WordPress?

Być może zdecydowałeś się niedawno założyć witrynę internetową dla twojego biznesu i czujesz się nieco przytłoczony.

Wiele firm zakłada sklep internetowy, aby nie tylko zbierać zamówienia, ale także akceptować płatności i zarządzać zapasami. Jednak nie wszystkie firmy potrzebują kompletnej witryny internetowej e-handel.

Jeśli chcesz, aby klienci mogli tylko wypełnić formularz zamówienia online, możesz stworzyć to znacznie łatwiej bez rozwiązania koszyka na zakupy.

Na przykład, jeśli prowadzisz restaurację, nie musisz tworzyć dla niej całego sklepu internetowego i możesz po prostu dodać formularz zamówienia.

Formularz ten daje możliwość przyjmowania płatności online, przy odbiorze zamówienia lub przy dostawie. Może to usprawnić proces zamawiania, zwiększyć zaangażowanie użytkowników, a nawet pomóc zwiększyć przychody.

Powiedziawszy to, zobaczmy, jak łatwo stworzyć formularz zamówienia online w WordPress.

Film instruktażowy

Jeśli wolisz pisemne instrukcje, czytaj dalej.

Jak utworzyć formularz zamówienia online w WordPress

W tym poradniku użyjemy WPForms do stworzenia formularza zamówienia online, ponieważ pozwala to zrobić łatwo dzięki interfejsowi „przeciągnij i upuść”.

WPForms to najlepsza na rynku wtyczka do tworzenia formularzy WordPress. Ponad 6 milionów witryn internetowych używa jej do łatwego tworzenia wszelkiego rodzaju formularzy online i dodawania ich do swojej witryny (bez konieczności posiadania umiejętności kodowania).

Najpierw należy zainstalować i włączyć WPForms. Aby uzyskać szczegółowe instrukcje, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź na stronę WPForms ” Ustawienia z kokpitu WordPress, aby wpisz swój klucz licencyjny. Informacje te można znaleźć na Twoim koncie w witrynie internetowej WPForms.

Teraz jesteś gotowy do stworzenia twojego formularza zamówienia online.

Po prostu przejdź do strony WPForms ” Utwórz nowy, aby utworzyć twój pierwszy formularz.

Spowoduje to przejście do strony „Wybierz szablon”.

Tutaj możesz zacząć od nazwania twojego formularza w dowolny sposób.

Następnie należy wybrać szablon formularza. Zalecamy użycie szablonu „Formularz rozliczeniowy/zamówienia” w celu utworzenia formularza zamówienia.

Aby wybrać ten szablon, po prostu najedź na niego kursorem i kliknij przycisk „Użyj szablonu”.

Twój formularz zostanie automatycznie utworzony i zostaniesz przeniesiony bezpośrednio do edytora formularzy WPForms.

W tym miejscu powiadomienie wyświetli podgląd formularza po prawej stronie z polami formularza w lewej kolumnie ekranu.

Możesz teraz edytować swój formularz zamówienia online w dowolny sposób, przeciągając i upuszczając pola z panelu bocznego.

Domyślny szablon zawiera już pola na większość potrzebnych informacji, takich jak imię i nazwisko, adres i numer telefonu. Będziesz jednak musiał wymienić swoje rzeczywiste produkty.

Kliknij pole „Dostępne pozycje”, aby je edytować.

Spowoduje to otwarcie ustawień pola formularza w lewej kolumnie, gdzie można wpisać nazwę i cenę każdego z przedmiotów, które klienci mogą u ciebie zamówić.

Cena nie będzie automatycznie wyświetlana w formularzu, więc warto dodać ją do nazwy przedmiotu.

Aby dodać więcej opcji, wystarczy kliknąć ikonkę (+) w dowolnym miejscu. Można również usuwać elementy, klikając ikonkę (-).

Uwaga: Możesz dodać dowolną liczbę pozycji. Jednak klienci będą mogli wybrać tylko jedną opcję z tego pola.

Jeśli masz kilka kategorii opcji, możesz skopiować pole, aby utworzyć grupy.

Pole „Dostępne pozycje” można skopiować, klikając ikonkę „Kopiuj”, która pojawia się po najechaniu na nie kursorem lub po jego zaznaczeniu.

Upewnij się również, że zmieniłeś „Etykietę” pól na coś odpowiedniego dla każdej grupy.

Jeśli chcesz, aby klienci mogli wybrać dwie lub więcej opcji w jednym polu, musisz użyć innego rodzaju pola.

Kliknij kartę „Add Fields”, a następnie przewiń w dół do „Payment Fields”, gdzie znajdziesz pole „Checkbox Items”. Przeciągnij i upuść je na miejsce w twoim formularzu.

Możesz teraz edytować to pole tak jak poprzednio, wpisz nazwy i ceny twoich przedmiotów. Klienci mogą zaznaczyć tyle pozycji, ile chcą zamówić.

Jeśli chcesz pokazać obrazki twoich produktów, to również jest łatwe. Wystarczy kliknąć pole „Użyj opcji wyboru obrazka”:

Gdy to zrobisz, kliknij przycisk „Prześlij obrazek” pod każdą pozycją.

Następnie możesz dodać obrazki z twojego komputera lub z biblioteki multimediów WordPress.

Twoje obrazki nie będą zmieniane ani kompresowane przez WPForms, więc ważne jest, aby importować je w odpowiednim rozmiarze. Wszystkie powinny być tego samego rozmiaru i nie większe niż 250×250 pikseli.

Najlepiej byłoby również zoptymalizować twoje obrazki pod kątem sieci.

Na koniec możesz edytować pole „Komentarz lub wiadomość” u dołu formularza, aby nie było wymagane. Nie wszyscy użytkownicy będą chcieli dodać wiadomość.

Wystarczy kliknąć pole, a następnie odznaczyć pole „Wymagane” po prawej stronie, aby uczynić to pole opcjonalnym.

Proces ten można wykonać dla dowolnego pola, które ma być opcjonalne. Możesz stwierdzić, które pola są wymagane, ponieważ będą miały czerwoną gwiazdkę obok etykiety pola.

Gdy będziesz zadowolony z wyglądu twojego formularza, możesz przejść do konfiguracji jego ustawień. Warto najpierw zapisać formularz, klikając przycisk „Zapisz” u góry ekranu:

Konfigurowanie powiadomień wysyłanych przez twój formularz zamówienia

Najpierw kliknij kartę „Ustawienia” po lewej stronie twojego ekranu. Spowoduje to otwarcie ustawień twojego formularza.

Następnie kliknij kartę „Powiadomienia”, aby zmienić powiadomienia e-mail twojego formularza. Domyślnie wypełnione formularze zamówień będą wysyłane e-mailem na adres administratora twojej witryny WordPress.

Możesz chcieć to zmienić lub skopiować formularze zamówień na więcej niż jeden adres. Możesz po prostu wpisać adres e-mail lub adresy w polu „Wyślij na adres e-mail”. Jeśli wpiszesz więcej niż jeden adres e-mail, oddziel je przecinkiem.

Możesz także zmienić temat wiadomości, aby nie był taki sam dla każdego zamówienia. Może to ułatwić śledzenie zamówień w zatłoczonej skrzynce odbiorczej e-mail.

Tutaj zmieniliśmy temat wiadomości e-mail na „Zamówienie klienta od”, a następnie nazwę klienta. Użyliśmy „Pokaż inteligentne tagi”, aby wstawić pole nazwy w temacie.

Możesz zmienić dowolne inne szczegóły.

Zdecydowanie zalecamy również skonfigurowanie powiadomień e-mail dla twoich klientów. Przypomni im to o tym, co zamówili i da im znać, że otrzymali zamówienie.

Aby utworzyć nowe powiadomienie e-mail, kliknij przycisk „Dodaj nowe powiadomienie”.

Zostaniesz poproszony o rodzaj nazwy dla nowego powiadomienia.

Możesz nazwać go jak chcesz, ponieważ klienci nie zobaczą tej nazwy. Sugerujemy coś w rodzaju „Pokwitowanie klienta” lub „Potwierdzenie e-mail klienta”.

W polu „Wyślij na adres e-mail” należy podać adres e-mail własnego klienta. Usuń {admin_email} z tego pola.

Kliknij „Pokaż inteligentne tagi” i wybierz pole „E-mail”.

Będziesz także chciał wpisz inne szczegóły dotyczące e-maila.

Sugerujemy użycie tematu takiego jak „Twoje zamówienie z” i nazwy Twojej firmy.

W polu „Wiadomość” prawdopodobnie będziesz chciał dodać wiadomość do swojego klienta.

Tag {all_fields} przekaże wszystkie informacje, które klient wpiszę w formularzu. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym poradnikiem na temat wysyłania e-maila z potwierdzeniem po przesłaniu formularza WordPress.

Co zrobić, jeśli chcesz zawrzeć w e-mailu tylko niektóre informacje o kliencie? A co, jeśli chcesz najpierw umieścić szczegóły zamówienia, a szczegóły dostawy na końcu e-maila? Możesz po prostu użyć tagów Smart Tag, aby dodać dowolne pola formularza do twojego formularza.

Po zakończeniu konfigurowania powiadomień kliknij przycisk „Zapisz” u góry ekranu.

Wskazówka: Aby wrócić do pierwszego edytowanego powiadomienia, wystarczy przewinąć ekran w dół.

Ustawienie wiadomości potwierdzającej dla twoich klientów

Oprócz wysłania klientom potwierdzenia e-mailem, warto pokazać im potwierdzenie na ekranie, aby wiedzieli, że ich zamówienie zostało wysłane.

Można to zrobić w zakładce Ustawienia ” Potwierdzenie.

Domyślne potwierdzenie brzmi: „Dziękujemy za kontakt! Wkrótce się z Tobą skontaktujemy”.

Możesz to zmienić na cokolwiek chcesz, a także możesz użyć edytora wizualnego, aby sformatować twój tekst.

Alternatywnie, możesz przekierować klientów do strony z podziękowaniem w twojej witrynie internetowej lub nawet do innej witryny.

Po skonfigurowaniu wiadomości potwierdzającej kliknij „Zapisz” u góry ekranu.

Integracja płatności z twoim formularzem zamówienia (opcjonalnie)

Jeśli chcesz przyjmować płatności za pośrednictwem twojego formularza zamówienia, musisz zintegrować go z procesorem płatności.

WPForms bardzo łatwo integruje się z wieloma popularnymi procesorami płatności, w tym PayPal, Stripe, Square i Authorize.Net. Klienci mogą płacić za pośrednictwem konta PayPal lub wpisz dane swojej karty kredytowej.

Uwaga: Darmowa wersja WPForms umożliwia przyjmowanie płatności za pośrednictwem Stripe. Musisz jednak zapłacić 3% plus opłaty Stripe za płatności dokonane za pośrednictwem twoich formularzy. Aby usuwać dodatkowe opłaty i uzyskać dostęp do większej liczby bramek płatności, możesz uaktualnić do WPForms Pro.

W tym poradniku będziemy korzystać z PayPal, ale proces dla Stripe jest podobny.

Najpierw musisz wyjść z kreatora formularzy. Możesz to zrobić, klikając „X” w prawym górnym rogu. Zostaniesz poproszony o zapisanie twojego formularza, jeśli masz niezapisane zmiany.

Następnie przejdź do strony WPForms ” Addons w twoim kokpicie WordPress. Przewiń w dół do „PayPal Standard Addon” i kliknij przycisk „Zainstaluj dodatek” pod nim.

Dodatek zostanie zainstalowany i włączany automatycznie.

Wróć do twojego formularza, który znajdziesz w zakładce WPForms ” Wszystkie formularze. Teraz kliknij kartę „Płatności”.

Kliknij „PayPal Standard”, a następnie wypełnij szczegóły formularza. Najpierw musisz zaznaczyć pole „Włącz płatności PayPal Standard” i wpisz adres e-mail PayPal Twojej firmy.

Pozostaw menu rozwijane „Tryb” ustawione na „Produkcja” i pozostaw „Rodzaj płatności” ustawiony na „Produkty i usługi”.

Jeśli zbierasz adres dostawy za pośrednictwem formularza zamówienia, możesz zmienić opcję „Wysyłka” na „Nie pytaj o adres”.

Nie musisz wprowadzać adresu URL „Anuluj”, ale możesz utworzyć stronę w Twojej witrynie internetowej, na którą klienci zostaną przekierowani, jeśli nie ukończą procesu płatności.

Po zakończeniu kliknij przycisk „Zapisz”.

Teraz, gdy użytkownik prześle formularz, zostanie automatycznie przekierowany do PayPal w celu dokonania płatności. Nie musisz dodawać żadnych dodatkowych pól do twojego formularza ani robić nic innego.

Więcej informacji można znaleźć w naszym poradniku na temat dodawania formularza płatności PayPal w WordPress.

Dodanie formularza zamówienia do twojej witryny internetowej

Ostatnim krokiem jest dodanie twojego formularza zamówienia do witryny internetowej.

Po prostu wybierz stronę, do której chcesz dodać swój formularz lub utwórz nową stronę w sekcji Strony ” Dodaj nowy.

Następnie kliknij przycisk „Dodaj blok” (+), aby utworzyć nowy blok (gdziekolwiek chcesz umieścić swój formularz) i znajdź blok WPForms. Znajduje się on w sekcji bloków „Widżety” lub możesz po prostu wpisać „WPForms” w pasku wyszukiwania, aby go znaleźć.

Zobaczysz blok WPForms. Kliknij menu rozwijane „Wybierz formularz” i wybierz twój formularz.

Następnie zobaczysz podgląd samego formularza w edytorze WordPress.

Gdy będziesz gotowy, zapisz i opublikuj (lub zaktualizuj) twoją stronę. Możesz zobaczyć ją na żywo na swojej witrynie, aby zobaczyć swój formularz w działaniu. Przed udostępnieniem go klientom zalecamy przetestowanie formularza, aby upewnić się, że działa zgodnie z oczekiwaniami.

Dobrym pomysłem jest również sprawdzenie, czy otrzymujesz powiadomienie e-mail po przesłaniu formularza. Jeśli nie, sprawdź nasz wpis o tym, jak poprawić problem z niewysyłaniem e-maili przez WordPress.

Nawet jeśli przeoczysz e-mail lub przypadkowo go usuniesz, WPForms zapisuje dane formularza w bazie danych WordPress. Możesz znaleźć wszystkie twoje zamówienia, przechodząc do WPForms ” Wpisy w kokpicie WordPress.

Kliknij nazwę twojego formularza, a zobaczysz listę wpisów. Możesz kliknąć „Zobacz” obok każdego z nich, aby zobaczyć szczegóły.

Bonus: Dodaj system rezerwacji restauracji w WordPress

Jeśli masz restaurację, możesz również dodać system rezerwacji do twojej witryny internetowej. Pozwoli to klientom na dokonywanie zaawansowanych rezerwacji i usunie potrzebę rozmów telefonicznych i długich czasów oczekiwania.

W tym celu można użyć wtyczki Five Star Restaurant Reservations. Po jej włączaniu wystarczy przejść na stronę Rezerwacje ” Ustawienia, aby wybrać dni, w których przyjmowane są rezerwacje.

Następnie przejdź do karty „Podstawowe”, aby z rozwijanego menu wybrać stronę, na której chcesz dodać formularz rezerwacji. Następnie wybierz minimalny i maksymalny rozmiar imprezy i skonfiguruj inne ustawienia powiadomień.

Po zakończeniu kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Wtyczka automatycznie doda formularz rezerwacji restauracji na twojej witrynie internetowej, który użytkownicy mogą wypełnić, aby złożyć wniosek o rezerwację.

Następnie możesz zatwierdzić lub odrzucić te prośby, przechodząc na stronę Rezerwacje z kokpitu WordPress i klikając odnośnik „Edytuj” pod rezerwacją.

Spowoduje to wyświetlenie monitu. Aby potwierdzić rezerwację, wybierz opcję „Potwierdzona” z menu rozwijanego.

Aby uzyskać szczegółowe informacje, zapoznaj się z naszym poradnikiem na temat dodawania systemu rezerwacji restauracji w WordPress.

To wszystko! Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć formularz zamówienia online w WordPress. Być może spodoba ci się również nasz przewodnik po najlepszych usługach telefonii biznesowej i niezbędne wtyczki WordPress 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.