{"id":4855,"date":"2021-07-22T23:51:37","date_gmt":"2021-07-22T20:51:37","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=video_tutorials&#038;p=4855"},"modified":"2025-03-11T14:59:06","modified_gmt":"2025-03-11T12:59:06","slug":"the-new-pop-up-content-block","status":"publish","type":"video_tutorials","link":"https:\/\/creativethemes.com\/blocksy\/video-tutorials\/blocksy-premium\/the-new-pop-up-content-block\/","title":{"rendered":"The New Pop-Up Content Block"},"content":{"rendered":"\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"The New Pop-Up Content Block | Blocksy Premium\" width=\"1290\" height=\"968\" src=\"https:\/\/www.youtube.com\/embed\/z066RsPReFk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Even the most powerful message is useless without a way to communicate it. Sometimes, the best way to deliver your message is to have it materialise out of thin air &#8211; and that\u2019s the magic of Blocksy\u2019s new Pop-up Content Block.<\/p>\n\n\n\n<p>Like all content blocks, this one too is forged in the hot fires of the Blocksy Dashboard. You can follow any recipe for creating the content inside your Gutenberg editor and the customisation options are readily available in the right sidebar. These include the position of the pop-up, its size and entrance animation. We\u2019re already on our way to creating something eye-catching but first we need to make sure it pops\u2026 up.<\/p>\n\n\n\n<p>That\u2019s where the Trigger Conditions option comes in handy &#8211; you can set off the pop up when the user scrolls (you can even set the number of pixels they have to scroll, down or up) or have it displayed when the page is loaded. It can also be triggered when the user is inactive or after a set period of time. If user retention\u2019s what you\u2019re after,&nbsp; you can even give them a chance to change their mind with the <em>On page exit intent<\/em> condition.<\/p>\n\n\n\n<p>Because no net should be cast aimlessly, we have our ol\u2019 reliable Display Conditions module, useful in selecting which pages you want to contain the pop-up or which users you want to show it to.<\/p>\n\n\n\n<p>The Design tab will let you refine the way your pop-up looks and integrates with your page.<\/p>\n\n\n\n<p>Two nice practical tips in place of an outro: you can trigger the pop-up content block with the help of buttons in your header, or even from your pages\u2019 actual content. Pretty cool, if you asked us.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Even the most powerful message is useless without a way to communicate it. Sometimes, the best way to deliver your message is to have it materialise out of thin air &#8211; and that\u2019s the magic of Blocksy\u2019s new Pop-up Content Block. Like all content blocks, this one too is forged in the hot fires of [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":4857,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"video_categories":[76],"class_list":["post-4855","video_tutorials","type-video_tutorials","status-publish","has-post-thumbnail","hentry","video_categories-blocksy-premium"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/4855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/video_tutorials"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=4855"}],"version-history":[{"count":3,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/4855\/revisions"}],"predecessor-version":[{"id":12896,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_tutorials\/4855\/revisions\/12896"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media\/4857"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=4855"}],"wp:term":[{"taxonomy":"video_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/video_categories?post=4855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}