{"id":556,"date":"2022-11-28T04:09:53","date_gmt":"2022-11-28T04:09:53","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=556"},"modified":"2023-10-30T12:50:10","modified_gmt":"2023-10-30T12:50:10","slug":"popup-box","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/popup-box\/","title":{"rendered":"Popup Box"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"556\" class=\"elementor elementor-556\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-805cebf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"805cebf\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-10476f6\" data-id=\"10476f6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8a4dc72 elementor-widget elementor-widget-text-editor\" data-id=\"8a4dc72\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The theme provides 2 types of popup box:<\/p><ul><li><strong>Automatic popup:<\/strong>\u00a0You can set whether the page will pop up immediately after opening or after a period of time (for example, after 5 seconds, after 10 seconds, etc.)<\/li><li><strong>Popup after button click<\/strong><\/li><\/ul><p>For these two popup methods, the content in the popup box comes from\u00a0<strong><span class=\"highlighted\">Custom Blocks<\/span><\/strong>. (<a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/custom-blocks\/\">What is Custom Blocks?<\/a>)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d58bd7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9d58bd7\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b804b85 elementor-widget elementor-widget-pt_title\" data-id=\"b804b85\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Enable Automatic Popup\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e938a4 elementor-widget elementor-widget-text-editor\" data-id=\"0e938a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Please open the\u00a0<strong>Customizer &gt; General &gt; Popup Box<\/strong>, then you can enable the feature and select a Custom Block to display as the popup window&#8217;s content.<\/p><p><a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/auto-popup.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-1118\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/auto-popup.jpg\" alt=\"\" width=\"2058\" height=\"1920\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/auto-popup.jpg 2058w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/auto-popup-300x280.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/auto-popup-1024x955.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/auto-popup-768x717.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/auto-popup-1536x1433.jpg 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/auto-popup-2048x1911.jpg 2048w\" sizes=\"(max-width: 2058px) 100vw, 2058px\" \/><\/a><\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8da77c5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8da77c5\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1ab13d elementor-widget elementor-widget-pt_title\" data-id=\"c1ab13d\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Enable Popup after Button Click\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7798042 elementor-widget elementor-widget-text-editor\" data-id=\"7798042\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When editing a page\/post\/site header\/custom block with Elementor, please add a\u00a0<strong>CozyStay Button<\/strong>\u00a0element to the content, and then you will find the\u00a0<span class=\"highlighted\">Popup Box<\/span> options. Please enable the feature and select a <strong>custom block<\/strong> (<a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/custom-blocks\/\" target=\"_blank\" rel=\"noopener\">What is Custom Block?<\/a>).<\/p><p><a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/popup-btn.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-1124\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/popup-btn.jpg\" alt=\"\" width=\"1916\" height=\"2123\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/popup-btn.jpg 1916w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/popup-btn-271x300.jpg 271w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/popup-btn-924x1024.jpg 924w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/popup-btn-768x851.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/popup-btn-1386x1536.jpg 1386w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/popup-btn-1848x2048.jpg 1848w\" sizes=\"(max-width: 1916px) 100vw, 1916px\" \/><\/a><\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[13],"class_list":["post-556","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/556\/revisions"}],"predecessor-version":[{"id":1531,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/556\/revisions\/1531"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=556"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}