{"id":2786,"date":"2020-09-01T14:31:28","date_gmt":"2020-09-01T14:31:28","guid":{"rendered":"http:\/\/newhelp.iwareprint.pl\/?post_type=helpdesk&#038;p=2786"},"modified":"2024-04-03T20:16:30","modified_gmt":"2024-04-03T20:16:30","slug":"formularze-w-cms","status":"publish","type":"e_commerce_module","link":"https:\/\/iwareprint.pl\/help\/iwareprint_3-0\/formularze-w-cms\/","title":{"rendered":"Formularze w CMS"},"content":{"rendered":"<p>Do stworzenia formularza przydatna b\u0119dzie podstawowa wiedza z zakresu dzia\u0142ania formularzy HTML. Istnieje wiele poradnik\u00f3w w Internecie dotycz\u0105cych dzia\u0142ania formularzy HTML, temat ten wykracza poza zakres tego wpisu. Poni\u017cszy artyku\u0142 dotyczy wy\u0142\u0105czenie przygotowania formularza w panelu iwarePrint.<\/p>\n<p>Zg\u0142oszenia z dodanych w iwarePrint formularzy mo\u017cna odczytywa\u0107 w panelu administracyjnym, dodatkowo po przes\u0142aniu formularza istnieje mo\u017cliwo\u015b\u0107 przes\u0142ania automatycznego powiadomienia.<\/p>\n<h2>Utworzenie Formularza w\u0142asnego<\/h2>\n<p>Formularz w\u0142asny mo\u017cna doda\u0107 w sekcji <span style=\"color: #ff0000;\"><strong>CMS &gt; Formularze<\/strong><\/span> klikaj\u0105c przycisk <strong>Dodaj<\/strong>.<\/p>\n<h3>Konfiguracja Formularza<\/h3>\n<p>W widoku nowego formularza dost\u0119pne jest szereg ustawie\u0144.<\/p>\n<p>Podstawowym jest <strong>Tytu\u0142 formularza<\/strong> &#8211; s\u0142u\u017cy on do identyfikacji w\u015br\u00f3d wszystkich dodanych formularzy.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-3215\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/form0.png\" alt=\"\" width=\"572\" height=\"373\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/form0.png 572w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/form0-300x196.png 300w\" sizes=\"(max-width: 572px) 100vw, 572px\" \/><\/p>\n<p>Dalej znajduj\u0105 si\u0119 przyciski <strong>Dodaj element<\/strong> i <strong>Zapisz<\/strong>.<\/p>\n<p>Poni\u017cej przycisk\u00f3w znajduje si\u0119 pola:<\/p>\n<p><strong>Adres url<\/strong> &#8211; podany adres b\u0119dzie otwierany po prawid\u0142owym wys\u0142aniu formularza. Najcz\u0119\u015bciej pod tym adresem znajduje si\u0119 strona z podzi\u0119kowaniem za przes\u0142anie formularza i informacj\u0105 zwrotn\u0105 dla klienta, \u017ce formularz zosta\u0142 wys\u0142any poprawnie.<\/p>\n<p>W systemie istnieje taka strona dla wbudowanych formularzy, dost\u0119pna pod adresem:<\/p>\n<blockquote><p><strong><code>https:\/\/[twoja-domena.pl]\/kontakt\/dziekujemy<\/code><\/strong><\/p><\/blockquote>\n<p>Mo\u017cna z niej skorzysta\u0107 lub stworzy\u0107 w\u0142asn\u0105 za pomoc\u0105 <a href=\"https:\/\/iwareprint.pl\/help\/iwareprint_3-0\/wlasne-widoki-w-cms\/\">Widok\u00f3w w\u0142asnych<\/a>.<\/p>\n<p><strong>Email<\/strong> &#8211; istnieje mo\u017cliwo\u015b\u0107 wybrania wiadomo\u015bci wysy\u0142anej po z\u0142o\u017ceniu formularza spo\u015br\u00f3d wcze\u015bniej zdefiniowanych wiadomo\u015bci w systemie. We wpisie <a href=\"https:\/\/iwareprint.pl\/help\/iwareprint_3-0\/zdarzenia-mailingowe\/\">Zdarzenia mailingowe<\/a> dowiesz si\u0119 jak doda\u0107 w\u0142asne szablony email.<\/p>\n<h3>Powiadomienie o z\u0142o\u017ceniu Formularza w\u0142asnego<\/h3>\n<p>Mail automatyczny do wys\u0142anego formularza mo\u017ce by\u0107 skonfigurowany na dwa sposoby:<\/p>\n<ol>\n<li>Wysy\u0142ana b\u0119dzie dowolna wiadomo\u015b\u0107, kt\u00f3ra jest pod\u0142\u0105czona do zdarzenia <strong><strong>Wys\u0142anie formularza w\u0142asnego<br \/>\n<\/strong><\/strong><img decoding=\"async\" class=\"alignnone size-full wp-image-3210\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/zdarzenie.png\" alt=\"\" width=\"657\" height=\"556\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/zdarzenie.png 657w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/zdarzenie-300x254.png 300w\" sizes=\"(max-width: 657px) 100vw, 657px\" \/><\/li>\n<li>Wybrany w formularzu w\u0142asnym email.<br \/>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-3214\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/Screenshot_1.png\" alt=\"\" width=\"554\" height=\"421\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/Screenshot_1.png 554w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/Screenshot_1-300x228.png 300w\" sizes=\"(max-width: 554px) 100vw, 554px\" \/><br \/>\nWybrana wiadomo\u015b\u0107 wysy\u0142ana jest do zdefiniowanych w tym powiadomieniu os\u00f3b (klient i\/lub administratorzy)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3216\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/mail-1.png\" alt=\"\" width=\"603\" height=\"602\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/mail-1.png 603w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/mail-1-300x300.png 300w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/mail-1-600x600.png 600w\" sizes=\"(max-width: 603px) 100vw, 603px\" \/><\/li>\n<\/ol>\n<p><strong>Captcha<\/strong> &#8211; zaznaczenie tej opcji dodaje pole z Google reCaptcha do formularza, kt\u00f3re chroni przed spamem. W\u0142a\u015bciwe klucze API powinny by\u0107 dodane w sekcji <span style=\"color: #ff0000;\"><strong>Ustawienia &gt; Ustawienia &gt; Captcha<\/strong><\/span>.<\/p>\n<h3>Pole formularza<\/h3>\n<p>Po klikni\u0119ciu przycisku <strong>Dodaj element<\/strong> pojawi si\u0119 mo\u017cliwo\u015b\u0107 ustawienia pola w formularzu. Ka\u017cde pole posiada podobny zbi\u00f3r opcji:<\/p>\n<p><strong>Nazwa pola<\/strong> &#8211; nazwa kt\u00f3ra b\u0119dzie wy\u015bwietla\u0107 si\u0119 obok pola, np. Imi\u0119 i nazwisko, e-Mail, itp.<\/p>\n<p><strong>Nazwa klucza<\/strong> &#8211; uproszczony zapis nazwy pola. To nazwa, kt\u00f3ra jest u\u017cywana <strong>w kodzie<\/strong> dla tego pola i kt\u00f3ra jest zapisywana w bazie danych. Dane s\u0105 zapisywane w postaci:<\/p>\n<blockquote><p>nazwa_klucza: warto\u015b\u0107 (wpisana w formularzu przy jego wype\u0142nianiu)<\/p><\/blockquote>\n<p>Przyk\u0142adowo, gdy pole b\u0119dzie na stronie widoczne jako <strong>Dzie\u0144 tygodnia<\/strong>, to je\u015bli nazw\u0119 klucza podamy:<\/p>\n<p>dzien_tygodnia<\/p>\n<p>to wtedy<strong>\u00a0dane zapisywane s\u0105 w bazie danych z pod tym kluczem<\/strong>.<\/p>\n<blockquote><p>Nazwa klucza musi by\u0107 w poprawnym formacie &#8211; <strong>bez spacji i polskich liter<\/strong>.<\/p><\/blockquote>\n<p><strong>Typ pola<\/strong> &#8211; w zale\u017cno\u015bci od potrzeb nale\u017cy wybra\u0107 jedn\u0105 z opcji:<\/p>\n<ul>\n<li><strong>Tekst<\/strong> &#8211; przyjmuje r\u00f3\u017cne znaki. Ograniczy\u0107 mo\u017cna je za pomoc\u0105 <strong>regex<\/strong>, czyli wyra\u017ce\u0144 regularnych.<\/li>\n<li><strong>Liczba<\/strong> &#8211; przyjmuje tylko liczby<\/li>\n<li><strong>Plik<\/strong> &#8211; pozwala na umieszczenie uploadera w formularzu. Nale\u017cy poda\u0107 akceptowane formaty plik\u00f3w i czy jest to pole obowi\u0105zkowe czy nie.<\/li>\n<\/ul>\n<p>Dozwolone s\u0105 wszystkie typy p\u00f3l formularzy HTML, w tym np. textarea. W celu ich uzyskania nale\u017cy samodzielnie zmodyfikowa\u0107 kod formularza w\u0142asnego.<\/p>\n<h2>Kod formularza w\u0142asnego<\/h2>\n<p>Po utworzeniu formularza wygeneruje si\u0119 kod &#8211; mo\u017cna go ods\u0142oni\u0107 przez klikni\u0119cie przycisku <strong>Przyk\u0142adowy kod formularza<\/strong>. Widoczne s\u0105 w nim wszystkie dodane elementy formularza.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3218\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/kod2.png\" alt=\"\" width=\"871\" height=\"400\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/kod2.png 871w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/kod2-300x138.png 300w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/kod2-768x353.png 768w\" sizes=\"(max-width: 871px) 100vw, 871px\" \/><\/p>\n<p>Kod mo\u017cna u\u017cy\u0107, wklejaj\u0105c go bezpo\u015brednio w kt\u00f3rym\u015b z widok\u00f3w szablonu drukarni. Kod mo\u017cna dostosowa\u0107 wg. w\u0142asnych potrzeb, zgodnie z zasadami formularzy HTML.<\/p>\n<h2>Przes\u0142anie formularza przez klienta<\/h2>\n<p>Po dodaniu formularza w po\u017c\u0105danym miejscu na stronie, klienci mog\u0105 wype\u0142nia\u0107 i przesy\u0142a\u0107 formularze. Formularz nale\u017cy samodzielnie ostylowa\u0107 za pomoc\u0105 CSS.<\/p>\n<h2>Odczytanie przes\u0142anego formularza<\/h2>\n<p>Z\u0142o\u017cone formularze mo\u017cna odczyta\u0107 w sekcji <strong><span style=\"color: #ff0000;\">CMS &gt; Formularze<\/span><\/strong> klikaj\u0105c w przycisk <strong>Otw\u00f3rz<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3212\" src=\"http:\/\/help.iwareprint.pl\/wp-content\/uploads\/2020\/09\/form1.png\" alt=\"\" width=\"734\" height=\"397\" srcset=\"https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/form1.png 734w, https:\/\/iwareprint.pl\/help\/wp-content\/uploads\/2020\/09\/form1-300x162.png 300w\" sizes=\"(max-width: 734px) 100vw, 734px\" \/><\/p>\n<p>W tym miejscu mo\u017cna r\u00f3wnie\u017c pobra\u0107 przes\u0142ane przez klienta pliki (je\u015bli formularz zawiera takie pole).<\/p>\n","protected":false},"parent":0,"menu_order":40,"template":"single-helpdesk.php","kategorie":[22],"class_list":["post-2786","e_commerce_module","type-e_commerce_module","status-publish","hentry","kategorie-cms"],"acf":[],"_links":{"self":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/e_commerce_module\/2786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/e_commerce_module"}],"about":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/types\/e_commerce_module"}],"wp:attachment":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/media?parent=2786"}],"wp:term":[{"taxonomy":"kategorie","embeddable":true,"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/kategorie?post=2786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}