{"id":5054,"date":"2022-09-02T13:35:29","date_gmt":"2022-09-02T12:35:29","guid":{"rendered":"https:\/\/help.expertsender.com\/cdp\/stworz-pop-up-na-swoja-strone\/"},"modified":"2025-05-28T13:34:31","modified_gmt":"2025-05-28T12:34:31","slug":"stworz-pop-up-na-swoja-strone","status":"publish","type":"ecdp","link":"https:\/\/help.expertsender.com\/pl\/ecdp\/stworz-pop-up-na-swoja-strone\/","title":{"rendered":"Stw\u00f3rz pop-up na swoj\u0105 stron\u0119"},"content":{"rendered":"\n<p>Pop-up to okno z grafik\u0105, kt\u00f3ra wy\u015bwietla si\u0119 odwiedzaj\u0105cym Twoj\u0105 stron\u0119. Z pomoc\u0105 pop-up\u00f3w mo\u017cesz informowa\u0107 klient\u00f3w o trwaj\u0105cej promocji, nowo\u015bciach lub zach\u0119ca\u0107 do zapisu na newsletter.<\/p>\n\n\n\n<p>Tutaj dowiesz si\u0119 jak stworzy\u0107 pop-up i wy\u015bwietli\u0107 go na stronie swojego sklepu w dowolnym miejscu.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pop-up-wymagania\"><strong>Wymagania &nbsp;<\/strong><\/h3>\n\n\n\n<p>Zanim zaczniesz tworzy\u0107 pop-up, upewnij si\u0119, \u017ce:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u015aledzenie stron (Web Trackin<span style=\"text-decoration: underline;\">g)<\/span> jest <span style=\"text-decoration: underline;\"><a href=\"https:\/\/ecdpkb.expertsender.net\/docs\/konfiguracja-konta-w-expertsender\/#konfiguracja-kanalu-web-tracking\" target=\"_blank\" rel=\"noopener\">poprawnie skonfigurowane<\/a><\/span>,<\/li>\n\n\n\n<li>Masz przygotowane grafiki, zdj\u0119cia, teksty i linki prowadz\u0105ce na Twoj\u0105 stron\u0119.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"jak-stworzyc-pop-up\"><strong>Jak stworzy\u0107 pop-up?<\/strong><\/h2>\n\n\n\n<p>W ExpertSender masz do dyspozycji prosty kreator, dzi\u0119ki kt\u00f3remu sprawnie stworzysz skuteczny pop-up. W menu bocznym, kliknij sekcj\u0119 <strong>Automatyzacja<\/strong>, a nast\u0119pnie przejd\u017a do podsekcji <strong>Pop-upy<\/strong>. Na g\u00f3rze po prawej stronie kliknij przycisk <strong>Stw\u00f3rz nowy pop-up<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/02\/01-stworz-pierwszy-popup-utworz.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"492\" src=\"https:\/\/help.expertsender.com\/wp-content\/uploads\/2024\/02\/01-stworz-pierwszy-popup-utworz.png\" alt=\"\" class=\"wp-image-3384\"\/><\/a><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Jeste\u015b teraz w edytorze pop-up\u00f3w. Na g\u00f3rnej listwie widzisz kroki, jakie musisz wykona\u0107, \u017ceby stworzy\u0107 pop-up. Etap, na kt\u00f3rym obecnie si\u0119 znajdujesz, podkre\u015blony jest kolorow\u0105 lini\u0105. Mo\u017cesz dowolnie przechodzi\u0107 mi\u0119dzy etapami, klikaj\u0105c je.<\/p>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pop-up-ustawienia\"><strong>Etap 1: Podstawowe ustawienia<\/strong><\/h3>\n\n\n\n<p>Uzupe\u0142nij pola. Nadaj nazw\u0119 tworzonemu pop-upowi, kt\u00f3ra pojawi si\u0119 w raporcie. Pomy\u015bl nad nazw\u0105, kt\u00f3ra u\u0142atwi ci wyszukiwanie pop-upu i odczyt oraz analiz\u0119 danych.<\/p>\n\n\n\n<p>Wybierz z rozwijanego menu <strong>adres strony<\/strong>, na kt\u00f3rej ma si\u0119 on pojawia\u0107.<\/p>\n\n\n\n<p>Wybierz <strong>dat\u0119 rozpocz\u0119cia i zako\u0144czenia wy\u015bwietlania si\u0119 pop-upu<\/strong>. Ustaw te\u017c odpowiedni\u0105 cz\u0119stotliwo\u015b\u0107 wy\u015bwietlania si\u0119 grafiki \u2013 dobierz j\u0105 do charakteru twojego sklepu i rodzaju komunikatu. Dla ofert ograniczonych czasowo mo\u017cesz np. wybra\u0107 cz\u0119stotliwo\u015b\u0107 \u2018raz na sesj\u0119\u2019 lub codziennie.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pop-up-wyzwalacze\"><strong>Etap 2: Zachowanie<\/strong><\/h3>\n\n\n\n<p>Zdecyduj, w jakiej sytuacji wy\u015bwietli si\u0119 pop-up. W polu <strong>Zdarzenie<\/strong>, wybierz jedn\u0105 lub kilka z pi\u0119ciu akcji:<\/p>\n\n\n\n<ol style=\"list-style-type:1\" class=\"wp-block-list\">\n<li><strong>Wej\u015bcie<\/strong> \u2013 pop-up wy\u015bwietli si\u0119, gdy u\u017cytkownik wejdzie na stron\u0119.<\/li>\n\n\n\n<li><strong>Pr\u00f3ba wyj\u015bcia<\/strong> &#8211; pop-up wy\u015bwietli si\u0119, gdy u\u017cytkownik wyjedzie kursorem poza okno strony sklepu.<\/li>\n\n\n\n<li><strong>Przewijanie<\/strong> \u2013 pop-up poka\u017ce si\u0119, gdy u\u017cytkownik zacznie przewija\u0107 stron\u0119. Ustaw pr\u00f3g (g\u0142\u0119boko\u015b\u0107 przewijania strony wyra\u017cona w procentach), kt\u00f3rego mini\u0119cie wywo\u0142a pop-up.<\/li>\n\n\n\n<li><strong>Dodanie do koszyka<\/strong> &#8211; pop-up wy\u015bwietli si\u0119, gdy u\u017cytkownik doda rzecz do koszyka.<\/li>\n\n\n\n<li><strong>Usuni\u0119cie z koszyka<\/strong> &#8211; pop-up wy\u015bwietli si\u0119 po usuni\u0119ciu dowolnego produktu z koszyka.<\/li>\n<\/ol>\n\n\n\n<p>W polu <strong>Warunki<\/strong> ustawisz dodatkowe wymogi, kt\u00f3re doprecyzuj\u0105 moment wy\u015bwietlania pop-upu. Mo\u017ce to by\u0107 konkretny typ stron, strony zawieraj\u0105cy okre\u015blony zwrot lub s\u0142owo kluczowe, konkretny czas, jaki u\u017cytkownik sp\u0119dzi\u0142 na stronie czy te\u017c liczba odwiedzonych stron.<\/p>\n\n\n\n<p>W polu <strong>Odbiorcy<\/strong> zaw\u0119zisz grup\u0119 docelow\u0105, kt\u00f3rej wy\u015bwietli si\u0119 pop-up, np. nowi lub powracaj\u0105cy klienci, kupuj\u0105cy lub przegl\u0105daj\u0105cy stron\u0119, klienci przychodz\u0105cy z konkretnego \u017ar\u00f3d\u0142a \u2013 tutaj wpisz, sk\u0105d przychodz\u0105 u\u017cytkownicy, mo\u017cesz te\u017c poda\u0107 znacznik <strong>UTM <\/strong>konkretnej kampanii marketingowej.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"tresc-pop-upa\"><strong>Etap 3: Tre\u015b\u0107<\/strong><\/h3>\n\n\n\n<p>Jeste\u015b w edytorze graficznym, tu opracujesz wygl\u0105d i tre\u015b\u0107 pop-upu. Pop-up sk\u0142adasz z blok\u00f3w \u2013 zdj\u0119\u0107, tekst\u00f3w i modu\u0142\u00f3w. Dodajesz je na zasadzie \u2018przeci\u0105gnij i upu\u015b\u0107\u2019. Dok\u0142adny opis wszystkich funkcji edytora znajdziesz na stronie<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-neve-link-color-color\"> <strong><a href=\"https:\/\/help.expertsender.com\/pl\/ecdp\/jak-dziala-edytor-tresci\/\">Jak dzia\u0142a edytor drag&amp;drop?<\/a><\/strong><\/mark><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Zacznij od stworzenia <strong>tre\u015bci pop-upu<\/strong>:<\/p>\n\n\n\n<ol style=\"list-style-type:1\" class=\"wp-block-list\">\n<li>W panelu po prawej kliknij sekcj\u0119 <strong>Bloki<\/strong>.<\/li>\n\n\n\n<li>Przeci\u0105gnij blok z wybran\u0105 liczb\u0105 kolumn na szare pole robocze widoczne po\u015brodku. Gdy klikniesz blok, w panelu pojawi si\u0119 wi\u0119cej wariant\u00f3w do wyboru. Mo\u017cesz te\u017c zwi\u0119kszy\u0107 lub zmniejszy\u0107 liczb\u0119 kolumn dodaj\u0105c je w sekcji <strong>W\u0142a\u015bciwo\u015bci kolumny, <\/strong>lub wybieraj\u0105c gotowy szablon z innym uk\u0142adem kolumn.<\/li>\n\n\n\n<li>Uk\u0142adaj bloki z kolumnami w dowolnej kolejno\u015bci, jeden pod drugim, \u017ceby stworzy\u0107 struktur\u0119 wiadomo\u015bci.<\/li>\n\n\n\n<li>W panelu kliknij zak\u0142adk\u0119 <strong>Zawarto\u015b\u0107<\/strong>. Przeci\u0105gnij blok z wybranym rodzajem tre\u015bci na pole robocze w dowolne miejsce w wybranym bloku. Chcesz doda\u0107 grafik\u0119? Przeci\u0105gnij blok <strong>Obraz <\/strong>i upu\u015b\u0107 w kontenerze. Kliknij blok. W panelu po lewej pojawi si\u0119 okno do wczytania grafiki z dysku, biblioteki lub dodania linku. Mo\u017cesz tez skorzysta\u0107 z generatora AI i stworzy\u0107 unikaln\u0105 grafik\u0119.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Teraz przejd\u017a do ustawie\u0144 <strong>wygl\u0105du pop-upu i jego po\u0142o\u017cenia na stronie<\/strong>:<\/p>\n\n\n\n<ol style=\"list-style-type:1\" class=\"wp-block-list\">\n<li>W panelu edytora kliknij zak\u0142adk\u0119 <strong>Pop-up<\/strong>.<\/li>\n\n\n\n<li>W sekcji <strong>Popup<\/strong> wybierz po\u0142o\u017cenie wyskakuj\u0105cego okienka na stronie, jego szeroko\u015b\u0107 i wysoko\u015b\u0107.<\/li>\n\n\n\n<li>W sekcji <strong>Content<\/strong> ustaw wyr\u00f3wnanie tre\u015bci w pop-upie wzgl\u0119dem jego kraw\u0119dzi, typ i kolor czcionki oraz kolor t\u0142a.<\/li>\n\n\n\n<li>W sekcji <strong>Overlay <\/strong>wybierzesz kolor 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.<\/li>\n\n\n\n<li>W sekcji <strong>Close buton<\/strong> zdecydujesz o wygl\u0105dzie i umiejscowieniu przycisku zamykania okna z formularzem,<\/li>\n\n\n\n<li>W sekcji <strong>\u0141\u0105cza <\/strong>ustaw kolor i podkre\u015blenie link\u00f3w u\u017cytych w tre\u015bci pop-upu.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pop-up-podsumowanie\"><strong>Etap 4: Podsumowanie<\/strong><\/h3>\n\n\n\n<p>To ostatni etap tworzenia pop-up\u00f3w. Tutaj sprawdzisz, jak wy\u015bwietla si\u0119 Tw\u00f3j pop-up na ekranie komputera i na urz\u0105dzeniu mobilnym. Kliknij ikony <strong>Desktop<\/strong> i <strong>Mobile<\/strong>, aby prze\u0142\u0105cza\u0107 mi\u0119dzy widokami.<\/p>\n\n\n\n<p>Po lewej stronie znajdziesz list\u0119 kontrol\u0105 z elementami niezb\u0119dnymi do publikacji pop-upu na twojej stronie<ins>:<\/ins><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Na zielono <\/strong>pod\u015bwietlamy elementy wprowadzone prawid\u0142owo.<\/li>\n\n\n\n<li><strong>Na czerwono<\/strong> \u2013 elementy wymagaj\u0105ce poprawy. Poprawisz&nbsp;je, klikaj\u0105c w ikon\u0119 o\u0142\u00f3wka.<\/li>\n\n\n\n<li><strong>Pomara\u0144czowe <\/strong>oznaczenie dodajemy przy elementach, kt\u00f3re mog\u0105 dzia\u0142a\u0107 lepiej, ale poprawki nie s\u0105 konieczne do wy\u015bwietlenia pop-upu.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Po uzupe\u0142nieniu danych z listy kontrolnej opublikuj pop-up, klikaj\u0105c przycisk <strong>Aktywuj<\/strong>, znajduj\u0105cy si\u0119 w prawym g\u00f3rnym rogu ekranu. <\/p>\n\n\n\n<p><strong>Pop-up gotowy \u2013 dobra robota \ud83d\ude42<br><\/strong><\/p>\n\n\n\n<p><\/p>\n","protected":false},"author":6,"featured_media":4659,"parent":0,"menu_order":0,"template":"","ecdp-category":[106],"class_list":["post-5054","ecdp","type-ecdp","status-publish","has-post-thumbnail","hentry","ecdp-category-pierwsze-kroki"],"acf":[],"_links":{"self":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/5054","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":10,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/5054\/revisions"}],"predecessor-version":[{"id":13949,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp\/5054\/revisions\/13949"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/media\/4659"}],"wp:attachment":[{"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/media?parent=5054"}],"wp:term":[{"taxonomy":"ecdp-category","embeddable":true,"href":"https:\/\/help.expertsender.com\/pl\/wp-json\/wp\/v2\/ecdp-category?post=5054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}