2.0 Przewodnik instalacji PrestaShop Form Studio<\/b><\/h2>\nWymagania systemowe<\/b><\/h3>\n
Przed zainstalowaniem modu\u0142u nale\u017cy sprawdzi\u0107, czy \u015brodowisko spe\u0142nia nast\u0119puj\u0105ce wymagania:<\/span><\/p>\n Krok 1 \u2013 Prze\u015blij modu\u0142:<\/b> Zaloguj si\u0119 do panelu administracyjnego PrestaShop. Przejd\u017a do Modu\u0142y > Mened\u017cer modu\u0142\u00f3w i kliknij Prze\u015blij modu\u0142 (w prawym g\u00f3rnym rogu). Wybierz plik ZIP pobrany z Knowband i kliknij Otw\u00f3rz. PrestaShop automatycznie prze\u015ble i rozpakuje pliki.<\/span><\/p>\n Krok 2 \u2013 Instalacja:<\/b> Po przes\u0142aniu kliknij \u201eInstaluj\u201d, gdy pojawi si\u0119 monit. Po instalacji zostaniesz przekierowany na stron\u0119 konfiguracji modu\u0142u.<\/span><\/p>\n Krok 3 \u2013 Zlokalizuj, je\u015bli to konieczne:<\/b> Je\u015bli modu\u0142 nie pojawi si\u0119 automatycznie, wyszukaj \u201eForm Studio\u201d w pasku wyszukiwania Mened\u017cera modu\u0142\u00f3w i kliknij Konfiguruj.<\/span><\/p>\n 3.0 Typowe problemy z instalacj\u0105<\/b><\/p>\n Pierwsz\u0105 rzecz\u0105, kt\u00f3r\u0105 zobaczysz w module, jest przycisk umo\u017cliwiaj\u0105cy w\u0142\u0105czanie lub wy\u0142\u0105czanie PrestaShop Form Studio.\u00a0<\/strong>Po w\u0142\u0105czeniu modu\u0142u wszystkie aktywne formularze s\u0105 widoczne na stronie front-end.\u00a0Wy\u0142\u0105czenie modu\u0142u ukrywa wszystkie formularze przed odwiedzaj\u0105cymi bez usuwania konfiguracji.<\/span><\/p>\n Sekcja ustawie\u0144 poczty pozwala kontrolowa\u0107 spos\u00f3b, w jaki sklep komunikuje si\u0119 z administratorami i klientami po przes\u0142aniu formularza.<\/span><\/p>\n W\u0142\u0105cz szablony e-mail<\/b>:Mo\u017cesz w\u0142\u0105czy\u0107 lub wy\u0142\u0105czy\u0107 wst\u0119pnie zdefiniowany szablon wiadomo\u015bci e-mail w <\/span>Kreator formularzy PrestaShop<\/b><\/a>. Je\u015bli ten modu\u0142 jest w\u0142\u0105czony, wiadomo\u015bci e-mail b\u0119d\u0105 dostarczane na podstawie predefiniowanego szablonu wiadomo\u015bci e-mail ze wszystkimi zmiennymi.<\/span><\/p>\n Tre\u015b\u0107 maila administratora: <\/b>Ten<\/span> to wiadomo\u015b\u0107 e-mail, kt\u00f3r\u0105 zesp\u00f3\u0142 Twojego sklepu otrzymuje za ka\u017cdym razem, gdy u\u017cytkownik wy\u015ble \u200b\u200bformularz. Mo\u017cesz dostosowa\u0107 temat, tre\u015b\u0107 i format wiadomo\u015bci do marki swojego sklepu za pomoc\u0105 edytora tekstu sformatowanego. Mo\u017cesz r\u00f3wnie\u017c dynamicznie dodawa\u0107 zmienne szablonu, takie jak imi\u0119 i nazwisko osoby wysy\u0142aj\u0105cej, adres e-mail i warto\u015bci p\u00f3l formularza, klikaj\u0105c odpowiedni tag w sekcji \u201eZmienne szablonu\u201d.<\/span><\/p>\n Tre\u015b\u0107 automatycznej odpowiedzi<\/b>Tre\u015b\u0107 automatycznej odpowiedzi to e-mail z potwierdzeniem wysy\u0142any automatycznie do klienta po przes\u0142aniu formularza. Mo\u017cesz go u\u017cy\u0107, aby okre\u015bli\u0107 oczekiwania, poinformowa\u0107 o kolejnych krokach lub po prostu podzi\u0119kowa\u0107 klientowi za kontakt.<\/span><\/p>\n Odpowiedz e-mailem<\/b>:Tre\u015b\u0107 odpowiedzi e-mail kontroluje format r\u0119cznych odpowiedzi wysy\u0142anych przez administrator\u00f3w bezpo\u015brednio z panelu przesy\u0142ania formularzy w zapleczu.<\/span><\/p>\n Wszystkie trzy szablony wiadomo\u015bci e-mail w <\/span>PrestaShop Form Studio<\/b> obs\u0142uguje formatowanie tekstu, w tym pogrubienie, kursyw\u0119, \u0142\u0105cza, listy i kod HTML, dzi\u0119ki czemu Twoje wiadomo\u015bci e-mail b\u0119d\u0105 dostosowane do Twojego sklepu bez konieczno\u015bci specjalnego rozwoju.<\/span><\/p>\n Spam to prawdziwy problem dla ka\u017cdego formularza dost\u0119pnego publicznie. Modu\u0142 integruje <\/span>ochrona przed spamem od PrestaShop<\/b> z Cloudflare Turnstile, jednym z najskuteczniejszych i naj\u0142atwiejszych w obs\u0142udze system\u00f3w ochrony przed spamem. W przeciwie\u0144stwie do tradycyjnego CAPTCHA, kt\u00f3re frustruje prawdziwych u\u017cytkownik\u00f3w,\u00a0<\/span><\/p>\n Aby w\u0142\u0105czy\u0107 wykrywanie spamu, w\u0142\u0105cz opcj\u0119 W\u0142\u0105cz bramk\u0119 obrotow\u0105 Cloudflare, a nast\u0119pnie wprowad\u017a klucz witryny i klucz tajny z konta <\/span>Pulpit nawigacyjny Cloudflare<\/b>Motyw wid\u017cetu mo\u017cna ustawi\u0107 na Auto, Jasny lub Ciemny, w zale\u017cno\u015bci od projektu sklepu.<\/span><\/p>\n Po w\u0142\u0105czeniu mo\u017cesz r\u00f3wnie\u017c doda\u0107 <\/span>Pole bramek obrotowych Cloudflare<\/b> bezpo\u015brednio w poszczeg\u00f3lnych formularzach, korzystaj\u0105c z opcji p\u00f3l wej\u015bciowych kreatora formularzy.<\/span><\/p>\n Kroki generowania klucza tajnego i klucza witryny\u00a0<\/span><\/p>\n Kliknij <\/span>Dodaj nowy formularz<\/b> Aby rozpocz\u0105\u0107. Ka\u017cdy formularz ma swoj\u0105 w\u0142asn\u0105, niezale\u017cn\u0105 konfiguracj\u0119, co oznacza, \u017ce \u200b\u200bmo\u017cesz jednocze\u015bnie uruchamia\u0107 r\u00f3\u017cne formularze z r\u00f3\u017cnymi ustawieniami na r\u00f3\u017cnych stronach sklepu.<\/span><\/p>\n Panel tworzenia formularza zawiera nast\u0119puj\u0105ce pola:<\/span><\/p>\n W\u0142\u0105cz osobn\u0105 stron\u0119 formularza<\/b>: Ta funkcja kontroluje, czy ten formularz ma mie\u0107 w\u0142asny, dedykowany adres URL w Twoim sklepie. Je\u015bli ta opcja jest w\u0142\u0105czona, <\/span>tak<\/b>, w\u00f3wczas modu\u0142 PrestaShop Form Studio generuje stron\u0119 z podanym przez Ciebie \u015blimakiem.<\/span><\/p>\n Tytu\u0142 formularza<\/b>: Nazwa wy\u015bwietlana klientom nad formularzem. Zalecamy, aby by\u0142a jasna i opisowa, aby klienci od razu wiedzieli, do czego s\u0142u\u017cy formularz. Na przyk\u0142ad: \u201ePopro\u015b o wycen\u0119\u201d, \u201ePodziel si\u0119 swoj\u0105 opini\u0105\u201d lub \u201eSkontaktuj si\u0119 z nami\u201d.<\/span><\/p>\n Formularz \u015blimaka<\/b>: Dodany slug zostanie dodany do adresu URL, dzi\u0119ki czemu b\u0119dziesz m\u00f3g\u0142 dostosowa\u0107 go do swoich potrzeb. Na przyk\u0142ad \u201ethank-u\u201d spowoduje wy\u015bwietlenie yourstore.com\/form\/thank-u<\/span><\/p>\n Formularz Meta Tytu\u0142<\/b>: Ten metatytu\u0142 pomaga w rankingu strony formularza w wynikach wyszukiwania. Na przyk\u0142ad: \u201eSkontaktuj si\u0119 z naszym zespo\u0142em wsparcia \u2013 Fashionstore\u201d.\u00a0<\/span><\/p>\n S\u0142owa kluczowe formularza<\/b>:Meta s\u0142owa kluczowe tego pola pomagaj\u0105 w kategoryzowaniu formularza na stronie internetowej.<\/span><\/p>\n Opis meta formularza: <\/b>Ten metaopis formularza w <\/span>Kreator formularzy PrestaShop <\/b>pomaga w wyszukiwarkach.<\/span> Mo\u017cesz na przyk\u0142ad doda\u0107 do formularza metaopis w postaci: \u201eWype\u0142nij nasz szybki formularz kontaktowy, a nasz zesp\u00f3\u0142 skontaktuje si\u0119 z Tob\u0105 w ci\u0105gu 24 godzin\u201d. Dzi\u0119ki temu klient z \u0142atwo\u015bci\u0105 znajdzie formularz, gdy b\u0119dzie szuka\u0142 pomocy technicznej w Twoim sklepie.<\/span><\/p>\n kreator formularzy<\/b> U\u017cywa systemu uk\u0142adu opartego na kolumnach. Przed dodaniem p\u00f3l wybierz, ile kolumn ma zawiera\u0107 ka\u017cdy wiersz.\u00a0<\/span><\/p>\n Opcje obejmuj\u0105: <\/span>pojedyncza kolumna o pe\u0142nej szeroko\u015bci na cztery r\u00f3wne kolumny<\/b>, z dodatkowymi wariantami oferuj\u0105cymi wi\u0119ksze kolumny po lewej lub prawej stronie do uk\u0142ad\u00f3w asymetrycznych.<\/span><\/p>\n Ta elastyczno\u015b\u0107 oznacza, \u017ce \u200b\u200bmo\u017cesz tworzy\u0107 czyste, <\/span>formularze ankiet jednokolumnowych<\/b> tak samo \u0142atwo, jak i skomplikowanie <\/span>zbieranie danych wielokolumnowych<\/b> formularze, w kt\u00f3rych powi\u0105zane pola znajduj\u0105 si\u0119 obok siebie, korzystaj\u0105c z modu\u0142u PrestaShop Online Form Builder<\/span><\/p>\n Aby doda\u0107 pole wprowadzania danych<\/span>,<\/b> Kliknij \u201eDodaj pole wej\u015bciowe\u201d w dowolnym wierszu, aby wstawi\u0107 element formularza. Dost\u0119pne typy p\u00f3l:<\/span><\/p>\n Tekst \/ Obszar tekstowy<\/b>:Zbieraj kr\u00f3tkie lub d\u0142ugie pisemne odpowiedzi od klient\u00f3w.\u00a0<\/span><\/p>\n E-mail:<\/b> Przechwytuje adresy e-mail z weryfikacj\u0105 formatu.<\/span><\/p>\n Has\u0142o, telefon, adres URL, numer:<\/b> Specjalistyczne pola wej\u015bciowe z automatyczn\u0105 walidacj\u0105 na podstawie wybranego typu pola.\u00a0<\/span><\/p>\n Data:<\/b> Umo\u017cliwia u\u017cytkownikom wyb\u00f3r lub wprowadzenie dat z weryfikacj\u0105 formatu.\u00a0<\/span><\/p>\n Plik:<\/b> L<\/span>Klienci et przesy\u0142aj\u0105 za\u0142\u0105czniki w okre\u015blonych przez Ciebie formatach.<\/span><\/p>\n Lista rozwijana, pole wyboru, przycisk radiowy:<\/b> Pola wielokrotnego wyboru: dokonaj wyboru na podstawie liczby dost\u0119pnych opcji i tego, czy chcesz wybra\u0107 jedn\u0105 czy wiele odpowiedzi.<\/span><\/p>\n HTML:<\/b> Osadza niestandardowe znaczniki wewn\u0105trz formularza, takie jak instrukcje lub nag\u0142\u00f3wki sekcji.<\/span><\/p>\n Bramka obrotowa Cloudflare:<\/b> Umieszcza wid\u017cet ochrony przed spamem w okre\u015blonym miejscu formularza.<\/span><\/p>\n Zatwierd\u017a:<\/b> Wysy\u0142a formularz i uruchamia skonfigurowane akcje, takie jak powiadomienia e-mail, automatyczne odpowiedzi, integracje i strony z podzi\u0119kowaniami.\u00a0<\/span><\/p>\n <\/p>\n Ka\u017cdy formularz ma w\u0142asn\u0105 konfiguracj\u0119 poczty e-mail, kt\u00f3r\u0105 mo\u017cna zarz\u0105dza\u0107 w ustawieniach poczty e-mail formularza kontaktowego <\/span>Modu\u0142 kreatora formularzy online PrestaShop<\/b>Jest to szczeg\u00f3lnie przydatne, gdy masz wiele formularzy dla r\u00f3\u017cnych dzia\u0142\u00f3w lub cel\u00f3w.<\/span><\/p>\n W celu otrzymania powiadomienia e-mail od administratora<\/b>:<\/span><\/p>\n Mo\u017cesz ustawi\u0107: adresy odbiorc\u00f3w w <\/span>Wystawi\u0107<\/b>; dodatkowi ukryci odbiorcy w polu UDW, niestandardowy adres nadawcy oraz wiersz tematu, kt\u00f3ry mo\u017ce si\u0119 r\u00f3\u017cni\u0107 w zale\u017cno\u015bci od j\u0119zyka w formularzu generowania lead\u00f3w PrestaShop.<\/span><\/p>\n Pole Odpowiedz do<\/b> umo\u017cliwia kierowanie odpowiedzi klient\u00f3w do konkretnej skrzynki odbiorczej, np. skrzynki zespo\u0142u wsparcia, a nie na og\u00f3lny adres administratora.<\/span><\/p>\n Edytor tre\u015bci wiadomo\u015bci korzysta z takiego samego interfejsu tekstu sformatowanego, jak ustawienia og\u00f3lne, a zmienne szablonu umo\u017cliwiaj\u0105 dynamiczne pobieranie rzeczywistych warto\u015bci przes\u0142anych przez klienta.<\/span><\/p>\n Sekcja automatycznej odpowiedzi<\/b> Odzwierciedla t\u0119 konfiguracj\u0119 w e-mailu z potwierdzeniem skierowanym do klienta. W\u0142\u0105cz funkcj\u0119 automatycznej odpowiedzi, a nast\u0119pnie skonfiguruj pola Do, UDW, Od, Temat, Odpowiedz do i Tre\u015b\u0107 wiadomo\u015bci. Automatyczna odpowied\u017a uruchamia si\u0119 natychmiast po wys\u0142aniu i nie wymaga \u017cadnych r\u0119cznych dzia\u0142a\u0144 ze strony zespo\u0142u.<\/span><\/p>\n Ka\u017cdy scenariusz walidacji ma w\u0142asny, konfigurowalny komunikat. Mo\u017cesz ustawi\u0107 komunikaty dla: pomy\u015blnego przes\u0142ania, nieudanego przes\u0142ania, wykrycia spamu, pustych wymaganych p\u00f3l, danych wej\u015bciowych przekraczaj\u0105cych maksymaln\u0105 d\u0142ugo\u015b\u0107, nieprawid\u0142owych format\u00f3w dat, b\u0142\u0119d\u00f3w przesy\u0142ania plik\u00f3w, nieobs\u0142ugiwanych typ\u00f3w plik\u00f3w, plik\u00f3w o zbyt du\u017cym rozmiarze, b\u0142\u0119d\u00f3w przesy\u0142ania PHP, nieprawid\u0142owych format\u00f3w liczb, warto\u015bci poni\u017cej lub powy\u017cej dozwolonego zakresu, nieprawid\u0142owych adres\u00f3w e-mail, nieprawid\u0142owych adres\u00f3w URL, nieprawid\u0142owych numer\u00f3w telefon\u00f3w oraz zablokowanych adres\u00f3w IP lub adres\u00f3w e-mail.<\/span><\/p>\n Ustaw \u201eTak\u201d, aby aktywowa\u0107 stron\u0119 po przes\u0142aniu. Po wy\u0142\u0105czeniu tej opcji formularz resetuje si\u0119 po przes\u0142aniu bez konieczno\u015bci podejmowania dalszych dzia\u0142a\u0144.<\/span><\/p>\n Typ strony \u201eDzi\u0119kuj\u0119\u201d<\/b>:<\/span><\/p>\n Po w\u0142\u0105czeniu wybierz pomi\u0119dzy:<\/span><\/p>\n Tytu\u0142:<\/b> Nag\u0142\u00f3wek wy\u015bwietlany na g\u00f3rze domy\u015blnej strony z podzi\u0119kowaniami.<\/span><\/p>\n Alias \u200b\u200bstrony:<\/b> Adres URL strony. Niech b\u0119dzie kr\u00f3tki, pisany ma\u0142ymi literami i z my\u015blnikami.<\/span><\/p>\n Tre\u015b\u0107:<\/b> Tekst strony z podzi\u0119kowaniami, edytowalny za pomoc\u0105 edytora tekstu sformatowanego. Obs\u0142uguje pogrubienie, kursyw\u0119, podkre\u015blenie, przekre\u015blenie, listy, tabele, cytaty blokowe, linki, obrazy, osadzone filmy, kolorowy tekst i surowy HTML.<\/span><\/p>\n W ustawieniach wygl\u0105du mo\u017cesz zarz\u0105dza\u0107 wy\u015bwietlaniem formularza na swojej stronie internetowej, korzystaj\u0105c z <\/span>Formularz opinii klient\u00f3w PrestaShop<\/b><\/a>.\u00a0\u00a0<\/span><\/p>\n\n
Wgrywanie i instalowanie modu\u0142u<\/b><\/h3>\n
\n
4.0 Ustawienia og\u00f3lne Panel administracyjny<\/b><\/h2>\n
4.0.1 W\u0142\u0105czanie lub wy\u0142\u0105czanie modu\u0142u<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/General-Setting-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.0.2 Ustawienia poczty<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Mail-templates-prestashop-form-studio-scaled.png\")
<\/a><\/p>\n4.0.3 Ochrona przed spamem w bramce obrotowej Cloudflare<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Cloudflare-Turnstile-functionality-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Add-Widgets-in-Cloudflare-turnstile.png\")
<\/a><\/li>\n
\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Copy-Client-secret-key-after-widget-in-Cloudflare-Turnstile.png\")
<\/a><\/li>\n4.1 Tworzenie i dodawanie formularzy za pomoc\u0105 modu\u0142u PrestaShop Form Builder<\/b><\/h2>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-showing-in-the-Forms-feature-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.1 Dodawanie nowego formularza<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Form-Basic-details-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.2 Projektowanie uk\u0142adu formularza<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Design-Layout-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.3 Dodawanie p\u00f3l wej\u015bciowych<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Input-fields-in-Prestashop-Form-Studio-Module.png\")
<\/a><\/p>\n4.1.4 Ustawienia poczty e-mail<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Email-to-Admin-settings-in-Prestashop-Form-Builder-Module.png\")
<\/a><\/p>\n![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/AutoSender-Reply-in-Prestashop-Form-Studio.png\")
<\/a><\/p>\n4.1.5 Niestandardowe komunikaty walidacyjne<\/b><\/h3>\n
4.1.6 Wy\u015bwietl stron\u0119 \u201eDzi\u0119kujemy\u201d po wys\u0142aniu formularza<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Validation-Settings-in-Prestashop-Form-builder-Module.png\")
<\/a><\/p>\n\n
4.1.7 Ustawienia wygl\u0105du i wy\u015bwietlania<\/b><\/h3>\n
![\"\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2026\/05\/Restriction-and-display-Positon-in-Prestashop-Feeedback-Survey-Form-Builder-Module.png\")
<\/a><\/p>\n