{"id":812,"date":"2025-01-06T10:11:53","date_gmt":"2025-01-06T10:11:53","guid":{"rendered":"https:\/\/nt.jaygregorio.com\/support\/?post_type=ht_kb&#038;p=812"},"modified":"2025-01-06T10:32:45","modified_gmt":"2025-01-06T10:32:45","slug":"how-to-add-and-configure-a-pop-up","status":"publish","type":"ht_kb","link":"https:\/\/nt.jaygregorio.com\/support\/knowledge-base\/how-to-add-and-configure-a-pop-up\/","title":{"rendered":"How to Add and Configure a Pop-up"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Popups are attention-grabbing windows that appear over a webpage at certain moments or in response to specific actions and conditions. In <strong>Negosyo Toolkit<\/strong>, they serve as call-to-action tools to capture user focus after they perform a particular task or trigger.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>STEP 1:<\/strong> To begin, go to\u00a0<em><strong>Templates<\/strong> > <strong>Popups<\/strong><\/em> > <strong>Add New Template<\/strong> > <strong>Name Your Template<\/strong> > <strong>Create Template<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/ef996745-d1d0-4902-8581-e84ad09e2a41-min-1024x455.webp\" alt=\"\" class=\"wp-image-813\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/ef996745-d1d0-4902-8581-e84ad09e2a41-min-1024x455.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/ef996745-d1d0-4902-8581-e84ad09e2a41-min-300x133.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/ef996745-d1d0-4902-8581-e84ad09e2a41-min-768x341.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/ef996745-d1d0-4902-8581-e84ad09e2a41-min-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/ef996745-d1d0-4902-8581-e84ad09e2a41-min.webp 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>STEP 2<\/strong>: Choose the source for your popup in <strong>Negosyo Toolkit<\/strong>. You can select <strong>Popups<\/strong>, <strong>My Templates<\/strong>, or upload a pre-made popup template by clicking the upload icon (arrow up). For this example, we&#8217;ll use <strong>Popups<\/strong> to make the process simpler. Then Click the desired popup template.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cb8e5597-d24e-4447-9649-13b882f1a2f8-min-1024x455.webp\" alt=\"\" class=\"wp-image-814\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cb8e5597-d24e-4447-9649-13b882f1a2f8-min-1024x455.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cb8e5597-d24e-4447-9649-13b882f1a2f8-min-300x133.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cb8e5597-d24e-4447-9649-13b882f1a2f8-min-768x341.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cb8e5597-d24e-4447-9649-13b882f1a2f8-min-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cb8e5597-d24e-4447-9649-13b882f1a2f8-min.webp 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>STEP 3:<\/strong> Ensure you customize all elements, including the image, offer, headline, subheadline, and call-to-action button, to fit your needs.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cf0b9ce9-2df0-42b3-8e0b-5072f09e192d-min-1024x455.webp\" alt=\"\" class=\"wp-image-816\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cf0b9ce9-2df0-42b3-8e0b-5072f09e192d-min-1024x455.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cf0b9ce9-2df0-42b3-8e0b-5072f09e192d-min-300x133.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cf0b9ce9-2df0-42b3-8e0b-5072f09e192d-min-768x341.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cf0b9ce9-2df0-42b3-8e0b-5072f09e192d-min-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/cf0b9ce9-2df0-42b3-8e0b-5072f09e192d-min.webp 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>STEP 4:<\/strong> <strong>Configure the Popup Settings<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To proceed, set up the following options: <strong>Conditions<\/strong>, <strong>Triggers<\/strong>, and <strong>Advanced Rules<\/strong>.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><strong>Conditions<\/strong><\/strong> &#8211; Decide when and where the popup will appear. For this example, we used these options: <strong>Singular, Steps, and Opt-in (the name of our funnel step.<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/38ceee54-3231-4505-931c-9cd4d80a50c2-min-1024x455.webp\" alt=\"\" class=\"wp-image-818\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/38ceee54-3231-4505-931c-9cd4d80a50c2-min-1024x455.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/38ceee54-3231-4505-931c-9cd4d80a50c2-min-300x133.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/38ceee54-3231-4505-931c-9cd4d80a50c2-min-768x341.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/38ceee54-3231-4505-931c-9cd4d80a50c2-min-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/38ceee54-3231-4505-931c-9cd4d80a50c2-min.webp 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. <strong>Triggers<\/strong> &#8211; Choose what activates your popup. In this example, we selected <strong>After Inactivity<\/strong> and set it to appear after <strong>5 seconds<\/strong> of no user activity.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/be6e8891-004c-43fe-88f4-61bcb022646a-min-1024x455.webp\" alt=\"\" class=\"wp-image-819\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/be6e8891-004c-43fe-88f4-61bcb022646a-min-1024x455.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/be6e8891-004c-43fe-88f4-61bcb022646a-min-300x133.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/be6e8891-004c-43fe-88f4-61bcb022646a-min-768x341.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/be6e8891-004c-43fe-88f4-61bcb022646a-min-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/be6e8891-004c-43fe-88f4-61bcb022646a-min.webp 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. <strong>Advance Rules<\/strong> &#8211; Lastly, you can add Advanced Rules (Optional). For this example, we don&#8217;t need this feature. Click Save And Close.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/b5b8a8ef-3ed0-43b6-bffb-da8a7c7bf544-min-1024x455.webp\" alt=\"\" class=\"wp-image-820\" srcset=\"https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/b5b8a8ef-3ed0-43b6-bffb-da8a7c7bf544-min-1024x455.webp 1024w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/b5b8a8ef-3ed0-43b6-bffb-da8a7c7bf544-min-300x133.webp 300w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/b5b8a8ef-3ed0-43b6-bffb-da8a7c7bf544-min-768x341.webp 768w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/b5b8a8ef-3ed0-43b6-bffb-da8a7c7bf544-min-50x22.webp 50w, https:\/\/nt.jaygregorio.com\/support\/wp-content\/uploads\/2025\/01\/b5b8a8ef-3ed0-43b6-bffb-da8a7c7bf544-min.webp 1366w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019re all set! Your popup for the funnel is now ready. Don\u2019t forget to test it to ensure everything is working perfectly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Popups are attention-grabbing windows that appear over a webpage at certain moments or in response to specific actions and conditions. In Negosyo Toolkit, they serve as call-to-action tools to capture user focus after they perform a particular task or trigger. STEP 1: To begin, go to\u00a0Templates > Popups > Add New Template > Name Your&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"ht-kb-category":[138],"ht-kb-tag":[],"class_list":["post-812","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-templates"],"_links":{"self":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/comments?post=812"}],"version-history":[{"count":5,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/812\/revisions"}],"predecessor-version":[{"id":826,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb\/812\/revisions\/826"}],"wp:attachment":[{"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/media?parent=812"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-category?post=812"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/nt.jaygregorio.com\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}