{"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":"2022-11-28T13:23:19","modified_gmt":"2022-11-28T13:23:19","slug":"popup-box","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/patiotime\/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\/patiotime\/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=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-562\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup.png\" alt=\"\" width=\"2058\" height=\"1920\" srcset=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup.png 2058w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-300x280.png 300w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-1024x955.png 1024w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-768x717.png 768w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-1536x1433.png 1536w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-2048x1911.png 2048w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-1920x1791.png 1920w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-1440x1343.png 1440w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-1200x1120.png 1200w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-780x728.png 780w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-600x560.png 600w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-550x513.png 550w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-370x345.png 370w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/auto-popup-255x238.png 255w\" sizes=\"(max-width: 2058px) 100vw, 2058px\" \/><\/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-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>PatioTime 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 custom block.<\/p><p><a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/popup-btn.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-560\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/popup-btn.jpg\" alt=\"\" width=\"2278\" height=\"1920\" srcset=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/popup-btn.jpg 2278w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/popup-btn-300x253.jpg 300w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/popup-btn-1024x863.jpg 1024w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/popup-btn-768x647.jpg 768w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/popup-btn-1536x1295.jpg 1536w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/popup-btn-2048x1726.jpg 2048w\" sizes=\"(max-width: 2278px) 100vw, 2278px\" \/><\/a><\/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":[5],"class_list":["post-556","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/556\/revisions"}],"predecessor-version":[{"id":563,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/556\/revisions\/563"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/media?parent=556"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb_category?post=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}