{"id":12288,"date":"2025-01-14T12:48:59","date_gmt":"2025-01-14T11:48:59","guid":{"rendered":"https:\/\/help.expertsender.com\/?post_type=ecdp&#038;p=12288"},"modified":"2025-09-19T15:12:15","modified_gmt":"2025-09-19T14:12:15","slug":"formularz-osadzony-na-stronie","status":"publish","type":"ecdp","link":"https:\/\/help.expertsender.com\/pl\/ecdp\/formularz-osadzony-na-stronie\/","title":{"rendered":"Formularz osadzony na stronie"},"content":{"rendered":"\n<p>Przewag\u0105 formularzy osadzonych w tre\u015bci strony jest ich elastyczno\u015b\u0107. Mo\u017cna je zaprojektowa\u0107 ca\u0142kowicie od podstaw, idealnie dopasowuj\u0105c do wizerunku Twojej marki.<\/p>\n\n\n\n<p>Umieszczone w kluczowych punktach strony, potrafi\u0105 zbiera\u0107 dane dyskretnie i efektywnie. Ich prawdziwa moc objawia si\u0119 w kontek\u015bcie: inaczej b\u0119d\u0105 wygl\u0105da\u0107 przy ofercie produktowej, inaczej przy blogu, a jeszcze inaczej na stronie us\u0142ug. Zawsze jednak pozostan\u0105 przyjazne, przejrzyste i \u2013 co najwa\u017cniejsze \u2013 przyjazne dla Twoich klient\u00f3w.<\/p>\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-pop-up\/\">formularze pop-up<\/a><\/strong>. S\u0105 wy\u015bwietlane w wyskakuj\u0105cym oknie, dzi\u0119ki czemu od razu przyci\u0105gaj\u0105 uwag\u0119. Mo\u017cesz kontrolowa\u0107, kiedy i komu maj\u0105 si\u0119 wy\u015bwietla\u0107.<\/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 zosta\u0142 poprawnie skonfigurowany.<\/a><\/strong> Ten krok wymaga instalacji kodu \u015bledz\u0105cego na stronie Twojego sklepu.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/dodawanie-cech-klientow-i-zgod\/#dodawanie-zgod-na-komunikacje\">Zgody marketingowe s\u0105 dodane w ECDP.<\/a><\/strong> Wype\u0142niaj\u0105c formularz, klient b\u0119dzie musia\u0142 wyrazi\u0107 zgod\u0119 na kontakt. Dodasz je w <strong>Ustawienia <\/strong>&gt;<strong> Zgody<\/strong> &gt; <strong>Utw\u00f3rz now\u0105 zgod\u0119<\/strong>.<\/li>\n\n\n\n<li>Masz wdro\u017cony tzw. <strong>data layer<\/strong> na stronie Twojego sklepu. Data layer 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-osadzonego-na-stronie\">Ustawienia formularza osadzonego na stronie<\/h2>\n\n\n\n<p>Kliknij <strong>Stw\u00f3rz formularz<\/strong> &gt; <strong>Osadzony na stronie.<\/strong> W kolejnych krokach edytora 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>Wpisz <strong>nazw\u0119 <\/strong>formularza. Umo\u017cliwi ona odszukanie formularza w tabeli.<\/li>\n\n\n\n<li>Wybierz <strong>stron\u0119<\/strong>, na kt\u00f3rej chcesz doda\u0107 formularz.<\/li>\n\n\n\n<li>Ustaw <strong>zakres czasowy<\/strong>, w jakim formularz ma si\u0119 wy\u015bwietla\u0107 klientom Twojej strony.<\/li>\n\n\n\n<li>Wybierz wska\u017aniki, kt\u00f3re chcesz <strong>\u015bledzi\u0107 <\/strong>dla tego formularza \u2013 UTM obs\u0142ugiwane przez Google Analytics lub w\u0142asne niestandardowe parametry.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-ustawienia-1.png.webp\"><br><img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2129\" class=\"wp-image-14738\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-ustawienia-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-ustawienia-1.png 718w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-ustawienia-1-256x300.png 256w\" 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=\"zachowanie-warunki-wyswietlania-i-odbiorcy\">Zachowanie formularza, warunki wy\u015bwietlania i typ odbiorc\u00f3w<\/h3>\n\n\n\n<p>Tutaj zadecydujesz, w jakiej sytuacji wy\u015bwietli si\u0119 formularz. W polu <strong>Zdarzenie<\/strong> wybierz jedn\u0105 z akcji:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Wej\u015bcie<\/strong> \u2013 formularz wy\u015bwietli si\u0119, przy wej\u015bciu u\u017cytkownika na stron\u0119.<\/li>\n\n\n\n<li><strong>Zdarzenie niestandardowe <\/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 <strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/formularz-osadzony-na-stronie\/#zdarzenie-niestandardowe-konfiguracja\">Jak skonfigurowa\u0107 zdarzenie niestandardowe<\/a><\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-zachowanie-zdarzenia.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1454\" class=\"wp-image-14741\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-zachowanie-zdarzenia.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-zachowanie-zdarzenia.png 656w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-zachowanie-zdarzenia-300x240.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ol>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>W sekcji <strong>Po przes\u0142aniu formularza<\/strong>:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Zdecyduj, czy chcesz <strong>wy\u015bwietli\u0107 stron\u0119 z podzi\u0119kowaniem<\/strong> klientowi, kt\u00f3ry przes\u0142a\u0142 formularz. Tak\u0105 stron\u0119 zaprojektujesz w kroku <strong>Tre\u015b\u0107<\/strong>.<\/li>\n\n\n\n<li>Wybierz opcj\u0119 <strong>Ukryj formularz<\/strong>, je\u015bli ma by\u0107 on niedost\u0119pny dla klienta, kt\u00f3ry ju\u017c raz go wype\u0142ni\u0142.<\/li>\n\n\n\n<li>Mo\u017cesz te\u017c <strong>przekierowa\u0107 klienta na inn\u0105 stron\u0119<\/strong>.<\/li>\n\n\n\n<li>Zaznacz opcj\u0119 <strong>Potwierdzenie<\/strong>, gdy bezpo\u015brednio po przes\u0142aniu formularza chcesz wys\u0142a\u0107 klientom automatyczn\u0105 wiadomo\u015b\u0107 z potwierdzeniem, \u017ce np. zapis na newsletter si\u0119 powi\u00f3d\u0142. W tym kroku zdecydujesz, czy chcesz wys\u0142a\u0107:\n<ul class=\"wp-block-list\">\n<li><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Podstawowe potwierdzenie, wybrane w <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Ustawienia <\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">&gt; <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Zgody<\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\"> &gt; <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Potwierdzenia<\/strong><span style=\"color: var(--tw-prose-body); font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\"> &gt; <\/span><strong style=\"font-size: 1rem; background-color: rgba(255,255,255,var(--tw-bg-opacity));\">Wiadomo\u015b\u0107 domy\u015blna.<\/strong><\/li>\n\n\n\n<li>Inne potwierdzenie, np. zaprojektowane specjalnie dla tego formularza.<\/li>\n<\/ul>\n<\/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-zachowanie-potwierdzenia.png\"><img loading=\"lazy\" decoding=\"async\" width=\"593\" height=\"350\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-pop-zachowanie-potwierdzenia.png\" alt=\"\" class=\"wp-image-13136\" 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: 593px) 100vw, 593px\" \/><\/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>W sekcji <strong>Warunki <\/strong>ustaw:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Typ strony<\/strong>. Na kt\u00f3rej wy\u015bwietli si\u0119 formularz: strona produktu, strona koszyka, strona potwierdzenia&nbsp;p\u0142atno\u015bci, inna.<\/li>\n\n\n\n<li><strong>Adres strony<\/strong>&nbsp;\u2013 wpisz s\u0142owa kluczowe, frazy lub elementy nazwy domeny, kt\u00f3re ma zawiera\u0107 URL strony, \u017ceby wy\u015bwietli\u0142 si\u0119 na niej formularz:\n<ul class=\"wp-block-list\">\n<li>Wybierz <strong>Warunek<\/strong> jaki ma spe\u0142nia\u0107 wprowadzona ni\u017cej warto\u015b\u0107. &nbsp;<\/li>\n\n\n\n<li>W polu <strong>Warto\u015b\u0107<\/strong>&nbsp;umie\u015b\u0107 s\u0142owo kluczowe, kt\u00f3re musi zawiera\u0107 adres URL lub wpisz fragment adresu URL.<\/li>\n\n\n\n<li>W polu <strong>Warto\u015b\u0107 testowa<\/strong> wprowad\u017a adres strony lub podstrony, na kt\u00f3rej chcesz przetestowa\u0107 formularz. Nast\u0119pnie kliknij&nbsp;Test&nbsp;i sprawd\u017a, czy banner wy\u015bwietla si\u0119 na stronie.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Czas trwania sesji<\/strong>&nbsp;\u2013 wybierz minimalny, maksymalny czas lub ustaw przedzia\u0142 czasowy, w kt\u00f3rym ma wy\u015bwietla\u0107 si\u0119 formularz.<\/li>\n\n\n\n<li><strong>Liczba odwiedzonych stron<\/strong>&nbsp;\u2013 ustaw liczb\u0119 stron, po kt\u00f3rych ma si\u0119 wy\u015bwietli\u0107 formularz. Wska\u017c r\u00f3wnie\u017c typ strony, jakie musia\u0142 odwiedzi\u0107 u\u017cytkownik, aby formularz zosta\u0142 wy\u015bwietlony.<\/li>\n\n\n\n<li>Zaznacz opcj\u0119<strong> Nie pokazuj formularza, je\u015bli zosta\u0142 ju\u017c przes\u0142any <\/strong>gdy chcesz uniemo\u017cliwi\u0107 wy\u015bwietlenie formularza u\u017cytkownikom, kt\u00f3rzy ju\u017c go wype\u0142nili i przes\u0142ali.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-zachowanie-warunki.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1600\" class=\"wp-image-13284\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-zachowanie-warunki.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-zachowanie-warunki.png 588w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-zachowanie-warunki-300x264.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<p>W sekcji <strong>Odbiorcy<\/strong>, wybierz komu wy\u015bwietlisz formularz:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Nowy \/ powracaj\u0105cy<\/strong><\/li>\n\n\n\n<li><strong>Klient \/ nie-klient<\/strong>&nbsp;\u2013 czy formularz ma si\u0119 wy\u015bwietli\u0107 aktualnym klientom Twojego sklepu, czy wy\u0142\u0105cznie osobom, kt\u00f3re nie s\u0105 jeszcze Twoimi klientami.<\/li>\n\n\n\n<li><strong>Zgody<\/strong> \u2013 zdecyduj, ile i jakich zg\u00f3d musz\u0105 udzieli\u0107 odbiorcy, \u017ceby mo\u017cna by\u0142o im wy\u015bwietli\u0107 formularz. Mo\u017cesz wybra\u0107 jedn\u0105 lub wiele zg\u00f3d:\n<ul class=\"wp-block-list\">\n<li>Wy\u015bwietl odwiedzaj\u0105cym, kt\u00f3rzy udzielili wszystkich zg\u00f3d \u2013 formularz zobacz\u0105 odwiedzaj\u0105cy, kt\u00f3rzy udzielili wszystkie wybrane przez Ciebie zgody.<\/li>\n\n\n\n<li>Wy\u015bwietl odwiedzaj\u0105cym, kt\u00f3rzy nie udzielili zg\u00f3d \u2013 formularz zobacz\u0105 odwiedzaj\u0105cy, kt\u00f3rzy nie udzielili \u017cadnej z wybranych przez Ciebie zg\u00f3d.<\/li>\n\n\n\n<li>Wy\u015bwietl odwiedzaj\u0105cym, kt\u00f3rzy udzielili dowolnych zg\u00f3d \u2013 formularz zobacz\u0105 odwiedzaj\u0105cy, kt\u00f3rzy udzielili jednej w wybranych przez Ciebie zg\u00f3d.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>\u0179r\u00f3d\u0142o sesji<\/strong>&nbsp;\u2013 okre\u015bl, sk\u0105d maj\u0105 przyj\u015b\u0107 klienci, kt\u00f3rym wy\u015bwietli si\u0119 formularz, np. media spo\u0142eczno\u015bciowe, bezpo\u015brednie wej\u015bcie na stron\u0119.<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>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>\u2013 wymagany \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 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<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\" class=\"wp-block-heading\" id=\"polozenie-formularza-na-stronie\">Po\u0142o\u017cenie formularza na stronie<a href=\"#polozenie-formularza-na-stronie\" class=\"not-prose content-heading-link\">#<\/a><\/h3>\n\n\n\n<p>Wybierz miejsce w Twoim e-sklepie, w kt\u00f3rym wy\u015bwietli si\u0119 formularz. Pomog\u0105 Ci w tym selektory CSS \u2013 kr\u00f3tkie wyja\u015bnienie czym one s\u0105 znajdziesz w sekcji <strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/formularz-osadzony-na-stronie\/#czym-jest-selektor-CSS\">Czym jest selektor CSS?<\/a><\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie.png\"><img loading=\"lazy\" decoding=\"async\" width=\"987\" height=\"760\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie.png\" alt=\"\" class=\"wp-image-13046\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie.png 987w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-300x231.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-768x591.png 768w\" sizes=\"auto, (max-width: 987px) 100vw, 987px\" \/><\/a><\/figure>\n\n\n\n<p>W sekcji <strong>Selektor CSS<\/strong> wprowad\u017a nazw\u0119, ID lub klas\u0119 selektora, kt\u00f3ry b\u0119dzie punktem orientacyjnym dla bannera rekomendacji. Wed\u0142ug tego selektora umiejscowimy banner na stronie Twojego sklepu. Jak znajdziesz selektor CSS na dowolnej stronie?<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>W osobnej karcie otw\u00f3rz stron\u0119, na kt\u00f3rej chcesz umie\u015bci\u0107 formularz.<\/li>\n\n\n\n<li>Najed\u017a kursorem na element na stronie, wzgl\u0119dem kt\u00f3rego chcesz umie\u015bci\u0107 formularz (nad, pod lub wewn\u0105trz elementu).<\/li>\n\n\n\n<li>Kliknij prawym przyciskiem myszy na element i z podr\u0119cznego menu wybierz <strong>Zbadaj<\/strong> lub <strong>Inspect<\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-zbadaj-1-1024x447.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"795\" class=\"wp-image-13024\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-zbadaj-1.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-zbadaj-1.png 1561w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-zbadaj-1-300x131.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-zbadaj-1-1024x447.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-zbadaj-1-768x336.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-zbadaj-1-1536x671.png 1536w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Po prawej stronie przegl\u0105darki otworzy si\u0119 okno z kodem strony.<\/li>\n\n\n\n<li>Zobaczysz pod\u015bwietlony na niebiesko wybrany przez Ciebie element strony.<\/li>\n\n\n\n<li>Najed\u017a na niego kursorem, kliknij prawy przycisk myszy i wybierz z menu pozycje <strong>Kopiuj <\/strong>&gt; <strong>Kopuj selektor<\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-kopiuj-selektor-1024x380.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"675\" class=\"wp-image-13027\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-kopiuj-selektor.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-kopiuj-selektor.png 1594w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-kopiuj-selektor-300x111.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-kopiuj-selektor-1024x380.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-kopiuj-selektor-768x285.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-kopiuj-selektor-1536x569.png 1536w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Przejd\u017a do edytora formularzy i w sekcji Selektor CSS wklej skopiowany tekst.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-wklej-selektor-css.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"448\" class=\"wp-image-13033\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-wklej-selektor-css.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-wklej-selektor-css.png 658w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-wklej-selektor-css-300x74.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Zwr\u00f3\u0107 uwag\u0119 czy selektor id jest poprzedzony haszem a selektor klasy \u2013 kropk\u0105.<\/li>\n<\/ol>\n\n\n\n<p>W sekcji <strong>Pozycja formularza wzgl\u0119dem selektora<\/strong> wybierz jego umiejscowienie na Twojej stronie wzgl\u0119dem wybranego wcze\u015bniej selektora:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pierwsza pozycja wewn\u0105trz<\/strong> \u2013 formularz wy\u015bwietli si\u0119 jako pierwszy element w grupie innych element\u00f3w. Mo\u017ce to by\u0107 sta\u0142y modu\u0142 widoczny na stronie sklepu, zawieraj\u0105cy np. tekst, zdj\u0119cia i przyciski. Formularz wy\u015bwietli si\u0119 wewn\u0105trz takiego modu\u0142u, przed znajduj\u0105cymi si\u0119 w nim elementami.<\/li>\n\n\n\n<li><strong>Ostatnia pozycja wewn\u0105trz<\/strong> \u2013 formularz wy\u015bwietli si\u0119 jako ostatni element wewn\u0105trz grupy innych element\u00f3w.<\/li>\n\n\n\n<li><strong>Przed elementem<\/strong> \u2013 formularz wy\u015bwietli si\u0119 przed pojedynczym elementem, np. blokiem tekstu lub zdj\u0119ciem produktu.<\/li>\n\n\n\n<li><strong>Po elemencie<\/strong> \u2013 formularz wy\u015bwietli si\u0119 zaraz pod pojedynczym elementem, np. blokiem tekstu lub zdj\u0119ciem produktu.<\/li>\n\n\n\n<li><strong>Zast\u0105p element <\/strong>\u2013 tre\u015b\u0107 z podanego selektora zostanie zast\u0105piona bannerem stworzonym w ECDP.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/banner-pozycja-wzgledem-selektora.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1000\" class=\"wp-image-13051\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/banner-pozycja-wzgledem-selektora.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/banner-pozycja-wzgledem-selektora.png 648w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/banner-pozycja-wzgledem-selektora-300x165.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n<\/ul>\n\n\n\n<p><strong>Test na \u017cywo<\/strong> \u2013 wstaw adres podstrony, na kt\u00f3rych chcesz wy\u015bwietli\u0107 formularz i kliknij <strong>Test<\/strong>. Sprawd\u017a, czy zaprojektowany przez Ciebie formularz wy\u015bwietla si\u0119 poprawnie. Pami\u0119taj, \u017ce podgl\u0105d zadzia\u0142a wy\u0142\u0105cznie na stronach, na kt\u00f3rych umieszczony jest nasz skrypt \u015bledz\u0105cy.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-przetestuj-banner.png\"><img loading=\"lazy\" decoding=\"async\" width=\"647\" height=\"162\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-przetestuj-banner.png\" alt=\"\" class=\"wp-image-13030\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-przetestuj-banner.png 647w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/bannery-polozenie-przetestuj-banner-300x75.png 300w\" sizes=\"auto, (max-width: 647px) 100vw, 647px\" \/><\/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<h4 class=\"wp-block-heading\" id=\"czym-jest-selektor-CSS\"><strong>Czym jest selektor CSS?<\/strong><\/h4>\n\n\n\n<p>Selektor CSS wskazuje konkretny element na stronie WWW, np. tekst lub zdj\u0119cie, ale te\u017c ca\u0142e modu\u0142y z\u0142o\u017cone z wielu element\u00f3w, np. pasek menu, stopka strony, modu\u0142 z artyku\u0142ami blogowymi itp.<\/p>\n\n\n\n<p>Dzi\u0119ki selektorowi odnajdziesz w kodzie strony element, kt\u00f3ry Ci\u0119 interesuje i nadasz mu unikalny styl, np. zmienisz kolor lub wielko\u015b\u0107.<\/p>\n\n\n\n<p>W formularzach selektor CSS u\u017cywany jest jako punkt orientacyjny. Wskazuje, wzgl\u0119dem kt\u00f3rego elementu na stronie mo\u017cesz ulokowa\u0107 formularz np. wzgl\u0119dem paska menu lub zdj\u0119cia danego produktu.<\/p>\n\n\n\n<p>W formularzach u\u017cywane s\u0105 nast\u0119puj\u0105ce selektory:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>nazwa \u2013 np. \u2018p\u2019 to element o nazwie \u2018akapit\u2019, \u2018h\u2019 to \u2018nag\u0142\u00f3wek\u2019: h1<\/li>\n\n\n\n<li>id \u2013 identyfikator elementu, np. footer; selektor ten jest zawsze poprzedzony haszem: #footer &#8211;<\/li>\n\n\n\n<li>klasa \u2013 zawsze poprzedzona znakiem kropki: .yellow<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"tre\u015b\u0107\">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&nbsp;<strong>Zawarto\u015b\u0107.<\/strong><\/li>\n\n\n\n<li>Na pole robocze przeci\u0105gnij bloki&nbsp;<strong>Nag\u0142\u00f3wek<\/strong>&nbsp;i&nbsp;<strong>Tekst<\/strong>.<\/li>\n\n\n\n<li>Obok umie\u015b\u0107 blok&nbsp;<strong>Formularz<\/strong>.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-bloki-1024x261.png\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"465\" class=\"wp-image-13223\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-bloki.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-bloki.png 1849w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-bloki-300x77.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-bloki-1024x261.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-bloki-768x196.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-bloki-1536x392.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-osadzony-tresc-dodaj-tekst-1024x306.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"544\" class=\"wp-image-13226\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-tekst.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-tekst.png 1842w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-tekst-300x90.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-tekst-1024x306.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-tekst-768x230.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-tekst-1536x459.png 1536w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Kliknij blok&nbsp;<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. Wymaga to jednak szerszej znajomo\u015bci<\/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-osadzony-tresc-dodaj-pola-formularza-1024x389.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"692\" class=\"wp-image-13229\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-pola-formularza.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-pola-formularza.png 1508w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-pola-formularza-300x114.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-pola-formularza-1024x389.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-pola-formularza-768x292.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-osadzony-tresc-dodaj-zgody-1024x338.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"600\" class=\"wp-image-13233\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-zgody.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-zgody.png 1483w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-zgody-300x99.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-zgody-1024x338.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-dodaj-zgody-768x253.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 cechami, zgodami oraz przycisku przes\u0142ania formularza. <img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"569\" class=\"wp-image-13237\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-kolejnosc-wyswietlania.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-kolejnosc-wyswietlania.png 1484w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-kolejnosc-wyswietlania-300x94.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-kolejnosc-wyswietlania-1024x320.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-tresc-kolejnosc-wyswietlania-768x240.png 768w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/>Co mo\u017cesz zrobi\u0107?\n<ul class=\"wp-block-list\">\n<li>Nada\u0107 etykiet\u0119 wy\u015bwietlan\u0105 nad polem danej cechy, np. adres e-mail, imi\u0119.<\/li>\n\n\n\n<li>Doda\u0107 tekst pomocniczy, kt\u00f3ry wy\u015bwietli si\u0119 w wybranym polu.<\/li>\n\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\/formularz-osadzony-edycja-pola-formularza-email.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"2090\" class=\"wp-image-13240\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-edycja-pola-formularza-email.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-edycja-pola-formularza-email.png 525w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-edycja-pola-formularza-email-261x300.png 261w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/li>\n\n\n\n<li>Wybra\u0107, w jakim formacie ma wy\u015bwietli\u0107 si\u0119 zgoda: pola jednokrotnego wyboru czy prze\u0142\u0105cznika (switch).<\/li>\n\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).<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\n<li>Ustawi\u0107 szeroko\u015b\u0107 wy\u015bwietlanego pola.<a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-edycja-przycisku.png.webp\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1820\" height=\"1385\" class=\"wp-image-13243\" style=\"width: 1820px;\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-edycja-przycisku.png\" alt=\"\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-edycja-przycisku.png 490w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-edycja-przycisku-300x228.png 300w\" sizes=\"auto, (max-width: 1820px) 100vw, 1820px\" \/><\/a><\/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<p>W kolejnych sekcjach ustawisz wygl\u0105d ca\u0142ego formularz, poszczeg\u00f3lnych oraz czy formularz ma by\u0107 wy\u015bwietlany w widoku na komputer lub na urz\u0105dzenia mobilne.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/gotowy-formularz-osadzony.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"317\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/gotowy-formularz-osadzony-1024x317.png\" alt=\"\" class=\"wp-image-13246\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/gotowy-formularz-osadzony-1024x317.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/gotowy-formularz-osadzony-300x93.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/gotowy-formularz-osadzony-768x238.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/gotowy-formularz-osadzony.png 1482w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\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:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Warunki i odbiorcy &gt; Po przes\u0142aniu formularza<\/strong> \u2013 je\u015bli tworzysz formularz osadzony na stronie<\/li>\n\n\n\n<li><strong>Zachowanie &gt; Po przes\u0142aniu formularza<\/strong> \u2013 je\u015bli projektujesz formularz w formie pop-upu<\/li>\n<\/ul>\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-osadzony-projekt-strony-z-podziekowaniem.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"284\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-1024x284.png\" alt=\"\" class=\"wp-image-13249\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-1024x284.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-300x83.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-768x213.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem.png 1368w\" 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-osadzony-projekt-strony-z-podziekowaniem-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"256\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-2-1024x256.png\" alt=\"\" class=\"wp-image-13252\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-2-1024x256.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-2-300x75.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-2-768x192.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-2-1536x384.png 1536w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-projekt-strony-z-podziekowaniem-2.png 1846w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\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-osadzony-gotowa-strona-z-podziekowaniem.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-gotowa-strona-z-podziekowaniem-1024x439.png\" alt=\"\" class=\"wp-image-13256\" srcset=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-gotowa-strona-z-podziekowaniem-1024x439.png 1024w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-gotowa-strona-z-podziekowaniem-300x128.png 300w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-gotowa-strona-z-podziekowaniem-768x329.png 768w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-gotowa-strona-z-podziekowaniem-1536x658.png 1536w, https:\/\/help.expertsender.com\/wp-content\/uploads\/2025\/01\/formularz-osadzony-gotowa-strona-z-podziekowaniem.png 1847w\" 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=\"konwersja-formularza\">Mierzenie konwersji formularza<\/h2>\n\n\n\n<p>Skuteczno\u015b\u0107 formularzy \u015bledzimy za pomoc\u0105 dw\u00f3ch metryk, dost\u0119pnych w tabeli w sekcji <strong>Automatyzacja <\/strong>&gt;<strong> Formularze<\/strong>.<\/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","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"template":"","ecdp-category":[104,206],"class_list":["post-12288","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\/12288","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":35,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/12288\/revisions"}],"predecessor-version":[{"id":15552,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/12288\/revisions\/15552"}],"wp:attachment":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/media?parent=12288"}],"wp:term":[{"taxonomy":"ecdp-category","embeddable":true,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp-category?post=12288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}