W artykule:
Kilku naszych czytelników pytało, jak stworzyć formularz zamówienia online, aby klienci mogli łatwo składać zamówienia na stronie internetowej.
Jeśli prowadzisz firmę, taką jak restauracja lub sklep fizyczny, możesz nie chcieć tworzyć całego sklepu internetowego. Możesz jednak zaoferować klientom łatwy sposób zamawiania żywności lub innych towarów do dostarczenia.
W tym poście pokażemy, jak stworzyć formularz zamówienia online w WordPress. Pozwoli to na łatwe zbieranie zamówień klientów bez dodawania pełnoprawnego oprogramowania e-commerce do swojej witryny.
Video Tutorial
Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.
Tworzenie formularza zamówienia Online w WordPress
Być może niedawno zdecydowałeś się założyć stronę internetową dla swojej firmy i czujesz się nieco przytłoczony.
Wiele firm uruchamia sklep internetowy, aby nie tylko zbierać zamówienia, ale także przyjmować płatności i zarządzać zapasami. Jednak nie wszystkie firmy potrzebują kompletnej witryny e-commerce.
Jeśli chcesz tylko, aby klienci mogli wypełnić formularz zamówienia online, możesz łatwo tworzyć bez rozwiązania koszyka na zakupy.
Prosty formularz zamówienia online daje możliwość przyjmowania płatności online, przy odbiorze zamówienia lub przy dostawie.
W tym samouczku będziemy używać WPForms do tworzenia formularza zamówienia online, ponieważ pozwala to łatwo zrobić za pomocą interfejsu przeciągnij i upuść.
WPForms to najlepsza wtyczka do tworzenia formularzy WordPress na rynku. Ponad 3 miliony stron internetowych korzysta z WPForms, aby łatwo tworzyć dowolny formularz online i dodawać go do swojej strony internetowej (bez umiejętności kodowania).
Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Potrzebujesz pomocy w instalacji wtyczki? Zobacz nasz przewodnik, Jak zainstalować wtyczkę WordPress, aby uzyskać szczegółowe instrukcje.
Wtyczki są jak aplikacje dla Twojej witryny WordPress. Jeśli jesteś nowy w WordPress, a następnie spojrzeć na nasz artykuł na czym są wtyczki WordPress i co można z nimi zrobić.
Po aktywowaniu wtyczki WPForms zobaczysz nową kartę WPForms na pasku bocznym administratora Pulpitu nawigacyjnego WordPress.
Musisz odwiedzić WPForms ” Ustawienia strona, aby wprowadzić klucz licencyjny. Możesz znaleźć te informacje w swoim koncie na stronie WPForms.
Teraz jesteś gotowy do utworzenia formularza zamówienia online.
Wystarczy udać się do WPForms ” Dodaj Nowy strona do stworzenia pierwszego formularza.
Teraz zobaczysz ekran tworzenia formularza. Wpisz nazwę formularza i wybierz szablon. Polecamy szablon „rozliczenie / Formularz Zamówienia”.
Po prostu przesuń kursor nad opisem szablonu i kliknij przycisk „Utwórz formularz rozliczeniowy/ zamówienie”.
Twój formularz zostanie automatycznie utworzony dla Ciebie, a zostaniesz przeniesiony bezpośrednio do edytora formularzy WPForms.
Możesz teraz edytować formularz zamówienia online, jak chcesz. Poszczególne części formularza nazywane są „polami”. Pola w formularzu można zmieniać, dodawać lub usuwać jednym kliknięciem.
Domyślny szablon zawiera już pola dla większości potrzebnych informacji, takich jak imię i nazwisko, adres i numer telefonu. Musisz jednak wymienić swoje rzeczywiste produkty.
Kliknij pole „dostępne Artykuły”, aby je edytować.
Wpisz nazwę i cenę każdego z przedmiotów, które klienci mogą zamówić u Ciebie. Cena nie wyświetli się automatycznie w formularzu, więc możesz dodać ją do nazwy artykułu.
Aby dodać więcej opcji, po prostu kliknij ikonę ( + ), gdziekolwiek chcesz dodać dodatkowe elementy.
Uwaga: Możesz dodać tyle elementów, ile chcesz. 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.
Możesz skopiować pole „dostępne Artykuły”, klikając ikonę „Kopiuj”, która pojawia się po najechaniu kursorem na nią lub po jej wybraniu.
Upewnij się, że zmienisz „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 typu pola.
Kliknij kartę „Dodaj pola”, a następnie przewiń w dół do „pól płatności”, gdzie znajdziesz Pole „elementy pola wyboru”. Przeciągnij i upuść go na miejsce w formularzu.
Możesz teraz edytować to pole tak jak poprzednio, wprowadzając nazwy i ceny artykułów. Klienci mogą sprawdzić tyle przedmiotów, ile chcą zamówić.
Jeśli chcesz pokazać zdjęcia swoich produktów, to też jest naprawdę łatwe. Po prostu kliknij pole „Użyj opcji obrazu”:
Dla każdego elementu kliknij przycisk „Prześlij obraz”, aby dodać obrazy z komputera lub z biblioteki multimediów WordPress.
Twoje obrazy nie będą zmieniane ani kompresowane przez WPForms, dlatego ważne jest, aby przesłać je we właściwym rozmiarze. Wszystkie powinny mieć ten sam rozmiar i nie więcej niż 250×250 pikseli.
Idealnie, należy również zoptymalizować swoje obrazy dla sieci.
Na koniec możesz edytować pole „komentarz lub wiadomość” na dole formularza, aby nie było ono wymagane. Nie wszyscy użytkownicy będą chcieli dodać wiadomość.
Po prostu kliknij pole, a następnie odznacz pole „wymagane” po prawej stronie, aby to pole było opcjonalne.
Możesz wykonać ten proces dla dowolnego pola, które ma być opcjonalne. Możesz określić, które pola są wymagane, ponieważ będą miały czerwoną gwiazdkę obok etykiety pola.
Gdy będziesz zadowolony z projektu formularza, możesz przejść do konfigurowania jego ustawień. Dobrym pomysłem jest najpierw zapisanie formularza, klikając przycisk „Zapisz” u góry ekranu:
Konfigurowanie powiadomień wysyłanych przez formularz zamówienia
Najpierw kliknij kartę „Ustawienia” po lewej stronie ekranu. Spowoduje to otwarcie ustawień formularza.
Następnie kliknij kartę „Powiadomienia”, aby zmienić powiadomienia e-mail w formularzu. Domyślnie wypełnione formularze zamówień zostaną wysłane e-mailem na adres administratora witryny WordPress.
Możesz 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 wprowadzasz więcej niż jeden adres e-mail, oddziel je przecinkiem.
Możesz również zmienić temat, aby nie był taki sam dla każdego zamówienia. Może to ułatwić śledzenie zamówień w zatłoczonej skrzynce e-mail.
Tutaj zmieniliśmy temat wiadomości e-mail, aby przeczytać „zamówienie Klienta od”, a następnie nazwę klienta. Użyliśmy 'Pokaż Inteligentne Tagi’, aby wstawić pole nazwa w temacie.
Możesz również zmienić dowolne inne szczegóły.
Zdecydowanie zalecamy również skonfigurowanie powiadomienia e-mail dla klientów. To daje im przypomnienie o tym, co zamówili i informuje ich, że otrzymałeś ich zamówienie.
Aby skonfigurować nowe powiadomienie e-mail, kliknij przycisk „Dodaj nowe powiadomienie”.
Zostaniesz poproszony o wpisanie nazwy nowego powiadomienia. Możesz nazywać to jak chcesz, ponieważ klienci nie zobaczą tej nazwy. Sugerujemy coś takiego jak „potwierdzenie Klienta” lub „potwierdzenie e-mail Klienta”.
Będziesz chciał, aby „Wyślij na adres e-mail” był kontem e-mail klienta. Usunąć {admin_email} z tego pudełka. Kliknij „Pokaż Inteligentne tagi” i wybierz pole „e-mail”.
Będziesz także chciał wprowadzić inne szczegóły wiadomości e-mail. Sugerujemy użycie tematu, takiego jak „twoje zamówienie z” i nazwa Twojej firmy.
W polu „Wiadomość” prawdopodobnie będziesz chciał dodać wiadomość do swojego klienta. Na {all_fields} tag będzie zawierał wszystkie informacje wprowadzone przez Klienta w formularzu.
Co zrobić, jeśli chcesz dołączyć tylko niektóre informacje o kliencie w wiadomości e-mail? A co, jeśli chcesz najpierw umieścić szczegóły zamówienia i podać szczegóły dostawy na końcu wiadomości e-mail? Możesz po prostu użyć inteligentnych tagów, aby dodać do formularza dowolne pola formularza.
Po zakończeniu konfigurowania powiadomień kliknij przycisk „Zapisz” u góry ekranu.
Tip: Aby wrócić do pierwszego powiadomienia, które edytowałeś, przewiń ekran w dół.
Ustawianie wiadomości potwierdzającej dla klientów
Wraz z wysyłaniem klientom potwierdzenia e-mail, będziesz chciał pokazać im potwierdzenie na ekranie, aby wiedzieli, że ich zamówienie zostało wysłane.
Możesz to zrobić pod Ustawienia ” Potwierdzenie tab.
Domyślne potwierdzenie brzmi ” Dziękujemy za kontakt! Wkrótce się z Tobą skontaktujemy.”
Możesz to zmienić na dowolne, a także użyć edytora wizualnego tutaj, aby sformatować swój tekst.
Alternatywnie możesz przekierować klientów do strony „dziękuję” w swojej witrynie, a nawet do zupełnie innej witryny.
Po skonfigurowaniu wiadomości potwierdzającej kliknij przycisk „Zapisz” u góry ekranu.
Integracja płatności z formularzem zamówienia (Opcjonalnie)
Jeśli chcesz dokonać płatności za pośrednictwem Formularza Zamówienia, musisz zintegrować go z procesorem płatności.
WPForms bardzo łatwo integruje się z dwoma popularnymi procesorami płatności, PayPal i Stripe. Klienci mogą płacić za pośrednictwem konta PayPal lub wprowadzając dane karty kredytowej.
Będziemy używać PayPal w tym samouczku, ale proces Stripe jest podobny.
Najpierw musisz wyjść z kreatora formularzy. Możesz to zrobić, klikając ” X ” w prawym górnym rogu. W przypadku niezapisanych zmian zostanie wyświetlony monit o zapisanie formularza.
Następnie przejdź do WPForms ” Dodatki strona w panelu WordPress. Przewiń w dół do „Paypal Standard Addon” i kliknij przycisk „Zainstaluj dodatek” pod nim.
Dodatek zostanie zainstalowany i aktywowany automatycznie.
Wróć do formularza, który znajdziesz pod 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 standardowe płatności PayPal” i wprowadzić adres e-mail PayPal swojej firmy.
Pozostaw menu rozwijane „Tryb” na „Produkcja”, a „Rodzaj płatności” na „produkty i usługi”.
Jeśli zbierasz adres dostawy za pośrednictwem formularza zamówienia, możesz zmienić „Wysyłka” na ” nie pytaj o adres.’
Nie musisz wprowadzać „Anuluj adres URL”, ale możesz chcieć utworzyć stronę w swojej witrynie, na którą będą wysyłani klienci, jeśli nie ukończą procesu realizacji zakupu.
Po zakończeniu kliknij przycisk „Zapisz”.
Teraz, gdy użytkownik wyśle formularz, zostanie automatycznie przekierowany do PayPal, aby zapłacić. Nie musisz dodawać żadnych dodatkowych pól do formularza ani robić nic innego.
Dodanie Formularza Zamówienia do Twojej strony internetowej
Ostatnim krokiem jest dodanie Formularza Zamówienia do witryny.
Po prostu wybierz stronę, na której chcesz dodać formularz lub utwórz nową stronę pod Strony ” Dodaj Nowy.
Następnie kliknij ikonę ( + ), aby dodać nowy blok (gdziekolwiek chcesz swój formularz) i znajdź blok „WPForms”. Znajduje się w sekcji „widżety” bloków lub możesz po prostu wpisać „WPForms” w pasku wyszukiwania, aby go znaleźć.
Zobaczysz blok WPForms. Kliknij menu rozwijane „Wybierz formularz” i wybierz swój formularz.
Następnie zobaczysz podgląd samego formularza w edytorze WordPress.
Gdy będziesz gotowy, Zapisz i opublikuj (lub zaktualizuj) swoją stronę. Możesz wyświetlić go na żywo na swojej stronie, aby zobaczyć swój formularz w akcji. 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 post na jak rozwiązać WordPress nie wysyłanie e-mail problem.
Nawet jeśli przegapisz wiadomość e-mail lub przypadkowo ją usuniesz, WPForms zapisuje dane formularza w bazie danych WordPress. Możesz znaleźć wszystkie swoje zamówienia, przechodząc do WPForm ” Wpisy w panelu WordPress.
Kliknij na nazwę formularza, a zobaczysz listę wpisów. Możesz kliknąć „Wyświetl” obok każdego z nich, aby zobaczyć szczegóły.
To jest to! Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak utworzyć formularz zamówienia online w WordPress. Możesz również polubić nasz przewodnik na temat najlepszych usług telefonicznych dla firm i musi mieć wtyczki WordPress 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.
