{"Status":true,"Message":"","Response":{"post":{"postuid":"zm3a9h2uod","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"239698c5-f7eb-4574-8cc8-c6568f08b3a0","title":"Configuring a Popup\u0027s Basic Settings","slug":"article/zm3a9h2uod-configuring-popups","html":"\u003Ch4\u003EName\u003C/h4\u003E\u003Cp\u003EThe name you give your popup is for internal use only.\u003C/p\u003E\u003Ch4\u003EContent\u003C/h4\u003E\u003Cp\u003EBody content should be brief. Use common formatting options from the drop down and quick menus. You can also use the return key to create line breaks in the content.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/188ce77920ab7b9d1be4c60df043daaf.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EThe body content is wrapped in a \u003Cp\u003E tag with \u003Cbr\u003E to handle line breaks. CSS settings for\u00A0\u003Ccode\u003E#ds_pop .content p\u003C/code\u003E\u003C/p\u003E\u003Ch4\u003ECall to Action Button\u003C/h4\u003E\u003Cp\u003EThe Call to Action button is the primary action you want viewers to take. When clicked, the call to action button can navigate to another URL or capture a name and email address (see Lead Capture Form below for more details).\u003C/p\u003E\u003Cp\u003EYou can customize the text for the Call to Action Button as well as set colors and behaviors.\u003C/p\u003E\u003Cp\u003EClick on the \u003Ccode\u003EOptions\u003C/code\u003E button for the additional options window.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/c4dda6e8b403a73b1e418acc39a8e25f.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EThe call to action button applies CSS settings for\u00A0\u003Ccode\u003E#ds_pop a#ds_pop_action_button\u003C/code\u003E\u003C/p\u003E\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003E\u003Ci class=\u0022fa-duotone fa-circle-exclamation\u0022 aria-hidden=\u0022true\u0022\u003E\u003C/i\u003ERecommended\u003C/span\u003E\u003Cp\u003EWhen the Call to Action button is clicked by a visitor, the popup will not be shown to that user again.\u003C/p\u003E\u003C/cite\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/0bf2a84aab8a9d639b56f808aca09466.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch4\u003ECall to Action URL\u003C/h4\u003E\u003Cp\u003EThe Call to Action URL is the URL is where the visitor will be directed once they click on the Call to Action button.\u003C/p\u003E\u003Cp\u003EIf Lead Capture fields are configured (name, email or phone), the information entered will will be captured in the lead\u0026#39;s record, added to the associated campaign as a lead and then redirected to this URL.\u003C/p\u003E\u003Ch4\u003EClose/Cancel Button\u003C/h4\u003E\u003Cp\u003EThe Close/Cancel button is used to close the popup because the offer presented to the visitor is not of interest.\u003C/p\u003E\u003Cp\u003EYou can customize the text you want on the Close/Cancel button as well as other specific formatting and behavior. Click on Options for the additional options window.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/aec75022e91dbb76158f008c9a02705a.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EThe Close/Cancel button options present three toggles:\u003C/p\u003E\u003Col\u003E\u003Cli\u003E\u003Cb\u003EDisplay button\u003C/b\u003E\u0026#160;- enabled by default, this determines if the Close/Cancel button is shown.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EDisplay quick close\u003C/b\u003E\u0026#160;- enabled by default, this determines if the X in the upper-right corner is shown.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EEasy ignore\u003C/b\u003E\u0026#160;- disabled by default, this allows clicking outside of the popup or pressing escape to close the popup.\u003C/li\u003E\u003C/ol\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/bc02c31587c894c24c8a9f18b9a03866.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ccite class=\u0022warning\u0022\u003E\u003Cspan class=\u0022title\u0022\u003E\u003Ci class=\u0022fa-duotone fa-circle-exclamation\u0022 aria-hidden=\u0022true\u0022\u003E\u003C/i\u003EWarning\u003C/span\u003E\u003Cp\u003EIt is important to note that it is possible to configure the popup with no way to close except for the call to action.\u003C/p\u003E\u003C/cite\u003E\u003Cp\u003EIn addition to the behavior toggles there are options for setting the button colors/style.\u003C/p\u003E\u003Cp\u003EFinally, the \u003Cb\u003EShow again after\u003C/b\u003E option enables you to configure how long to hide the popup after the close/cancel button is clicked.\u003C/p\u003E\u003Cp\u003EBy default, when the Close/Cancel button is clicked the popup will not be shown again to that visitor for one week but you can figure it from 10 minutes to 6 months from the drop down.\u003C/p\u003E\u003Ch4\u003ELead Capture\u003C/h4\u003E\u003Cp\u003EThere are three lead capture form fields avaiable for your popup: \u003Cb\u003EFullname\u003C/b\u003E, \u003Cb\u003EEmail\u003C/b\u003E and \u003Cb\u003EPhone\u003C/b\u003E. You may rename these fields as well as decide which fields you would like to capture on your popup by turning the toggle button ON/OFF.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/825a68a9e4f3dc32960c0f42f90d0235.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch4\u003EShow this Popup\u003C/h4\u003E\u003Cp\u003EShow this Popup determines where the the popup is shown and is in fact how you enable your popup. To start showing your popup you need to either of the two latter options.\u003C/p\u003E\u003Cp\u003EIf you select \u003Cb\u003EShow this popup on specific pages in my website\u003C/b\u003E, you need to add the page or path where you would like it shown.\u003C/p\u003E\u003Cp\u003EFor example, you can create a popup that is only shown to visitors of your blog by using a path of\u0026#160;\u003Ccode\u003E/blog/*\u003C/code\u003E.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/f097114354aca505298fa85b97be5e30.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch4\u003ETesting your Popup\u003C/h4\u003E\u003Cp\u003ENow that you\u0026#39;ve created a popup. You can test your popup to see what it will look like when shown to your website visitors.\u003C/p\u003E\u003Cp\u003EOn the bottom right of the popup editor, just below the Close/Cancel Button section, you will see a button that says, \u0026#34;Test Popup\u0026#34;.\u003C/p\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/2f62ac19a839d56a49acb71c9baf329a.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EClicking this button will open a new browser tab. After a 2 second delay your popup will be shown.\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://dailystory-docs.azurewebsites.net/articles/acquisition/popups/popup-13.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cfigcaption\u003ETest Popup\u003C/figcaption\u003E\u003C/figure\u003E\u003Cp\u003EOnce you have verified that your popup looks like you expect you can close the popup tab.\u003C/p\u003E\u003Ch3\u003ERelated Articles\u003C/h3\u003E\u003Cul\u003E\u003Cli\u003E\u003Ca href=\u0022/article/m4jk83serm-configuring-a-popups-display-options\u0022 target=\u0022_blank\u0022\u003EConfiguring a Popup\u0026#39;s Display Options\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/vbt6trt1ke-configuring-a-popups-layout-options\u0022\u003EConfiguring a Popup\u0026#39;s Layout Options\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022https://dev.dailystory.com/docs/javascript-api\u0022\u003EUse the DailyStory JavaScript API to display popups\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022https://www.dailystory.com/blog/pop-up-ads-8-tips-to-get-more-leads/\u0022\u003EPopup ads: 8 tips to get more leads\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/lsdsy5k183-popups-report\u0022\u003EPopup Reporting\u003C/a\u003E\u003C/li\u003E\u003C/ul\u003E","publish_status":0,"post_type":"Article","author":{},"featured_image_updating":false,"meta_description":"Name The name you give your popup is for internal use only. Content Body content should be brief. Use common formatting options from the drop down and quick menus. You can also use the return key to create line breaks in the content. The body content is wrapped in a \u0026lt;p\u0026gt; tag with \u0026lt;br\u0026gt; to handle line breaks. CSS settings for\u0026#160; #ds_pop .content p Call to Action Button The Call to Action button is the primary action you want viewers to take. When clicked, the call to action butto ...","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"total_views":1142,"date_published":"2023-11-09T09:30:49","date_updated":"2025-05-16T19:14:24.547","date_created":"2025-04-24T15:02:14.247"}}}