{"id":3532,"date":"2023-06-28T07:08:00","date_gmt":"2023-06-28T05:08:00","guid":{"rendered":"https:\/\/jdm.pl\/blog\/?p=3532"},"modified":"2023-06-26T22:12:11","modified_gmt":"2023-06-26T20:12:11","slug":"tworzenie-pop-upow-w-wordpressie","status":"publish","type":"post","link":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/","title":{"rendered":"Tworzenie pop-up\u00f3w w WordPressie"},"content":{"rendered":"\n<p>Czasami potrzebujemy poinforma\u0107 o czym\u015b naszych odbiorc\u00f3w, tak aby zobaczyli to od razu po wej\u015bciu na stron\u0119. Mo\u017cemy wtedy u\u017cy\u0107 pop-upu. Dzi\u015b poka\u017cemy, jak stworzy\u0107 taki we wtyczce Spectra. Spectra to plugin, kt\u00f3ry pozwala doda\u0107 dodatkowe bloki do WordPressowego edytora blokowego znanego pod nazw\u0105 Gutenberg. Tym razem wykorzystamy inn\u0105 funkcj\u0119 tej wtyczki.<\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-ef6ad09f      \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tW tym tek\u015bcie:\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#wyb\u00f3r-sposobu-wy\u015bwietlania-komunikatu\" class=\"uagb-toc-link__trigger\">Wyb\u00f3r sposobu wy\u015bwietlania komunikatu<\/a><li class=\"uagb-toc__list\"><a href=\"#jak-spersonalizowa\u0107-popup-w-wordpressie\" class=\"uagb-toc-link__trigger\">Jak spersonalizowa\u0107 popup w WordPressie<\/a><li class=\"uagb-toc__list\"><a href=\"#jak-uruchomi\u0107-popup\" class=\"uagb-toc-link__trigger\">Jak uruchomi\u0107 popup<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Wyb\u00f3r sposobu wy\u015bwietlania komunikatu<\/h2>\n\n\n\n<p>Po instalacji i aktywacji wtyczki Spectra przechodzimy do sekcji Popup Builder:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"308\" height=\"206\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup.png\" alt=\"\" class=\"wp-image-3534\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup.png 308w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-300x201.png 300w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/figure>\n<\/div>\n\n\n<p>Nast\u0119pnie wybieramy typ Popup &#8211; Info Bar lub klasyczny Popup. Na potrzeby artyku\u0142u przygotujemy Info Bar:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"332\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/infobar.png\" alt=\"\" class=\"wp-image-3537\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/infobar.png 474w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/infobar-300x210.png 300w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n<\/div>\n\n\n<p>Otrzymamy wz\u00f3r do pe\u0142nej personalizacji wraz z opcj\u0105 odliczania daty:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup2-1024x259.png\" alt=\"\" class=\"wp-image-3543\" width=\"840\" height=\"212\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup2-1024x259.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup2-300x76.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup2-768x195.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup2.png 1330w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Jak spersonalizowa\u0107 popup w WordPressie<\/h2>\n\n\n\n<p>Aby spersonalizowa\u0107 nasz popup wystarczy klikn\u0105\u0107 na dany element. Tre\u015bci wprowadzimy bezpo\u015brednio w Gutenbergu, natomiast wygl\u0105d ustawimy w opcjach bloku po prawej stronie ekranu. Opcji tych w przypadku Info Baru Spectra jest naprawd\u0119 bardzo du\u017co. Pocz\u0105wszy od samego uk\u0142adu okienek z odliczaniem czasu:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/presets.png\" data-lbwps-width=\"1351\" data-lbwps-height=\"439\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/presets-300x97.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"333\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/presets-1024x333.png\" alt=\"\" class=\"wp-image-3544\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/presets-1024x333.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/presets-300x97.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/presets-768x250.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/presets.png 1351w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>po wpisanie konkretnej daty oraz polskich nazw dla dni, godzin, minut i sekund.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/data-i-godzina.png\" data-lbwps-width=\"1332\" data-lbwps-height=\"355\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/data-i-godzina-300x80.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"273\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/data-i-godzina-1024x273.png\" alt=\"\" class=\"wp-image-3545\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/data-i-godzina-1024x273.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/data-i-godzina-300x80.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/data-i-godzina-768x205.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/data-i-godzina.png 1332w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/dni.png\" data-lbwps-width=\"1336\" data-lbwps-height=\"361\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/dni-300x81.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"277\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/dni-1024x277.png\" alt=\"\" class=\"wp-image-3546\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/dni-1024x277.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/dni-300x81.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/dni-768x208.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/dni.png 1336w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Podobnie post\u0119pujemy z ka\u017cdym innym elementem naszego popupu &#8211; napisem, przyciskiem czy t\u0142em. Warto klikn\u0105\u0107 w ka\u017cdy z nich, aby zobaczy\u0107, co mo\u017cna zmieni\u0107. Do dyspozycji mamy zak\u0142adki: general, style, advanced. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/personalizacja.png\" data-lbwps-width=\"1037\" data-lbwps-height=\"338\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/personalizacja-300x98.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"334\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/personalizacja-1024x334.png\" alt=\"\" class=\"wp-image-3548\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/personalizacja-1024x334.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/personalizacja-300x98.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/personalizacja-768x250.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/personalizacja.png 1037w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Oto efekt przyk\u0142adowej personalizacji:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner.png\" data-lbwps-width=\"1052\" data-lbwps-height=\"325\" data-lbwps-srcsmall=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner-300x93.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"316\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner-1024x316.png\" alt=\"\" class=\"wp-image-3549\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner-1024x316.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner-300x93.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner-768x237.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner.png 1052w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Tak Info Bar wygl\u0105da na naszym blogu:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"284\" src=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner33-1024x284.png\" alt=\"\" class=\"wp-image-3551\" srcset=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner33-1024x284.png 1024w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner33-300x83.png 300w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner33-768x213.png 768w, https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/baner33.png 1239w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Jak uruchomi\u0107 popup<\/h2>\n\n\n\n<p>Aby uruchomi\u0107 nasz popup wystarczy go opublikowa\u0107. Dop\u00f3ki zapiszemy go jako szkic, nie b\u0119dzie widoczny dla nikogo. Pami\u0119tajmy, aby zobaczy\u0107 na wygl\u0105d po opublikowaniu. Czasami zdarza si\u0119, \u017ce styl motywu nadpisze nasze ustawienia i warto si\u0119gn\u0105\u0107 do CSS, aby nanie\u015b\u0107 poprawki. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Czasami potrzebujemy poinforma\u0107 o czym\u015b naszych odbiorc\u00f3w, tak aby zobaczyli to od razu po wej\u015bciu na stron\u0119. Mo\u017cemy wtedy u\u017cy\u0107 pop-upu. Dzi\u015b poka\u017cemy, jak stworzy\u0107 taki we wtyczce Spectra. Spectra to plugin, kt\u00f3ry pozwala doda\u0107 dodatkowe bloki do WordPressowego edytora blokowego znanego pod nazw\u0105 Gutenberg. Tym razem wykorzystamy inn\u0105 funkcj\u0119 tej wtyczki. Wyb\u00f3r sposobu wy\u015bwietlania [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":3553,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29,3],"tags":[20,30,15,13],"class_list":["post-3532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gutenberg","category-wordpress","tag-gutenberg","tag-spectra","tag-wtyczki","tag-wyglad-strony"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tworzenie pop-up\u00f3w w WordPressie - Blog jdm.pl<\/title>\n<meta name=\"description\" content=\"Popup w WordPressie - jak szybko stworzy\u0107 przy u\u017cyciu wtyczki blokowej Spectra. Jak spersonalizowa\u0107 nasz popup.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tworzenie pop-up\u00f3w w WordPressie - Blog jdm.pl\" \/>\n<meta property=\"og:description\" content=\"Popup w WordPressie - jak szybko stworzy\u0107 przy u\u017cyciu wtyczki blokowej Spectra. Jak spersonalizowa\u0107 nasz popup.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog jdm.pl\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-28T05:08:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anna Starek-Wr\u00f3bel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anna Starek-Wr\u00f3bel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuty\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/\"},\"author\":{\"name\":\"Anna Starek-Wr\u00f3bel\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"headline\":\"Tworzenie pop-up\u00f3w w WordPressie\",\"datePublished\":\"2023-06-28T05:08:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/\"},\"wordCount\":276,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/popup-1.png\",\"keywords\":[\"Gutenberg\",\"Spectra\",\"wtyczki\",\"wygl\u0105d strony\"],\"articleSection\":[\"Gutenberg\",\"WordPress\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/\",\"name\":\"Tworzenie pop-up\u00f3w w WordPressie - Blog jdm.pl\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/popup-1.png\",\"datePublished\":\"2023-06-28T05:08:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\"},\"description\":\"Popup w WordPressie - jak szybko stworzy\u0107 przy u\u017cyciu wtyczki blokowej Spectra. Jak spersonalizowa\u0107 nasz popup.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/#primaryimage\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/popup-1.png\",\"contentUrl\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/popup-1.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/tworzenie-pop-upow-w-wordpressie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tworzenie pop-up\u00f3w w WordPressie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/\",\"name\":\"Blog jdm.pl\",\"description\":\"WordPress tutoriale i porady\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/#\\\/schema\\\/person\\\/26e7a9c6f5b416eabcfed62ee02685c0\",\"name\":\"Anna Starek-Wr\u00f3bel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g\",\"caption\":\"Anna Starek-Wr\u00f3bel\"},\"sameAs\":[\"https:\\\/\\\/cmo.im\"],\"url\":\"https:\\\/\\\/jdm.pl\\\/blog\\\/author\\\/anna-starek\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tworzenie pop-up\u00f3w w WordPressie - Blog jdm.pl","description":"Popup w WordPressie - jak szybko stworzy\u0107 przy u\u017cyciu wtyczki blokowej Spectra. Jak spersonalizowa\u0107 nasz popup.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/","og_locale":"pl_PL","og_type":"article","og_title":"Tworzenie pop-up\u00f3w w WordPressie - Blog jdm.pl","og_description":"Popup w WordPressie - jak szybko stworzy\u0107 przy u\u017cyciu wtyczki blokowej Spectra. Jak spersonalizowa\u0107 nasz popup.","og_url":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/","og_site_name":"Blog jdm.pl","article_published_time":"2023-06-28T05:08:00+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png","type":"image\/png"}],"author":"Anna Starek-Wr\u00f3bel","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Anna Starek-Wr\u00f3bel","Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/#article","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/"},"author":{"name":"Anna Starek-Wr\u00f3bel","@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"headline":"Tworzenie pop-up\u00f3w w WordPressie","datePublished":"2023-06-28T05:08:00+00:00","mainEntityOfPage":{"@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/"},"wordCount":276,"commentCount":0,"image":{"@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png","keywords":["Gutenberg","Spectra","wtyczki","wygl\u0105d strony"],"articleSection":["Gutenberg","WordPress"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/","url":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/","name":"Tworzenie pop-up\u00f3w w WordPressie - Blog jdm.pl","isPartOf":{"@id":"https:\/\/jdm.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/#primaryimage"},"image":{"@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/#primaryimage"},"thumbnailUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png","datePublished":"2023-06-28T05:08:00+00:00","author":{"@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0"},"description":"Popup w WordPressie - jak szybko stworzy\u0107 przy u\u017cyciu wtyczki blokowej Spectra. Jak spersonalizowa\u0107 nasz popup.","breadcrumb":{"@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/#primaryimage","url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png","contentUrl":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/jdm.pl\/blog\/tworzenie-pop-upow-w-wordpressie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/jdm.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"Tworzenie pop-up\u00f3w w WordPressie"}]},{"@type":"WebSite","@id":"https:\/\/jdm.pl\/blog\/#website","url":"https:\/\/jdm.pl\/blog\/","name":"Blog jdm.pl","description":"WordPress tutoriale i porady","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jdm.pl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Person","@id":"https:\/\/jdm.pl\/blog\/#\/schema\/person\/26e7a9c6f5b416eabcfed62ee02685c0","name":"Anna Starek-Wr\u00f3bel","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c514af5a4b2affc5fccce6e1cf2e2d03eb6489cfbf462552eee35a68ed106974?s=96&d=mm&r=g","caption":"Anna Starek-Wr\u00f3bel"},"sameAs":["https:\/\/cmo.im"],"url":"https:\/\/jdm.pl\/blog\/author\/anna-starek\/"}]}},"jetpack_featured_media_url":"https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png","uagb_featured_image_src":{"full":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png",1200,630,false],"thumbnail":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1-150x150.png",150,150,true],"medium":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1-300x158.png",300,158,true],"medium_large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1-768x403.png",640,336,true],"large":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1-1024x538.png",640,336,true],"hd_qu_size2":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1-400x400.png",400,400,true],"1536x1536":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png",1200,630,false],"2048x2048":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1.png",1200,630,false],"sidebar-thumb":["https:\/\/jdm.pl\/blog\/wp-content\/uploads\/2023\/06\/popup-1-250x124.png",250,124,true]},"uagb_author_info":{"display_name":"Anna Starek-Wr\u00f3bel","author_link":"https:\/\/jdm.pl\/blog\/author\/anna-starek\/"},"uagb_comment_info":0,"uagb_excerpt":"Czasami potrzebujemy poinforma\u0107 o czym\u015b naszych odbiorc\u00f3w, tak aby zobaczyli to od razu po wej\u015bciu na stron\u0119. Mo\u017cemy wtedy u\u017cy\u0107 pop-upu. Dzi\u015b poka\u017cemy, jak stworzy\u0107 taki we wtyczce Spectra. Spectra to plugin, kt\u00f3ry pozwala doda\u0107 dodatkowe bloki do WordPressowego edytora blokowego znanego pod nazw\u0105 Gutenberg. Tym razem wykorzystamy inn\u0105 funkcj\u0119 tej wtyczki. Wyb\u00f3r sposobu wy\u015bwietlania&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/3532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/comments?post=3532"}],"version-history":[{"count":5,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/3532\/revisions"}],"predecessor-version":[{"id":3552,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/posts\/3532\/revisions\/3552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media\/3553"}],"wp:attachment":[{"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/media?parent=3532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/categories?post=3532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jdm.pl\/blog\/wp-json\/wp\/v2\/tags?post=3532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}