{"id":12272,"date":"2025-01-14T12:16:22","date_gmt":"2025-01-14T11:16:22","guid":{"rendered":"https:\/\/help.expertsender.com\/?post_type=ecdp&#038;p=12272"},"modified":"2025-09-19T15:11:35","modified_gmt":"2025-09-19T14:11:35","slug":"formularz-pop-up","status":"publish","type":"ecdp","link":"https:\/\/help.expertsender.com\/pl\/ecdp\/formularz-pop-up\/","title":{"rendered":"Formularz pop-up"},"content":{"rendered":"\n<p>Formularze w pop-upach to skuteczny spos\u00f3b na nawi\u0105zanie kontaktu z odwiedzaj\u0105cymi Twoj\u0105 stron\u0119. Wy\u015bwietlaj\u0105 si\u0119 w odpowiednim momencie, zach\u0119caj\u0105c u\u017cytkownik\u00f3w do podj\u0119cia konkretnego dzia\u0142ania, na przyk\u0142ad zapisania si\u0119 do newslettera. W odr\u00f3\u017cnieniu od nachalnych reklam nowoczesne pop-upy s\u0105 starannie zaprojektowane, dopasowane do tre\u015bci strony i warto\u015bciowe dla u\u017cytkownika. <\/p>\n\n\n\n<p>Dlaczego s\u0105 skuteczne? Bo pojawiaj\u0105 si\u0119 dok\u0142adnie wtedy, gdy u\u017cytkownik mo\u017ce by\u0107 zainteresowany skorzystaniem z dodatkowej oferty lub informacji. Ich si\u0142a tkwi w prostocie i trafno\u015bci.&nbsp;<\/p>\n\n\n\n<p>Ich si\u0142a tkwi w prostocie i trafno\u015bci.&nbsp;Z pomoc\u0105 formularzy:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Zbierzesz informacje o preferencjach klient\u00f3w, dzi\u0119ki czemu lepiej dopasujesz ofert\u0119 i komunikacj\u0119 marketingow\u0105 do ich potrzeb.<\/li>\n\n\n\n<li>Zbadasz opini\u0119 klient\u00f3w o produktach, us\u0142ugach czy do\u015bwiadczeniach zakupowych. Wprowadzone zmiany poka\u017c\u0105, \u017ce zale\u017cy Ci na ich zdaniu.<\/li>\n<\/ul>\n\n\n\n<div class=\"infobox infobox-blue\">\n  <div class=\"infobox-inner\">\n    <div class=\"infobox-icon\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.26884 2.99217C9.45176 2.50219 10.7196 2.25 12 2.25C13.2804 2.25 14.5482 2.50219 15.7312 2.99217C16.9141 3.48216 17.9889 4.20034 18.8943 5.10571C19.7997 6.01108 20.5178 7.08591 21.0078 8.26884C21.4978 9.45176 21.75 10.7196 21.75 12C21.75 13.2804 21.4978 14.5482 21.0078 15.7312C20.5178 16.9141 19.7997 17.9889 18.8943 18.8943C17.9889 19.7997 16.9141 20.5178 15.7312 21.0078C14.5482 21.4978 13.2804 21.75 12 21.75C10.7196 21.75 9.45176 21.4978 8.26884 21.0078C7.08591 20.5178 6.01108 19.7997 5.10571 18.8943C4.20034 17.9889 3.48216 16.9141 2.99217 15.7312C2.50219 14.5482 2.25 13.2804 2.25 12C2.25 10.7196 2.50219 9.45176 2.99217 8.26884C3.48216 7.08591 4.20034 6.01108 5.10571 5.10571C6.01108 4.20034 7.08591 3.48216 8.26884 2.99217ZM12 3.75C10.9166 3.75 9.8438 3.96339 8.84286 4.37799C7.84193 4.79259 6.93245 5.40029 6.16637 6.16637C5.40029 6.93245 4.7926 7.84193 4.37799 8.84286C3.96339 9.8438 3.75 10.9166 3.75 12C3.75 13.0834 3.96339 14.1562 4.37799 15.1571C4.7926 16.1581 5.40029 17.0675 6.16637 17.8336C6.93245 18.5997 7.84193 19.2074 8.84286 19.622C9.8438 20.0366 10.9166 20.25 12 20.25C13.0834 20.25 14.1562 20.0366 15.1571 19.622C16.1581 19.2074 17.0675 18.5997 17.8336 17.8336C18.5997 17.0675 19.2074 16.1581 19.622 15.1571C20.0366 14.1562 20.25 13.0834 20.25 12C20.25 10.9166 20.0366 9.8438 19.622 8.84286C19.2074 7.84193 18.5997 6.93245 17.8336 6.16637C17.0675 5.40029 16.1581 4.79259 15.1571 4.37799C14.1562 3.96339 13.0834 3.75 12 3.75ZM10.25 15.5002C10.25 15.086 10.5858 14.7502 11 14.7502H11.4088V12H11.0088C10.5946 12 10.2588 11.6642 10.2588 11.25C10.2588 10.8358 10.5946 10.5 11.0088 10.5H12.1588C12.573 10.5 12.9088 10.8358 12.9088 11.25V14.7502H13.31C13.7242 14.7502 14.06 15.086 14.06 15.5002C14.06 15.9144 13.7242 16.2502 13.31 16.2502H11C10.5858 16.2502 10.25 15.9144 10.25 15.5002ZM11.8501 7.23972C12.3748 7.23972 12.8501 7.66627 12.8501 8.23972C12.8501 8.24199 12.8501 8.24426 12.8501 8.24652C12.8481 8.53863 12.7161 8.78189 12.5542 8.9438C12.391 9.10697 12.1452 9.23972 11.8501 9.23972C11.2766 9.23972 10.8501 8.76443 10.8501 8.23972C10.8501 7.68551 11.2959 7.23972 11.8501 7.23972Z\" fill=\"currentColor\"\/><\/svg>    <\/div>\n    <div class=\"infobox-content\">\n                    <div class=\"infobox-text\">\n          <p>W ECDP stworzysz te\u017c <strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/formularz-osadzony-na-stronie\/\">formularze osadzone na stronie<\/a><\/strong>, b\u0119d\u0105ce jej sta\u0142ym elementem. S\u0105 widoczne w wybranym miejscu, np. w stopce lub na stronie kontaktowej.<\/p>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"wymagania\">Wymagania<\/h2>\n\n\n\n<p>Zanim przejdziesz do tworzenia formularzy, upewnij si\u0119, \u017ce:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/konfiguracja-konta-w-expertsender\/#konfiguracja-kanalu-web-tracking\">Kana\u0142 Web Tracking jest poprawnie skonfigurowany<\/a><\/strong>.<\/li>\n\n\n\n<li><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/dodawanie-cech-klientow-i-zgod\/#dodawanie-zgod-na-komunikacje\"><strong>Masz skonfigurowane w platformie<\/strong> <strong>zgody marketingowe<\/strong><\/a>. Wype\u0142niaj\u0105c formularz, klient b\u0119dzie musia\u0142 wyrazi\u0107 zgod\u0119 na kontakt. Zgody dodasz w <strong>Ustawienia <\/strong>&gt;<strong> Zgody<\/strong> &gt; <strong>Utw\u00f3rz now\u0105 zgod\u0119<\/strong>.<\/li>\n\n\n\n<li>Na Twojej stronie jest wdro\u017cony tzw. <strong>data layer<\/strong>. Jest to warstwa w kodzie strony, kt\u00f3ra przechowuje i porz\u0105dkuje informacje o zachowaniu u\u017cytkownik\u00f3w Twojego sklepu, takie jak klikni\u0119cia, interakcje z formularzami, z\u0142o\u017cone zam\u00f3wienia. Informacje dost\u0119pne w data layer przesy\u0142amy do platformy za pomoc\u0105 wspomnianego kodu \u015bledz\u0105cego.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ustawienia-formularza-pop-up\">Ustawienia formularza pop-up<\/h2>\n\n\n\n<p>Kliknij <strong>Stw\u00f3rz formularz<\/strong> &gt; <strong>Pop-up<\/strong> i przejd\u017a do edytora. W kolejnych krokach dostosuj ustawienia formularza:<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"podstawowe--ustawienia\">Podstawowe ustawienia<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Nadaj formularzowi <strong>nazw\u0119<\/strong>. B\u0119dzie ona widoczna w tabeli i u\u0142atwi odszukanie formularza.<\/li>\n\n\n\n<li>Wybierz <strong>stron\u0119<\/strong>, na kt\u00f3rej formularz ma si\u0119 wy\u015bwietla\u0107.<\/li>\n\n\n\n<li>Ustaw <strong>zakres czasowy<\/strong>, w kt\u00f3rym formularz ma si\u0119 wy\u015bwietla\u0107 klientom Twojej strony.<\/li>\n\n\n\n<li>Wybierz <strong>cz\u0119stotliwo\u015b\u0107 <\/strong>wy\u015bwietlania formularza: raz na sesj\u0119 lub wed\u0142ug w\u0142asnego harmonogramu.<\/li>\n\n\n\n<li>Wybierz wska\u017aniki, kt\u00f3re chcesz <strong>\u015bledzi\u0107 <\/strong>dla tego formularza.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-ustawienia-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"642\" height=\"847\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-ustawienia-2.png\" alt=\"\" class=\"wp-image-14731\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-ustawienia-2.png 642w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-ustawienia-2-227x300.png 227w\" sizes=\"auto, (max-width: 642px) 100vw, 642px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"zachowanie-wyswietlanie-odbiorcy\">Zachowanie formularza, warunki wy\u015bwietlania i typ odbiorc\u00f3w<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Tutaj zadecydujesz, w jakiej sytuacji wy\u015bwietli si\u0119 formularz. W polu&nbsp;<strong>Zdarzenie<\/strong>&nbsp;wybierz jedn\u0105 z akcji:\n<ul class=\"wp-block-list\">\n<li><strong>Wej\u015bcie<\/strong>&nbsp;\u2013 formularz wy\u015bwietli si\u0119 przy wej\u015bciu u\u017cytkownika na stron\u0119.<\/li>\n\n\n\n<li><strong>Pr\u00f3ba wyj\u015bcia<\/strong>&nbsp;\u2013 formularz wy\u015bwietli si\u0119, gdy u\u017cytkownik wyjedzie kursorem poza okno strony sklepu.<\/li>\n\n\n\n<li><strong>Przewijanie<\/strong>&nbsp;\u2013 formularz poka\u017ce si\u0119, gdy u\u017cytkownik zacznie przewija\u0107 stron\u0119. Ustaw pr\u00f3g (g\u0142\u0119boko\u015b\u0107 przewijania strony w proc.), kt\u00f3rego mini\u0119cie wywo\u0142a pop-up z formularzem.<\/li>\n\n\n\n<li><strong>Zdarzenie niestandardowe&nbsp;<\/strong>\u2013 formularz wy\u015bwietli si\u0119 w wyniku wykonania jakiej\u015b akcji przez u\u017cytkownika w Twoim sklepie, np. klikni\u0119cia przycisku lub linku, zamiast od razu po wej\u015bciu na stron\u0119. Aby skorzysta\u0107 ze zdarzenia niestandardowego, trzeba wykona\u0107 kilka dodatkowych krok\u00f3w. Instrukcj\u0119 znajdziesz w sekcji&nbsp;<strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/formularz-pop-up\/#zdarzenie-niestandardowe-konfiguracja\">Jak skonfigurowa\u0107 zdarzenie niestandardowe<\/a><\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-zachowanie-zdarzenia.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1682\" class=\"wp-image-14734\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-zachowanie-zdarzenia.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-zachowanie-zdarzenia.png 778w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-zachowanie-zdarzenia-300x277.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-zachowanie-zdarzenia-768x710.png 768w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Zdecyduj, czy u\u017cytkownik mo\u017ce zamkn\u0105\u0107 okno z formularzem klikaj\u0105c w t\u0142o znajduj\u0105ce si\u0119 za nim.<\/li>\n\n\n\n<li>Zdecyduj o tym, co stanie si\u0119 <strong>po wys\u0142aniu formularza<\/strong>.<\/li>\n\n\n\n<li>W tej samej sekcji zaznacz opcj\u0119 <strong>Potwierdzenie<\/strong>, je\u015bli chcesz wys\u0142a\u0107 klientom automatyczn\u0105 wiadomo\u015b\u0107 potwierdzaj\u0105c\u0105 po przes\u0142aniu formularza:\n<ul class=\"wp-block-list\">\n<li>Podstawowe potwierdzenie dost\u0119pne w <strong>Ustawienia <\/strong>&gt; <strong>Zgody<\/strong> &gt; <strong>Potwierdzenia<\/strong> &gt; <strong>Wiadomo\u015b\u0107 domy\u015blna<\/strong>.<\/li>\n\n\n\n<li>Inne potwierdzenie, np. zaprojektowanie specjalnie dla tego formularza.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-potwierdzenia.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1074\" class=\"wp-image-13136\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-potwierdzenia.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-potwierdzenia.png 593w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-potwierdzenia-300x177.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Ustaw dodatkowe <strong>warunki <\/strong>wy\u015bwietlania formularza: typ i adres strony, czas trwania sesji, liczb\u0119 odwiedzonych stron lub rezygnacj\u0119 z ponownego wy\u015bwietlania formularza klientom, kt\u00f3rzy ju\u017c go przes\u0142ali.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-warunki-1.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1954\" class=\"wp-image-13277\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-warunki-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-warunki-1.png 585w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-warunki-1-279x300.png 279w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Zdecyduj, kto b\u0119dzie <strong>odbiorc\u0105<\/strong>, jakie <strong>zgody<\/strong> s\u0105 niezb\u0119dne do wy\u015bwietlania formularza i sk\u0105d maj\u0105 przyj\u015b\u0107 klienci, kt\u00f3rym wy\u015bwietlisz formularz.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-odbiorcy.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1277\" class=\"wp-image-13139\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-odbiorcy.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-odbiorcy.png 576w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-odbiorcy-300x210.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ol>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"zdarzenie-niestandardowe-konfiguracja\">Jak skonfigurowa\u0107 zdarzenie niestandardowe<\/h3>\n\n\n\n<p>Zdarzenie niestandardowe ma posta\u0107 funkcji: $ecdp.api.getContent(type, id, maxWaitTime).<\/p>\n\n\n\n<p>Zawiera ona trzy parametry odnosz\u0105ce si\u0119 do tre\u015bci, kt\u00f3r\u0105 chcesz wy\u015bwietli\u0107. S\u0105 to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>type <\/em>\u2013wymagany \u2013 oznacza typ tre\u015bci.\u00a0 W przypadku formularza jest to <em>form.<\/em><\/li>\n\n\n\n<li><em>id<\/em> \u2013 wymagany \u2013 oznacza identyfikator konkretnej tre\u015bci, kt\u00f3r\u0105 chcesz wy\u015bwietli. ID znajdziesz w Automatyzacja > Formularze > kolumna \u2018ID\u2019.<\/li>\n\n\n\n<li><em>maxWaitTime <\/em>\u2013 opcjonalny \u2013 okre\u015bla przez jaki czas system b\u0119dzie pr\u00f3bowa\u0142 wy\u015bwietli\u0107 formularz po wykonaniu akcji przez u\u017cytkownika. Zakres czasowy parametru to 0-10 000 milisekund (domy\u015blnie jest to 0 ms). <\/li>\n<\/ul>\n\n\n\n<div class=\"infobox infobox-blue\">\n  <div class=\"infobox-inner\">\n    <div class=\"infobox-icon\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.26884 2.99217C9.45176 2.50219 10.7196 2.25 12 2.25C13.2804 2.25 14.5482 2.50219 15.7312 2.99217C16.9141 3.48216 17.9889 4.20034 18.8943 5.10571C19.7997 6.01108 20.5178 7.08591 21.0078 8.26884C21.4978 9.45176 21.75 10.7196 21.75 12C21.75 13.2804 21.4978 14.5482 21.0078 15.7312C20.5178 16.9141 19.7997 17.9889 18.8943 18.8943C17.9889 19.7997 16.9141 20.5178 15.7312 21.0078C14.5482 21.4978 13.2804 21.75 12 21.75C10.7196 21.75 9.45176 21.4978 8.26884 21.0078C7.08591 20.5178 6.01108 19.7997 5.10571 18.8943C4.20034 17.9889 3.48216 16.9141 2.99217 15.7312C2.50219 14.5482 2.25 13.2804 2.25 12C2.25 10.7196 2.50219 9.45176 2.99217 8.26884C3.48216 7.08591 4.20034 6.01108 5.10571 5.10571C6.01108 4.20034 7.08591 3.48216 8.26884 2.99217ZM12 3.75C10.9166 3.75 9.8438 3.96339 8.84286 4.37799C7.84193 4.79259 6.93245 5.40029 6.16637 6.16637C5.40029 6.93245 4.7926 7.84193 4.37799 8.84286C3.96339 9.8438 3.75 10.9166 3.75 12C3.75 13.0834 3.96339 14.1562 4.37799 15.1571C4.7926 16.1581 5.40029 17.0675 6.16637 17.8336C6.93245 18.5997 7.84193 19.2074 8.84286 19.622C9.8438 20.0366 10.9166 20.25 12 20.25C13.0834 20.25 14.1562 20.0366 15.1571 19.622C16.1581 19.2074 17.0675 18.5997 17.8336 17.8336C18.5997 17.0675 19.2074 16.1581 19.622 15.1571C20.0366 14.1562 20.25 13.0834 20.25 12C20.25 10.9166 20.0366 9.8438 19.622 8.84286C19.2074 7.84193 18.5997 6.93245 17.8336 6.16637C17.0675 5.40029 16.1581 4.79259 15.1571 4.37799C14.1562 3.96339 13.0834 3.75 12 3.75ZM10.25 15.5002C10.25 15.086 10.5858 14.7502 11 14.7502H11.4088V12H11.0088C10.5946 12 10.2588 11.6642 10.2588 11.25C10.2588 10.8358 10.5946 10.5 11.0088 10.5H12.1588C12.573 10.5 12.9088 10.8358 12.9088 11.25V14.7502H13.31C13.7242 14.7502 14.06 15.086 14.06 15.5002C14.06 15.9144 13.7242 16.2502 13.31 16.2502H11C10.5858 16.2502 10.25 15.9144 10.25 15.5002ZM11.8501 7.23972C12.3748 7.23972 12.8501 7.66627 12.8501 8.23972C12.8501 8.24199 12.8501 8.24426 12.8501 8.24652C12.8481 8.53863 12.7161 8.78189 12.5542 8.9438C12.391 9.10697 12.1452 9.23972 11.8501 9.23972C11.2766 9.23972 10.8501 8.76443 10.8501 8.23972C10.8501 7.68551 11.2959 7.23972 11.8501 7.23972Z\" fill=\"currentColor\"\/><\/svg>    <\/div>\n    <div class=\"infobox-content\">\n                    <div class=\"infobox-text\">\n          <p>Aby zdarzenie niestandardowe zadzia\u0142a\u0142o poprawnie i formularz wy\u015bwietli\u0142 si\u0119 na po\u017c\u0105dan\u0105 akcj\u0119, poczekaj, a\u017c nasz skrypt \u015bledz\u0105cy si\u0119 za\u0142aduje.<\/p>\n<p>Sprawdzisz to korzystaj\u0105c z funkcji:\u00a0<strong>$ecdp.helpers.websiteIsReady<\/strong><\/p>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dodaj-zdarzenie-niestandardowe-w-kodzie-stony\">Dodaj zdarzenie niestandardowe w kodzie HTML strony<\/h4>\n\n\n\n<p>Mo\u017cesz podpi\u0105\u0107 funkcj\u0119 do konkretnego elementu na stronie, np. przycisku lub linku. Dzi\u0119ki temu formularz wy\u015bwietli si\u0119 automatycznie po klikni\u0119ciu tego elementu.<\/p>\n\n\n\n<p>Poni\u017cej znajdziesz dwa przyk\u0142ady. W obu przypadkach wykorzystywana jest metoda <em>getContent<\/em>, kt\u00f3ra uruchamia formularz o wskazanym ID.<\/p>\n\n\n\n<p><strong>Przyk\u0142ad 1: Przycisk<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#babed8;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#babed8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;button id=\"myButton\">Wy\u015bwietl formularz&lt;\/button>\n\n&lt;script> \ndocument.getElementById(\"myButton\").addEventListener(\"click\", function() {\n    $ecdp.api.getContent(\"form\", 586);\n});\n&lt;\/script><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki material-theme-palenight\" style=\"background-color: #292D3E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #89DDFF\">&lt;<\/span><span style=\"color: #F07178\">button<\/span><span style=\"color: #89DDFF\"> <\/span><span style=\"color: #C792EA\">id<\/span><span style=\"color: #89DDFF\">=<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">myButton<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">&gt;<\/span><span style=\"color: #BABED8\">Wy\u015bwietl formularz<\/span><span style=\"color: #89DDFF\">&lt;\/<\/span><span style=\"color: #F07178\">button<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">&lt;<\/span><span style=\"color: #F07178\">script<\/span><span style=\"color: #89DDFF\">&gt;<\/span><span style=\"color: #BABED8\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">document.getElementById(&quot;myButton&quot;).addEventListener(&quot;click&quot;, function() <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">    $ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">api<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">getContent<\/span><span style=\"color: #BABED8\">(<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">form<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">,<\/span><span style=\"color: #BABED8\"> <\/span><span style=\"color: #F78C6C\">586<\/span><span style=\"color: #BABED8\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">}<\/span><span style=\"color: #BABED8\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">&lt;\/<\/span><span style=\"color: #F07178\">script<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Przyk\u0142ad 2: Link<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#babed8;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#babed8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;a href=\"#\" id=\"formLink\">Wy\u015bwietl formularz&lt;\/a>\n\n&lt;script>\ndocument.getElementById(\"formLink\").addEventListener(\"click\", function(event) {\nevent.preventDefault(); \/\/ Zapobiega domy\u015blnej akcji linku\n    $ecdp.api.getContent(\"form\", 586);\n});\n&lt;\/script><\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki material-theme-palenight\" style=\"background-color: #292D3E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #89DDFF\">&lt;<\/span><span style=\"color: #F07178\">a<\/span><span style=\"color: #89DDFF\"> <\/span><span style=\"color: #C792EA\">href<\/span><span style=\"color: #89DDFF\">=<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">#<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\"> <\/span><span style=\"color: #C792EA\">id<\/span><span style=\"color: #89DDFF\">=<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">formLink<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">&gt;<\/span><span style=\"color: #BABED8\">Wy\u015bwietl formularz<\/span><span style=\"color: #89DDFF\">&lt;\/<\/span><span style=\"color: #F07178\">a<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">&lt;<\/span><span style=\"color: #F07178\">script<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">document.getElementById(&quot;formLink&quot;).addEventListener(&quot;click&quot;, function(event) <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">event<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">preventDefault<\/span><span style=\"color: #BABED8\">(); <\/span><span style=\"color: #676E95; font-style: italic\">\/\/ Zapobiega domy\u015blnej akcji linku<\/span><\/span>\n<span class=\"line\"><span style=\"color: #BABED8\">    $ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">api<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">getContent<\/span><span style=\"color: #BABED8\">(<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">form<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">,<\/span><span style=\"color: #BABED8\"> <\/span><span style=\"color: #F78C6C\">586<\/span><span style=\"color: #BABED8\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">}<\/span><span style=\"color: #BABED8\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">&lt;\/<\/span><span style=\"color: #F07178\">script<\/span><span style=\"color: #89DDFF\">&gt;<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>W obu przypadkach funkcja:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201enas\u0142uchuje\u201d klikni\u0119cia,<\/li>\n\n\n\n<li>po klikni\u0119ciu uruchamia formularz o ID 586.<\/li>\n<\/ul>\n\n\n\n<p>Upewnij si\u0119, \u017ce wybrany formularz ma status <strong>Aktywny<\/strong>, w przeciwnym razie nie zostanie wy\u015bwietlona.<\/p>\n\n\n\n<p><strong>Przyk\u0142ad 3: Sprawdzanie czy skrypt zosta\u0142 za\u0142adowany przed uruchomieniem formularza<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#babed8;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span role=\"button\" tabindex=\"0\" style=\"color:#babed8;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ Check if ECDP script is ready and trigger form\nif ($ecdp.helpers.websiteIsReady) {\n    \/\/ Website is ready, trigger the form\n    $ecdp.api.getContent(\"form\", 586);\n} else {\n    \/\/ ECDP script not ready yet, wait and check periodically\n    const checkReady = setInterval(() => {\n        if ($ecdp.helpers.websiteIsReady) {\n            $ecdp.api.getContent(\"form\", 586);\n            clearInterval(checkReady);\n        }\n    }, 100);\n}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.5 12.75l6 6 9-13.5\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16.5 8.25V6a2.25 2.25 0 00-2.25-2.25H6A2.25 2.25 0 003.75 6v8.25A2.25 2.25 0 006 16.5h2.25m8.25-8.25H18a2.25 2.25 0 012.25 2.25V18A2.25 2.25 0 0118 20.25h-7.5A2.25 2.25 0 018.25 18v-1.5m8.25-8.25h-6a2.25 2.25 0 00-2.25 2.25v6\"><\/path><\/svg><\/span><pre class=\"shiki material-theme-palenight\" style=\"background-color: #292D3E\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #676E95; font-style: italic\">\/\/ Check if ECDP script is ready and trigger form<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF; font-style: italic\">if<\/span><span style=\"color: #BABED8\"> ($ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">helpers<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">websiteIsReady) <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">    <\/span><span style=\"color: #676E95; font-style: italic\">\/\/ Website is ready, trigger the form<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">    <\/span><span style=\"color: #BABED8\">$ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">api<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">getContent<\/span><span style=\"color: #F07178\">(<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">form<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">,<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #F78C6C\">586<\/span><span style=\"color: #F07178\">)<\/span><span style=\"color: #89DDFF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">}<\/span><span style=\"color: #BABED8\"> <\/span><span style=\"color: #89DDFF; font-style: italic\">else<\/span><span style=\"color: #BABED8\"> <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">    <\/span><span style=\"color: #676E95; font-style: italic\">\/\/ ECDP script not ready yet, wait and check periodically<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">    <\/span><span style=\"color: #C792EA\">const<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #BABED8\">checkReady<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #89DDFF\">=<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #82AAFF\">setInterval<\/span><span style=\"color: #F07178\">(<\/span><span style=\"color: #89DDFF\">()<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #C792EA\">=&gt;<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">        <\/span><span style=\"color: #89DDFF; font-style: italic\">if<\/span><span style=\"color: #F07178\"> (<\/span><span style=\"color: #BABED8\">$ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">helpers<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">websiteIsReady<\/span><span style=\"color: #F07178\">) <\/span><span style=\"color: #89DDFF\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">            <\/span><span style=\"color: #BABED8\">$ecdp<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #BABED8\">api<\/span><span style=\"color: #89DDFF\">.<\/span><span style=\"color: #82AAFF\">getContent<\/span><span style=\"color: #F07178\">(<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #C3E88D\">form<\/span><span style=\"color: #89DDFF\">&quot;<\/span><span style=\"color: #89DDFF\">,<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #F78C6C\">586<\/span><span style=\"color: #F07178\">)<\/span><span style=\"color: #89DDFF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">            <\/span><span style=\"color: #82AAFF\">clearInterval<\/span><span style=\"color: #F07178\">(<\/span><span style=\"color: #BABED8\">checkReady<\/span><span style=\"color: #F07178\">)<\/span><span style=\"color: #89DDFF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">        <\/span><span style=\"color: #89DDFF\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F07178\">    <\/span><span style=\"color: #89DDFF\">},<\/span><span style=\"color: #F07178\"> <\/span><span style=\"color: #F78C6C\">100<\/span><span style=\"color: #F07178\">)<\/span><span style=\"color: #89DDFF\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #89DDFF\">}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dodaj-zdarzenie-niestandardowe-w-edytorze-drag-and-drop\">Dodaj zdarzenie niestandardowe w edytorze drag&amp;drop<\/h4>\n\n\n\n<p>Je\u015bli nie chcesz edytowa\u0107 kodu swojej strony bezpo\u015brednio, mo\u017cesz skorzysta\u0107 z bloku tre\u015bci HTML w edytorze drag&amp;drop. Skorzystanie z tej metody wymaga u\u017cycia kodu JavaScript.<\/p>\n\n\n\n<p>W edytorze drag&amp;drop:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Znajd\u017a i dodaj blok HTML.<\/li>\n\n\n\n<li>Wstaw w nim kod JavaScript z przyk\u0142ad\u00f3w powy\u017cej.<\/li>\n\n\n\n<li>Dostosuj ID element\u00f3w i parametry formularza do swoich potrzeb.<\/li>\n<\/ul>\n\n\n\n<p><strong>Wa\u017cne informacje<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Formularz zostanie za\u0142adowany dopiero po wywo\u0142aniu funkcji.<\/li>\n\n\n\n<li>Zostanie wy\u015bwietlony tylko raz na ods\u0142on\u0119 wybranej strony, dla tej samej kombinacji parametr\u00f3w <em>type<\/em> i <em>ID<\/em>.<\/li>\n\n\n\n<li>Zdarzenie niestandardowe dzia\u0142a tylko dla formularzy o statusie <strong>Aktywny<\/strong>.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dodaj-zdarzenie-niestandardowe-z-google-tag-manager\">Dodaj zdarzenie niestandardowe za pomoc\u0105 Google Tag Manager<\/h4>\n\n\n\n<p>Je\u015bli nie chcesz edytowa\u0107 kodu swojej strony r\u0119cznie, mo\u017cesz u\u017cy\u0107 Google Tag Managera, \u017ceby doda\u0107 zdarzenie niestandardowe. To rozwi\u0105zanie sprawdzi si\u0119, je\u015bli korzystasz z GTM i chcesz u\u017cy\u0107 zdarzenia niestandardowego bez pomocy programisty.<\/p>\n\n\n\n<p>\u017beby skorzysta\u0107 z tego sposobu, musisz mie\u0107 konto w Google Tag Manager po\u0142\u0105czone z Twoim sklepem.<\/p>\n\n\n\n<p><strong>Utw\u00f3rz tag ze zdarzeniem niestandardowym wywo\u0142uj\u0105cym formularz<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Przejd\u017a do narz\u0119dzia <strong>Google Tag Manager.<\/strong><\/li>\n\n\n\n<li>Przejd\u017a do kontenera, kt\u00f3ry jest po\u0142\u0105czony ze stron\u0105, na kt\u00f3rej umie\u015bcisz kod.<\/li>\n\n\n\n<li>Przejd\u017a do zak\u0142adki <strong>Tagi<\/strong>.<\/li>\n\n\n\n<li>Kliknij&nbsp;<strong>Nowy<\/strong>, \u017ceby utworzy\u0107 nowy tag.<\/li>\n\n\n\n<li>Nadaj tagowi nazw\u0119, np. \u2018Zdarzenie niestandardowe \u2013 klikni\u0119cie linku\u2019 a nast\u0119pnie kliknij<strong>&nbsp;Konfiguracja tagu<\/strong>.<\/li>\n\n\n\n<li>Wybierz&nbsp;<strong>Niestandardowy kod HTML<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>HTML<\/strong> wstaw funkcj\u0119 ze zdefiniowanymi parametrami <em>type<\/em> i <em>id, <\/em>np.: $ecdp.api.getContent(&#8220;form&#8221;, 586); Parametry wskazuj\u0105, kt\u00f3r\u0105 tre\u015b\u0107 stworzon\u0105 w ECDP wywo\u0142a klikni\u0119cie linku.<\/li>\n<\/ol>\n\n\n\n<p><strong>Ustal, kiedy tag ma si\u0119 uruchomi\u0107<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Przejd\u017a do sekcji <strong>Regu\u0142y <\/strong>(triggers), w kt\u00f3rej konfigurujesz zasad\u0119, wed\u0142ug kt\u00f3rej zostanie wywo\u0142any tag.<\/li>\n\n\n\n<li>Wybierz z listy regu\u0142\u0119 <strong>Klikni\u0119cie \u2013 Wszystkie elementy<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>Regu\u0142a aktywuje si\u0119 dla <\/strong>zaznacz opcj\u0119 <strong>Niekt\u00f3re klikni\u0119cia<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>Aktywuj t\u0119 regu\u0142\u0119, gdy wyst\u0105pi zdarzenie i wszystkie z poni\u017cszych warunk\u00f3w b\u0119d\u0105 spe\u0142nione<\/strong>:<ul><li>w pierwszym polu wybierz <strong>Click Text<\/strong>.<\/li><\/ul><ul><li>w drugim polu ustaw warunek <strong>r\u00f3wna si\u0119.<\/strong><\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>W ostatnim polu wpisz tekst, kt\u00f3rego klikni\u0119cie ma wy\u015bwietli\u0107 formularz.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Zapisz<\/strong> wprowadzone zmiany.<\/li>\n<\/ul>\n\n\n\n<p>Je\u015bli nie widzisz zmiennej <strong>Click Text<\/strong> w rozwijanym menu, upewnij si\u0119, \u017ce jest aktywna:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Przejd\u017a do zak\u0142adki <strong>Zmienne<\/strong>.<\/li>\n\n\n\n<li><span style=\"font-size: 1rem;\">Kliknij <\/span><strong style=\"font-size: 1rem;\">Skonfiguruj<\/strong><span style=\"font-size: 1rem;\">.<\/span><\/li>\n\n\n\n<li>W sekcji <strong>Klikni\u0119cia<\/strong> zaznacz <strong>Click Text<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p><strong>Sprawd\u017a, czy tag dzia\u0142a<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Przetestuj<\/strong>, czy kod zosta\u0142 dodany prawid\u0142owo \u2013 kliknij&nbsp;<strong>Podgl\u0105d<\/strong>&nbsp;w prawym g\u00f3rnym rogu ekranu.<\/li>\n\n\n\n<li>Nast\u0119pnie przejd\u017a na swoj\u0105 stron\u0119 i kliknij tekst, pod kt\u00f3ry podpi\u0119ta jest funkcja wywo\u0142uj\u0105ca formularz.<\/li>\n\n\n\n<li>Wr\u00f3\u0107 do okna podgl\u0105du i sprawd\u017a, czy utworzony tag zosta\u0142 wywo\u0142any.<\/li>\n\n\n\n<li>Zamknij okno podgl\u0105du i kliknij&nbsp;<strong>Publikuj<\/strong>.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"zdarzenie-niestandardowe-test-na-zywo\">Jak przetestowa\u0107 na \u017cywo pro\u015bb\u0119 o zgod\u0119 wywo\u0142an\u0105 przez zdarzenie niestandardowe?<\/h4>\n\n\n\n<p>Funkcja musi zosta\u0107 wywo\u0142ana w przegl\u0105darce r\u00f3wnie\u017c wtedy, gdy chcesz przetestowa\u0107 pro\u015bb\u0119 ze zdarzeniem niestandardowym za pomoc\u0105 opcji \u201eTest na \u017cywo\u201d:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Przejd\u017a na stron\u0119 swojego sklepu i uruchom funkcj\u0119 <strong>Zbadaj<\/strong> (Inspect):\n<ul class=\"wp-block-list\">\n<li>za pomoc\u0105 klawiatury, wybieraj\u0105c F12,<\/li>\n\n\n\n<li>lub klikaj\u0105c prawym przyciskiem myszy wybierz j\u0105 z menu podr\u0119cznego.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<ul start=\"1\" class=\"wp-block-list\">\n<li><\/li>\n<\/ul>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Wybierz zak\u0142adk\u0119 <strong>Console<\/strong>.<\/li>\n\n\n\n<li>Wpisz lub wklej skopiowan\u0105 funkcj\u0119 z parametrami pro\u015bby.<\/li>\n\n\n\n<li>Naci\u015bnij <strong>Enter<\/strong>, aby uruchomi\u0107 skrypt.<\/li>\n<\/ol>\n\n\n\n<p>Spowoduje to wywo\u0142anie pro\u015bby bezpo\u015brednio z konsoli, co jest konieczne do aktywacji zdarzenia niestandardowego.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--30)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"polozenie-formularza\">Po\u0142o\u017cenie okna z formularzem na stronie<\/h3>\n\n\n\n<p>Spos\u00f3b, w jaki formularz wy\u015bwietli si\u0119 na ekranie komputera, telefonu b\u0105d\u017a tabletu ustawisz na etapie projektowania tre\u015bci formularza.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Przejd\u017a do etapu <strong>Tre\u015b\u0107<\/strong>.<\/li>\n\n\n\n<li>W panelu po prawej stronie wybierz zak\u0142adk\u0119 <strong>Pop-up<\/strong>.<\/li>\n\n\n\n<li>&nbsp;W zak\u0142adce ustawisz:\n<ul class=\"wp-block-list\">\n<li><strong>Pozycj\u0119 formularza na ekranie<\/strong> \u2013 centralne, lewo, prawo, na g\u00f3rze, na dole.<\/li>\n\n\n\n<li><strong>Szeroko\u015b\u0107 i wysoko\u015b\u0107 okna z formularzem<\/strong> \u2013 w pikselach lub procentach, mo\u017cesz te\u017c wybra\u0107 opcje automatycznego dostosowania okna.<\/li>\n\n\n\n<li><strong>Zaokr\u0105glone rogi <\/strong>\u2013 opcja pozwala na zaokr\u0105glenie rog\u00f3w wy\u015bwietlanego okna z formularzem.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-pop-upu-1024x546.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"971\" class=\"wp-image-13185\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-pop-upu.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-pop-upu.png 1498w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-pop-upu-300x160.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-pop-upu-1024x546.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-pop-upu-768x410.png 768w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>W nast\u0119pnych sekcjach ustawisz:\n<ul class=\"wp-block-list\">\n<li><strong>Content<\/strong> \u2013 wygl\u0105d i wyr\u00f3wnanie tre\u015bci wy\u015bwietlanych w pop-upie, typ i kolor czcionki oraz kolor t\u0142a.<\/li>\n\n\n\n<li><strong>Overlay <\/strong>\u2013 kolor i stopie\u0144 krycia t\u0142a, kt\u00f3re pojawi si\u0119 pod pop-upem. Dzi\u0119ki niemu okno z formularzem jest lepiej widoczne i u\u017cytkownik \u0142atwiej skupi uwag\u0119 na formularzu.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-overlay-1024x441.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"785\" class=\"wp-image-13188\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-overlay.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-overlay.png 1538w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-overlay-300x129.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-overlay-1024x441.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-overlay-768x331.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-overlay-1536x662.png 1536w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li><strong>Close buton<\/strong> \u2013 wygl\u0105d i umiejscowienie przycisku do zamykania okna z formularzem.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-przycisk-zamyania-1024x452.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"820\" height=\"362\" class=\"wp-image-13191\" style=\"width: 820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-przycisk-zamyania.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-przycisk-zamyania.png 1544w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-przycisk-zamyania-300x132.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-przycisk-zamyania-1024x452.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-przycisk-zamyania-768x339.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-ustawienia-przycisk-zamyania-1536x677.png 1536w\" sizes=\"auto, (max-width: 820px) 100vw, 820px\" \/><\/a><\/li>\n\n\n\n<li><strong>\u0141\u0105cza<\/strong> \u2013 kolor, podkre\u015blenie i zmiana wygl\u0105du link\u00f3w po najechaniu kursorem.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tresc-formularza\">Zaprojektuj tre\u015b\u0107 formularza<\/h2>\n\n\n\n<p>W sekcji <strong>Tre\u015b\u0107<\/strong> edytora zaprojektujesz zawarto\u015b\u0107 i wygl\u0105d formularza. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>W panelu po prawej stronie kliknij sekcj\u0119 <strong>Zawarto\u015b\u0107.<\/strong><\/li>\n\n\n\n<li>Na pole robocze przeci\u0105gnij bloki <strong>Nag\u0142\u00f3wek<\/strong> i <strong>Tekst<\/strong>.<\/li>\n\n\n\n<li>Pod nimi umie\u015b\u0107 blok <strong>Formularz<\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodaj-bloki-1024x429.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"762\" class=\"wp-image-13147\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodaj-bloki.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodaj-bloki.png 1831w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodaj-bloki-300x126.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodaj-bloki-1024x429.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodaj-bloki-768x322.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodaj-bloki-1536x643.png 1536w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Dodaj nag\u0142\u00f3wek i tre\u015b\u0107 zach\u0119caj\u0105c\u0105 odbiorc\u00f3w do zapisu.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edytuj-tekst-1024x496.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"882\" class=\"wp-image-13153\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edytuj-tekst.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edytuj-tekst.png 1480w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edytuj-tekst-300x145.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edytuj-tekst-1024x496.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edytuj-tekst-768x372.png 768w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Kliknij blok <strong>Formularz<\/strong>, \u017ceby uruchomi\u0107 menu edycji w panelu po prawej stronie. <\/li>\n\n\n\n<li>W sekcji <strong>Warunki wy\u015bwietlania<\/strong> ustawisz dodatkowe zasady, wed\u0142ug jakich ma wy\u015bwietla\u0107 si\u0119 formularz. Je\u015bli opcje dost\u0119pne na etapach <strong>Zachowanie<\/strong>, <strong>Warunki i odbiorcy<\/strong> oraz <strong>Po\u0142o\u017cenie<\/strong> s\u0105 niewystarczaj\u0105ce, w tym miejscu doprecyzujesz spos\u00f3b wy\u015bwietlania i zachowanie formularza.<\/li>\n\n\n\n<li>W sekcji <strong>Cechy i zgody<\/strong> wybierz:\n<ul class=\"wp-block-list\">\n<li><strong>Cechy <\/strong>(dane) klient\u00f3w, kt\u00f3re chcesz zebra\u0107 za pomoc\u0105 formularza, np. imi\u0119, adres e-mailowy. Je\u015bli na li\u015bcie nie ma cechy, kt\u00f3ra Ci\u0119 interesuje, dodasz j\u0105 tutaj: <strong>Ustawienia <\/strong>&gt;<strong> Klienci <\/strong>&gt;<strong> Cechy klient\u00f3w<\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-pol-formularza-1024x479.png\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"852\" class=\"wp-image-13156\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-pol-formularza.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-pol-formularza.png 1500w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-pol-formularza-300x140.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-pol-formularza-1024x479.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-pol-formularza-768x359.png 768w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li><strong>Zgody<\/strong>, kt\u00f3rych klient musi udzieli\u0107 wysy\u0142aj\u0105c formularz. Zgody dost\u0119pne w formularzu dodasz tutaj: <strong>Ustawienia <\/strong>&gt;<strong> Zgody<\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodawanie-zgody-1024x514.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"914\" class=\"wp-image-13159\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodawanie-zgody.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodawanie-zgody.png 1475w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodawanie-zgody-300x151.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodawanie-zgody-1024x514.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-dodawanie-zgody-768x386.png 768w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>W tej samej sekcji ustawisz kolejno\u015b\u0107 wy\u015bwietlania oraz wygl\u0105d p\u00f3l z <strong>cechami<\/strong>,<strong> zgodami<\/strong> oraz <strong>przycisku<\/strong> przes\u0142ania formularza. <a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-formularza-1024x376.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"668\" class=\"wp-image-13162\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-formularza.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-formularza.png 1474w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-formularza-300x110.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-formularza-1024x376.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-formularza-768x282.png 768w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/>Co mo\u017cesz zrobi\u0107?\n\n<\/a><ul class=\"wp-block-list\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-formularza-1024x376.png.webp\"><\/a>\n\n<li>Nada\u0107 etykiet\u0119 wy\u015bwietlan\u0105 nad polem danej cechy, np. adres e-mail, imi\u0119.<\/li>\n\n\n<li>Doda\u0107 tekst pomocniczy, kt\u00f3ry wy\u015bwietli si\u0119 w wybranym polu.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2085\" class=\"wp-image-13178\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png 535w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1-262x300.png 262w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Zdecydowa\u0107, czy wype\u0142nienie danego pola jest obowi\u0105zkowe.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2090\" class=\"wp-image-13168\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png 525w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email-261x300.png 261w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Doda\u0107 nazw\u0119 zgody i zdecydowa\u0107, czy zgoda ma by\u0107 ukryta (wtedy zgoda zostanie udzielona wraz z wys\u0142aniem formularza, \u017cadne pole wyboru i o\u015bwiadczenie o zgodzie nie b\u0119d\u0105 widoczne w formularzu).<\/li>\n\n\n<li>Wybra\u0107, w jakim formacie ma wy\u015bwietli\u0107 si\u0119 zgoda: pola jednokrotnego wyboru czy prze\u0142\u0105cznika (switch).<br><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2183\" class=\"wp-image-13319\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png 546w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1-250x300.png 250w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Ustawi\u0107 szeroko\u015b\u0107 wy\u015bwietlanego pola.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1417\" class=\"wp-image-13174\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png 547w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk-300x234.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n<\/ul>\n\n\n<ul class=\"wp-block-list\">\n\n<li>Nada\u0107 etykiet\u0119 wy\u015bwietlan\u0105 nad polem danej cechy, np. adres e-mail, imi\u0119.<\/li>\n\n\n<li>Doda\u0107 tekst pomocniczy, kt\u00f3ry wy\u015bwietli si\u0119 w wybranym polu.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2085\" class=\"wp-image-13178\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png 535w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1-262x300.png 262w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Zdecydowa\u0107, czy wype\u0142nienie danego pola jest obowi\u0105zkowe.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2090\" class=\"wp-image-13168\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png 525w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email-261x300.png 261w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Doda\u0107 nazw\u0119 zgody i zdecydowa\u0107, czy zgoda ma by\u0107 ukryta (wtedy zgoda zostanie udzielona wraz z wys\u0142aniem formularza, \u017cadne pole wyboru i o\u015bwiadczenie o zgodzie nie b\u0119d\u0105 widoczne w formularzu).<\/li>\n\n\n<li>Wybra\u0107, w jakim formacie ma wy\u015bwietli\u0107 si\u0119 zgoda: pola jednokrotnego wyboru czy prze\u0142\u0105cznika (switch).<br><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2183\" class=\"wp-image-13319\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png 546w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1-250x300.png 250w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Ustawi\u0107 szeroko\u015b\u0107 wy\u015bwietlanego pola.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1417\" class=\"wp-image-13174\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png 547w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk-300x234.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n<\/ul>\n\n\n<ul class=\"wp-block-list\">\n\n<li>Nada\u0107 etykiet\u0119 wy\u015bwietlan\u0105 nad polem danej cechy, np. adres e-mail, imi\u0119.<\/li>\n\n\n<li>Doda\u0107 tekst pomocniczy, kt\u00f3ry wy\u015bwietli si\u0119 w wybranym polu.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2085\" class=\"wp-image-13178\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1.png 535w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-1-262x300.png 262w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Zdecydowa\u0107, czy wype\u0142nienie danego pola jest obowi\u0105zkowe.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2090\" class=\"wp-image-13168\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email.png 525w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-email-261x300.png 261w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Doda\u0107 nazw\u0119 zgody i zdecydowa\u0107, czy zgoda ma by\u0107 ukryta (wtedy zgoda zostanie udzielona wraz z wys\u0142aniem formularza, \u017cadne pole wyboru i o\u015bwiadczenie o zgodzie nie b\u0119d\u0105 widoczne w formularzu).<\/li>\n\n\n<li>Wybra\u0107, w jakim formacie ma wy\u015bwietli\u0107 si\u0119 zgoda: pola jednokrotnego wyboru czy prze\u0142\u0105cznika (switch).<br><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2183\" class=\"wp-image-13319\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1.png 546w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-zgoda-1-250x300.png 250w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n<li>Ustawi\u0107 szeroko\u015b\u0107 wy\u015bwietlanego pola.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1417\" class=\"wp-image-13174\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk.png 547w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/edycja-pola-formularza-przycisk-300x234.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n<\/ul>\n\n<\/li>\n<\/ol>\n\n\n\n<p>W kolejnych sekcjach ustawisz wygl\u0105d ca\u0142ego formularza, poszczeg\u00f3lnych oraz czy formularz ma by\u0107 wy\u015bwietlany w widoku na komputer lub na urz\u0105dzenia mobilne. Gotowy formularz mo\u017cesz przetestowa\u0107 korzystaj\u0105c z opcji<strong> Test<\/strong> <strong>na \u017cywo.<\/strong><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/test-formularza-na-zywo.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1097\" class=\"wp-image-13195\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/test-formularza-na-zywo.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/test-formularza-na-zywo.png 1409w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/test-formularza-na-zywo-300x181.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/test-formularza-na-zywo-1024x617.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/test-formularza-na-zywo-768x463.png 768w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/p>\n\n\n\n<p>Opis pozosta\u0142ych funkcji edytora znajdziesz w artykule: <strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/jak-dziala-edytor-tresci\/\">Jak dzia\u0142a edytor tre\u015bci?<\/a><\/strong><\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"strona-z-podziekowaniem\">Zaprojektuj stron\u0119 z podzi\u0119kowaniem<\/h2>\n\n\n\n<p>W edytorze zaprojektujesz te\u017c stron\u0119 z podzi\u0119kowaniem, czyli widok, kt\u00f3ry uka\u017ce si\u0119 klientowi po przes\u0142aniu formularza.<\/p>\n\n\n\n<p>Wy\u015bwietlaj\u0105c stron\u0119 z podzi\u0119kowaniem potwierdzisz klientowi przes\u0142anie danych i podtrzymasz pozytywne do\u015bwiadczenie klienta w interakcji z Twoim sklepem i mark\u0105.<\/p>\n\n\n\n<p>Strona z podzi\u0119kowaniem u\u0142atwi Ci r\u00f3wnie\u017c \u015bledzenie konwersji i skuteczno\u015bci kampanii poprzez analiz\u0119 ruchu.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Opcje wy\u015bwietlenia strony z podzi\u0119kowaniem ustawisz w sekcji <strong>Zachowanie &gt; Po przes\u0142aniu formularza<\/strong>.<\/p>\n\n\n\n<p>Po wybraniu tej opcji przejd\u017a do sekcji <strong>Tre\u015b\u0107<\/strong>. Nad obszarem roboczym, po lewej stronie znajdziesz prze\u0142\u0105cznik.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-strony-po-wyslaniu-formularza.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-strony-po-wyslaniu-formularza-1024x580.png\" alt=\"\" class=\"wp-image-13199\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-strony-po-wyslaniu-formularza-1024x580.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-strony-po-wyslaniu-formularza-300x170.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-strony-po-wyslaniu-formularza-768x435.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-tresc-edycja-strony-po-wyslaniu-formularza.png 1313w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Ustaw go w pozycji<strong> Po przes\u0142aniu. <\/strong>Strona z podzi\u0119kowaniem jest gotowa do edycji.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-stworz-strone-z-podziekowaniem.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-stworz-strone-z-podziekowaniem-1024x483.png\" alt=\"\" class=\"wp-image-13210\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-stworz-strone-z-podziekowaniem-1024x483.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-stworz-strone-z-podziekowaniem-300x141.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-stworz-strone-z-podziekowaniem-768x362.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-stworz-strone-z-podziekowaniem-1536x724.png 1536w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-stworz-strone-z-podziekowaniem.png 1844w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Tak wygl\u0105da gotowa strona z podzi\u0119kowaniem z\u0142o\u017cona z blok\u00f3w: Nag\u0142\u00f3wek, Tekst i Obraz.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-strona-z-podziekowaniem-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-strona-z-podziekowaniem-1-1024x477.png\" alt=\"\" class=\"wp-image-13205\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-strona-z-podziekowaniem-1-1024x477.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-strona-z-podziekowaniem-1-300x140.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-strona-z-podziekowaniem-1-768x358.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-strona-z-podziekowaniem-1-1536x715.png 1536w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-up-tresc-strona-z-podziekowaniem-1.png 1842w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"mierzenie-skutecznosci-formularza\">Mierzenie skuteczno\u015bci formularza<\/h2>\n\n\n\n<p>Skuteczno\u015b\u0107 formularzy prze\u015bledzisz za pomoc\u0105 dw\u00f3ch metryk:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Wy\u015bwietlenia <\/strong>\u2013 pokazuje \u0142\u0105czn\u0105 liczb\u0119 wy\u015bwietle\u0144 formularza w ustawionym przez Ciebie czasie, na wszystkich podstronach Twojego sklepu.<\/li>\n\n\n\n<li><strong>Przes\u0142ane<\/strong> \u2013 pokazuje liczb\u0119 formularzy wype\u0142nionych i przes\u0142anych przez klient\u00f3w.<\/li>\n<\/ul>\n\n\n\n<p>Metryki znajdziesz w tabeli dost\u0119pnej w <strong>Automatyzacja <\/strong>&gt;<strong> Formularze<\/strong>.<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"template":"","ecdp-category":[104,206],"class_list":["post-12272","ecdp","type-ecdp","status-publish","hentry","ecdp-category-automatyzacja-dzialan","ecdp-category-edytor-dd"],"acf":[],"_links":{"self":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/12272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp"}],"about":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/types\/ecdp"}],"author":[{"embeddable":true,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":34,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/12272\/revisions"}],"predecessor-version":[{"id":15551,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/12272\/revisions\/15551"}],"wp:attachment":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/media?parent=12272"}],"wp:term":[{"taxonomy":"ecdp-category","embeddable":true,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp-category?post=12272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}