Jak utworzyć formularz zamówienia koszulki online w WordPress [Łatwy i prosty sposób]
Opublikowany: 2022-07-06Czy planujesz otworzyć sklep z koszulkami online? Lub próbując stworzyć spersonalizowaną koszulkę dla swoich bliskich znajomych, a może dla swojej organizacji. To męczące, aby indywidualnie dopasować projekt lub preferencje kolorystyczne każdego z nas. Nie jest też skuteczne proszenie wszystkich o rozmiar koszulki.
Więc czego potrzebujesz? Musisz stworzyć internetowy formularz koszulki, w którym każdy może wybrać projekt, wybrać kolor i rozmiar koszulki, wybrać adres, pod który koszulka ma być dostarczona, opcje płatności i co nie.
Fluent Forms to najbardziej przyjazny dla początkujących kreator formularzy. Pobierz teraz i zacznij tworzyć piękne formy ZA DARMO !!!
Możesz znaleźć szablony formularzy zamówień na koszulki online, ale nie wszystkie z nich sprawią, że będziesz w pełni usatysfakcjonowany. Szablony są świetne, ale jest też poważna wada, możesz nie znaleźć wszystkich potrzebnych pól, które chciałeś w pierwszej kolejności. Ponadto musisz go zaprojektować i zintegrować zgodnie ze swoimi potrzebami.
Dlaczego więc nie stworzyć formularza zamówienia na koszulkę bez żadnego szablonu, dostosować i ułożyć pola, zaprojektować układy, dodać funkcjonalności i stworzyć własny szablon formularza na koszulkę. A najlepsze jest to, że możesz to zrobić bez ręcznego kodowania.
Kreator formularzy do tworzenia internetowego formularza zamówienia koszulki
Jeśli potrzebujesz tworzyć kreatywne i piękne formularze zamówień na koszulki, z pewnością potrzebujesz potężnej wtyczki do tworzenia formularzy. A jeśli chodzi o tworzenie formularzy online bez kodowania, nic nie przebije Fluent Forms. Zanim przejdziesz do tworzenia formularzy, jakie są korzyści z wybrania Fluent Forms do wykonania żądanego formularza zamówienia koszulki online, o które możesz zapytać?
Proszę bardzo -
Obsługuj składanie hurtowe : Formularz zamówienia T-shirtów jest bardzo wymagający na rynku. Ponieważ każdy chce mieć spersonalizowaną koszulkę dla swojego gangu. Firmy odzieżowe również wykorzystują te narzędzia do tworzenia formularzy, aby otrzymywać zamówienia od swoich klientów. Potrzebują więc narzędzia, które może obsłużyć przesyłanie zbiorcze, ma wszystkie niezbędne pola i funkcje, generator faktur pdf i tak dalej.
Ogromna liczba pól wejściowych : Pola obowiązkowe do utworzenia formularza zamówienia koszulki online-
- Pole nazwy
- Pole adresu (z autouzupełnianiem i integracją map Google)
- Pole e-mail
- Pole wyboru i wielokrotny wybór
- Pola płatności
- Udostępnianie pliku
- Lista rozwijana do wyboru kolorów, wzoru, rozmiaru itp.
- Pole repeatera
Co więcej, otrzymasz ponad 40 pól wejściowych, z wyłączeniem tych, aby utworzyć dowolny rodzaj formularza online. Sprawdź, jak złożyć wniosek o wydanie czeku za pomocą Fluent Forms.
Ważne funkcje i integracje : może być konieczne dołączenie do formularza logiki warunkowej lub kalkulatora, aby pomóc klientowi w śledzeniu budżetu, a może wizualizacja koszulki — wszystko to można zrobić za pomocą Fluent Forms.
Również pobranie wersji PDF przesłanych wpisów jest świetną funkcją każdego formularza zamówienia online. Użytkownicy mogą potrzebować faktury w kasie, fakturę można wysłać z zamówioną koszulką.
Jeśli chcesz, aby Twoi potencjalni klienci lub jednorazowi klienci stali się stałymi, lojalnymi klientami, możesz potrzebować jakiegoś narzędzia do zarządzania relacjami z klientami lub narzędzia CRM dla swojego kreatora formularzy.
Co więcej, otrzymasz ponad 45 integracji, od automatyzacji po narzędzia do udostępniania plików, od członkostwa po narzędzia do powiadamiania i tak dalej.
Dość pogaduszki, przejdźmy do tworzenia form.
Jak stworzyć formularz zamówienia koszulki online (od zera)
Oto kroki, aby stworzyć łatwy i kompletny formularz zamówienia koszulki. Po prostu postępuj zgodnie z instrukcjami, aby Twój biznes koszulek online działał płynnie!
Krok 1: Utwórz formularz zamówienia koszulki online
Aby utworzyć formularz zamówienia koszulki online bez kodowania, pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie narzędzia do tworzenia formularzy w witrynie WordPress. Instalacja Fluent Forms jest dość prosta.
Po instalacji i aktywacji wtyczki, najedź na Fluent Forms po lewej stronie i wybierz Dodaj nowy, aby utworzyć formularz. Teraz pojawi się wyskakujące okienko, wybierz opcję Nowy pusty formularz, aby zainicjować nowy formularz.
Zobaczysz wyskakujące okienko z gratulacjami i zostaniesz przekierowany na stronę edytora formularzy. Na tej stronie możesz dowolnie dodawać, usuwać i dostosowywać pola formularza.
W tym miejscu musisz zdecydować się na strukturę formularza. Niektórzy lubią bezpośrednio przeskakiwać do sekcji projektowania T-shirtów, a niektórzy lubią najpierw uzyskać podstawowe informacje o użytkownikach.
Idąc z tym drugim, dodamy kolejno pola nazwy, adresu, adresu e-mail i numeru telefonu. To dość podstawowe rzeczy, po prostu wyszukaj pole z prawej strony strony edytora i kliknij, aby dodać je do formularza. Możesz także przeciągnąć pole, aby je potasować.
Jeśli chodzi o imię, dodamy tylko imię i nazwisko, możesz włączyć opcję drugiego imienia z dostosowywania danych wejściowych. Co jeszcze możesz dostosować? W polu adresu możesz dodać lub usunąć adres dodatkowy, wykluczyć wprowadzone niepotrzebne informacje lub dodać Autouzupełnianie Map Google, jeśli chcesz.
Krok 2: Stwórz sekcję do personalizacji stylu T-shirt
Teraz, aby uzyskać spersonalizowaną koszulkę, musisz wybrać rozmiar, kolor i ilość żądanej koszuli. Dodamy więc trzykolumnowy kontener i dodamy pole płatności z włączoną opcją radiową, mapowanie pola ilości towaru z polem płatności oraz pole rozwijane o nazwie wybierz kolor (gdzie utworzyliśmy opcje dla różne kolory).
A co jeśli ktoś chce zamówić kolejną koszulkę w innym rozmiarze i kolorze? Tak, my też możemy to zrobić. Za pomocą prostej sztuczki logiki warunkowej możesz dodać kolejny kontener z przypisanymi do nich tymi samymi polami.
Dodaj pole wyboru i nazwij je Dodaj koszulkę, a następnie skopiuj wcześniejszy kontener i zmień jego nazwę na Koszulka 2. Ustaw logikę warunkową zgodnie ze zrzutem ekranu. Teraz za każdym razem, gdy użytkownik zaznaczy to pole, pojawi się nowy pojemnik i będzie mógł dodać kolejne wymaganie dotyczące koszulki do swojego zamówienia.
Krok 3: Dostosuj sekcję płatności do formularza zamówienia koszulki
Ustawienie opcji płatności dla formularza zamówienia koszulki jest bardzo proste w Fluent Forms. Dodaj pola Metoda płatności i Podsumowanie płatności do formularza zamówienia. To wszystko, dynamicznie pobierze ilość i kwotę oraz pokaże sumę częściową i inne informacje w podsumowaniu płatności.
Aby to urozmaicić, dodamy niestandardowe pole, które będzie wyświetlane jako wiadomość z potwierdzeniem w formularzu zamówienia koszulki. Najpierw dodaj pole niestandardowe i dodaj wiadomość potwierdzającą. Wtedy pobieranie danych dynamicznych jest całkiem proste. Wpisz {dynamic.Name_Attribute}, aby uzyskać dane z tego konkretnego pola.
W przypadku metod płatności Fluent Forms oferuje najpopularniejsze integracje płatności. Możesz użyć Stripe, PayPal, Mollie, RazorPay itp. Do płatności za formularz zamówienia koszulki. Konfiguracja metody płatności jest taka sama jak w przypadku każdego innego ustawienia płatności. Musisz go zintegrować za pomocą kluczy API.
Krok 4: Stwórz wieloetapowy formularz, jeśli chcesz
Teraz może to być przytłaczające, jeśli użytkownik widzi tak wiele pól na jednej stronie, możesz podzielić formularz na wieloetapowe formularze i utworzyć wiele sekcji na dane kontaktowe użytkownika i adres rozliczeniowy, informacje podstawowe, sekcję płatności i sekcję potwierdzenia w Formularz.
Wyszukaj Krok formularza w polach wejściowych, a następnie dodaj je na początku strony i na końcu, dodaj również jeden po informacjach rozliczeniowych i dodaj jeden po wyborze koszulki.
Krok 5: Ustawienia powiadomień i e-maili dla formularza zamówienia koszulki
Co się dzieje po złożeniu zamówienia? Jeśli chcesz wysłać powiadomienie e-mail do użytkownika i otrzymać powiadomienie e-mail dla siebie po przesłaniu formularza zamówienia koszulki, musisz włączyć opcję Powiadamianie e-mailem. W tym celu włącz Powiadomienia e-mail z zakładki Ustawienia i integracje. Kliknij Dodaj powiadomienie od góry i wypełnij pola zgodnie z potrzebami. Zalecamy przestrzeganie najlepszych praktyk dotyczących powiadomień e-mail, aby uniknąć problemów z dostarczaniem wiadomości e-mail.
Być może widziałeś inne opcje dostępne po lewej stronie ekranu. Tak, możesz zintegrować swój formularz z różnymi narzędziami, takimi jak członkostwo, powiadomienia, oprogramowanie CRM itp., jeśli chcesz.
Krok 6: Stylizacja formularza zamówienia koszulki
Jeśli do tej pory postępowałeś zgodnie ze wszystkim, co Ci powiedzieliśmy, masz dla siebie funkcjonalny formularz zamówienia T-shirtów. Możesz użyć tego w dowolnym miejscu, na przykład na blogu lub stronie, jeśli chcesz. Możesz także utworzyć stronę docelową dla tego formularza, którą można udostępnić za pomocą bezpośrednich linków lub przycisków.
Ale co z nadaniem stylu tej formie? Tak, możesz to zrobić, dodaj kilka polecanych obrazów do formularza za pomocą niestandardowego pola HTML jest dość proste. Jeśli korzystasz z kreatorów stron, takich jak Elementor i Oxygen, otrzymasz dodatkowe widżety dla formularza Fluent. Może być bardzo przydatne, aby formularz wyglądał tak bogato, że użytkownicy zwykle nie mogą przewijać bez ponownego spojrzenia.
Oto podstawowy formularz zamówienia koszulki bez żadnego kodowania lub pomocy wymyślnego kreatora stron –
W opcji Podgląd i projektowanie będziesz mieć kilka opcji zmiany koloru tła, koloru czcionki, projektu kontenera i tak dalej. Nawet oferuje szablon w stylu formularza do formularza zamówienia T-shirtów – nowoczesny, klasyczny, styl Bootstrap itp.
Jeśli jednak chcesz dodać do formularza niestandardowe CSS i JS, jest to również możliwe. Nie jest obowiązkowe ręczne kodowanie stylu formularza. Możesz tworzyć piękne formularze bez CSS lub fantazyjnego narzędzia do tworzenia stron w migiem.
Pamiętasz, jak dynamicznie pobierasz dane na stronę potwierdzenia, aby się upewnić?
Wystarczy wpisać {dynamic.Name_Attribute} , aby pobrać dane z tego konkretnego pola, w naszym formularzu zamówienia po prostu umieszczamy niestandardowe pole HTML i umieszczamy tekst potwierdzenia wraz z tagami {dynamic.names} i {dynamic.phone} . Voila! Tak to będzie wyglądać w Twojej formie.
Dodaliśmy również kilka projektów koszulek do pól radiowych, aby wybrać wizualnie.
Publikowanie formularza zamówienia koszulki
Publikowanie formularza zamówienia T-shirtów nie jest nauką rakietową. Fluent Forms zawsze daje unikalny identyfikator z każdą formą. Po prostu skopiuj i wklej krótki kod do strony lub posta na blogu, w którym chcesz opublikować swój formularz.
Dodatkowo, jeśli korzystasz z funkcji Landing Page, możesz dodać kolor tła, obraz tła, logo formularza, obraz funkcji, nagłówek strony itd., aby stworzyć elegancko wyglądający formularz.
Możesz również mieć możliwość sprawdzenia, jak Twój formularz będzie wyglądał na urządzeniu mobilnym lub stacjonarnym. Udostępnianie na stronie docelowej jest dziecinnie proste i zawiera kilka opcji, takich jak udostępnianie za pomocą bezpośredniego linku lub przycisku w mediach społecznościowych .
Nadal zdezorientowany? Nie, niczego Ci nie brakuje
Dzięki Typeform możesz tworzyć interaktywne formularze, aby upodobnić je do konwersacji.
Możesz także tworzyć interaktywne formularze konwersacyjne za pomocą Fluent Forms. Ma też wiele opcji, takich jak pełny dostęp do klawiatury, dodawanie różnych obrazów/układu, nawet animacji/wideo do formularza, jedno kliknięcie, aby przekształcić formularz nieinteraktywny w formularz konwersacyjny i tak dalej.
Jeśli chcesz zrobić formularz zamówienia koszulki jako Typeform, możesz to zrobić za pomocą formularza konwersacyjnego Fluent Forms.
Zrób teraz formularze zamówień na koszulki szkolne dla swojej klasy lub klubu. Jeśli potrzebujesz pomocy, sprawdź, jak działają formy konwersacyjne w tym filmie.
Oto kolejny przykład formularza zamówienia koszulki online.
Widzisz, niczego nie tracisz. W rzeczywistości dzięki Fluent Forms zyskujesz więcej niż jakakolwiek inna oferta kreatorów formularzy, aby stworzyć niesamowite formularze zamówień na koszulki.
Zawijanie
I oto masz, prosty i łatwy sposób na stworzenie internetowego formularza zamówienia koszulki bez znajomości kodowania. Teraz możesz wykonać dowolny formularz zamówienia, po prostu dodaj wymagane pola i zaprojektuj formularz zorientowany na użytkownika za pomocą Fluent Forms w ciągu kilku minut.
Jeśli masz problemy z powiadomieniami e-mail lub wiadomościami, które trafiają do spamu, możesz zainstalować darmową wtyczkę FluentSMTP. Ponadto, jeśli masz jakiekolwiek pytania dotyczące dowolnego formularza zamówienia, skomentuj poniżej. Śledź nas w mediach społecznościowych, aby otrzymywać najnowsze aktualizacje i samouczki.