Generator formularza zamówienia: wersja online i papierowa
Generator formularza zamówienia
Generator formularza zamówienia: formularz HTML i szablon do druku
Wpisz swoje produkty i ceny, a dostaniesz formularz zamówienia na dwa sposoby: kod HTML do skopiowania z sumą liczoną na żywo, wysyłany do Twojej obsługi formularzy, oraz papierowy arkusz do druku.
Dodaj każdy produkt z ceną, wybierz, jakie dane klienta zbierać, i wklej adres swojej obsługi formularzy. Dostaniesz HTML formularza zamówienia z polami ilości i bieżącą sumą, gotowy do wstawienia na stronę, oraz papierowy arkusz zamówień do druku, zbudowany z tej samej listy, na targi, jarmarki i zamówienia telefoniczne.
Co wysyła wygenerowany formularz
Pole w formularzu
Wysyłane do obsługi jako
Uwagi
Pole ilości dla każdego produktu
qty_<product> = liczba
type=number, min 0, liczby całkowite
Imię i nazwisko klienta
Wymagane
E-mail
type=email, sprawdzane przez przeglądarkę
Telefon (opcjonalnie)
type=tel
Adres dostawy (opcjonalnie)
Textarea
Uwagi (opcjonalnie)
Textarea
Suma zamówienia
Nie jest wysyłana
Element output służy tylko do wyświetlania; przelicz po swojej stronie
Wielu małych sprzedawców nie potrzebuje pełnego sklepu internetowego. Piekarnia przyjmująca świąteczne zamówienia, gospodarstwo sprzedające skrzynki warzyw czy klub sprzedający stroje drużyny potrzebuje tylko listy, ilości przy każdej pozycji i danych kontaktowych kupującego. Ten generator tworzy dokładnie to w czystym HTML, więc działa w każdym kreatorze stron, który przyjmuje własny kod.
Wpisz nazwę każdego produktu i jego cenę. Dodawaj lub usuwaj wiersze według potrzeb.
Ustaw symbol waluty i zaznacz opcjonalne pola klienta, których potrzebujesz.
Wklej adres, na który ma być wysyłany formularz. Pochodzi on z Twojej usługi formularzy lub Twojego serwera.
Wypróbuj podgląd: zmieniaj ilości i obserwuj, jak aktualizuje się suma.
Skopiuj HTML na swoją stronę albo kliknij Drukuj formularz papierowy, aby dostać arkusz, który klienci wypełniają ręcznie.
Traktuj sumę na stronie jako orientacyjną dla klienta. Prawdziwą kwotę wyliczaj sam z otrzymanych ilości.
Nazwy produktów powinny być krótkie i unikalne: stają się częścią nazw pól, które otrzymuje Twoja obsługa formularzy.
Przed udostępnieniem strony wyślij do siebie prawdziwe zgłoszenie testowe i sprawdź e-mail lub arkusz, który przyjdzie.
Jeśli potrzebujesz płatności w chwili zamówienia, sam formularz nie wystarczy; połącz go z linkiem do płatności lub prawdziwym checkoutem.
Na wydrukowanym arkuszu zostaw kolumny Ilość i Wartość pustą i dodaj swój numer telefonu na pytania.
Najczęściej zadawane pytania
Dokąd trafia zamówienie, gdy ktoś je wyśle?
Na adres z atrybutu action formularza, wysyłane metodą post. Ten adres musi należeć do czegoś, co przyjmuje dane z formularzy, np. usługi backendu formularzy lub skryptu na Twoim serwerze. Ta strona nie odbiera ani nie przechowuje zamówień.
Dlaczego suma nie jest w wysłanych danych?
Suma znajduje się w elemencie output, a zawartość elementu output nie jest wysyłana z formularzem. To celowe: odwiedzający mógłby zmienić liczbę w swojej przeglądarce, więc sprzedawca zawsze powinien wyliczać kwotę z ilości.
Czy suma działa bez JavaScriptu?
Formularz wysyła się również bez skryptów, ale bieżąca suma jest liczona przez krótki skrypt dołączony do kodu. Jeśli skrypty są wyłączone, suma po prostu zostaje na zerze.
Czym to się różni od formularza rezerwacji?
Formularz zamówienia zbiera produkty i ilości. Formularz rezerwacji zbiera datę, godzinę i usługę. Do umawiania wizyt użyj zamiast tego naszego generatora formularza rezerwacji.
Czy mogę dopasować wygląd formularza do mojej strony?
Tak. Kod używa małego bloku stylów z prostymi nazwami klas zaczynającymi się od of-, więc możesz zmieniać kolory, fonty i odstępy bez wpływu na resztę strony.
Wybór obsługi formularzy
Statyczna strona internetowa nie wyśle sama e-maila. Formularz potrzebuje miejsca, do którego wyśle dane: usługi backendu formularzy, która przekazuje zgłoszenia do Twojej skrzynki lub arkusza, funkcji formularzy w Twoim kreatorze stron albo małego skryptu na Twoim serwerze.
Cokolwiek wybierzesz, skopiuj dokładny adres wysyłki, który podaje, do pola obsługi powyżej. Jeśli wymaga konkretnych nazw pól, zmień nazwy pól w kodzie, aby pasowały.
Papierowe arkusze zamówień wciąż się opłacają
Na stoisku lub szkolnym wydarzeniu podkładka z wydrukowanym arkuszem zamówień jest szybsza niż proszenie ludzi o otwarcie strony. Drukowanie z tej samej listy produktów sprawia, że ceny na papierze i w sieci są identyczne.
Zbierz arkusze, a na koniec dnia sam wpisz zamówienia do formularza online, aby wszystko trafiło w jedno miejsce.
Przeliczaj sumę tam, gdzie trafia zamówienie
Twoja obsługa formularzy otrzymuje ilości, a nie wiarygodną sumę. Ten mały przykład po stronie serwera w JavaScripcie wycenia zamówienie według Twojego własnego cennika i ignoruje wszystko nieznane.
Wycena zamówienia z wysłanych ilości
Ceny są po Twojej stronie, więc odwiedzający, który edytuje stronę, nie zmieni kwoty do zapłaty.
Zbuduj swój formularz zamówienia
Tytuł formularza
Symbol waluty
Adres obsługi formularza (gdzie wysyłane są zamówienia)
Produkty i ceny
Produkt {n}
Cena {n}
Usuń produkt {n}
Dodaj produkt
Opcjonalne pola klienta
Adres dostawy
Uwagi
Podgląd
Ilość: {v}
Suma
Podgląd niczego nie wysyła. Twój formularz wysyła dane na wpisany adres obsługi.