{"Status":true,"Message":"","Response":{"post":{"postuid":"m4jk83serm","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"239698c5-f7eb-4574-8cc8-c6568f08b3a0","title":"Configuring a Popup\u0027s Display Options","slug":"article/m4jk83serm-configuring-a-popups-display-options","html":"\u003Ch4\u003EDisplay Options\u003C/h4\u003E\u003Cp\u003EChose how you want your popup to display. \u003Cb\u003EDisplay as popup\u003C/b\u003E will fade out the background whereas the \u003Cb\u003EDisplay as cover\u003C/b\u003E will blackout the background.\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/f5ff321290c57db8a40aeb530e68a88f.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch4\u003EHeight and Width\u003C/h4\u003E\u003Cp\u003EThe popup will scale automatically depending on the size of the screen. You can manually adust the size of the popup. This can be helfpul when creating background images in other programs or using images along with your content. The default size is 480 x 780.\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/5df63e4862211aee47b45606fb4daee7.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch4\u003EBackground Image and Color\u003C/h4\u003E\u003Cp\u003EThe Background Image and Color options enable you to set an image used in the background of the popup as well as the text and background colors. To select and image click on the \u003Ccode\u003ESelect\u003C/code\u003E button.\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/3435ba17791e8d3a650b4b02dddb0334.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EThe background color and image set CSS for\u00A0\u003Ccode\u003E#ds_pop\u003C/code\u003E\u00A0and the background text color for\u00A0\u003Ccode\u003E#ds_pop .content\u003C/code\u003E\u003C/p\u003E\u003Cp\u003EYou can also provide a URL to your own image file or upload an image to DailyStory.\u003C/p\u003E\u003Ch4\u003ETimings\u003C/h4\u003E\u003Cp\u003EThe timings section allows you to control automated behaviors of the popup.\u003C/p\u003E\u003Cp\u003EThe\u0026#160;\u003Cb\u003EAutomatically display if no browser activity\u003C/b\u003E\u0026#160;will display the popup if the visitor has no activity for the specified time period. For example, if they open your page in a new tab or do something else, when they come back the popup will be displayed if the specified time has elapsed.\u003C/p\u003E\u003Cp\u003EThe\u0026#160;\u003Cb\u003EMinimum visitor time on site\u003C/b\u003E\u0026#160;controls the minimum amount of time the visitor must be on the website before the popup can be shown. This is useful if a visitor goes to your site and immediately leaves. It is designed to ensure that if a visitor stays longer than the specified time, they must be engaged.\u003C/p\u003E\u003Col\u003E\u003Cli\u003E\u003Cb\u003EAutomatically display after\u003C/b\u003E:\u003C/li\u003E\u003C/ol\u003E\u003Cp\u003EControls the time if the visitor has no activity for the specified time period. For example, if they open your page in a new tab or do something else, when they come back the popup will be displayed if the specified time has elapsed.\u003C/p\u003E\u003Cp\u003EYou can choose from not autoshowing it all the way up pto 1 hour of inactivity.\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/b2e8370cb75172155f10c714d91cf030.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Col start=\u00222\u0022\u003E\u003Cli\u003E\u003Cb\u003EMinimum visitor time on site\u003C/b\u003E:\u003C/li\u003E\u003C/ol\u003E\u003Cp\u003EControls the minimum amount of time the visitor must be on the website before the popup can be shown. This is useful if a visitor goes to your site and immediately leaves. It is designed to ensure that if a visitor stays longer than the specified time, they must be engaged.\u003C/p\u003E\u003Cp\u003EYou can choose from no no delay all the way up to never.\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/b83c3a83f6d1d68bf6987dd8d40494cc.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch3\u003ERelated Articles\u003C/h3\u003E\u003Cul\u003E\u003Cli\u003E\u003Ca href=\u0022/article/zm3a9h2uod-configuring-popups\u0022\u003EConfiguring a Popup\u0026#39;s Basic Settings\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":"Display Options Chose how you want your popup to display. Display as popup will fade out the background whereas the Display as cover will blackout the background. Height and Width The popup will scale automatically depending on the size of the screen. You can manually adust the size of the popup. This can be helfpul when creating background images in other programs or using images along with your content. The default size is 480 x 780. Background Image and Color The Background Image and Colo ...","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"total_views":1260,"date_published":"2022-06-16T14:33:34","date_updated":"2025-05-16T19:14:27.07","date_created":"2025-04-24T15:02:14.637"}}}