{"Status":true,"Message":"","Response":{"post":{"postuid":"ptshg9vhir","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"239698c5-f7eb-4574-8cc8-c6568f08b3a0","title":"Creating Popups","slug":"article/ptshg9vhir-daily-story-popups","html":"\u003Cp\u003EA\u0026#160; \u003Ca href=\u0022https://www.dailystory.com/features/welcome-exit-offers/\u0022 target=\u0022_blank\u0022\u003EDailyStory Popup\u003C/a\u003E\u0026#160;enables you to display a popup window in a web or mobile experience. Popups are a great way to capture signups for newsletters, offer discounts to new visitors, or attempt to persuade someone not to leave your website.\u003C/p\u003E\u003Cp\u003EPopups can be shown on specific pages, configured to automatically show after a certain amount of time has passed, when the visitor first arrives, or if the visitor is leaving the site.\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\u003EEnsure that you have\u003Ca href=\u0022https://docs.dailystory.com/article/ppg0z9xv1v-installing-the-daily-story-tracking-tag\u0022 target=\u0022_blank\u0022\u003E integrated with your website \u003C/a\u003Eto ensure your pop displays correctly.\u003C/p\u003E\u003C/cite\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://www.dailystory.com/files/imgs/welcome-exit-offers-sample.jpg\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003E\u003Ca href=\u0022https://www.dailystory.com/features/welcome-exit-offers/\u0022\u003ERead more about the benefits of DailyStory Popups at dailystory.com\u003C/a\u003E.\u003C/p\u003E\u003Ch3\u003ECreate a popup\u003C/h3\u003E\u003Cp\u003EYou can create a popup from within a campaign or from your all Popups home screen.\u003C/p\u003E\u003Ch4\u003EFrom within a campaign\u003C/h4\u003E\u003Col\u003E\u003Cli\u003EClick on the \u003Cb\u003EAssets\u003C/b\u003E tab.\u003C/li\u003E\u003Cli\u003EClick on the green \u003Ccode\u003E\u002B Add Asset\u003C/code\u003E button.\u003C/li\u003E\u003Cli\u003ESelect \u003Ccode\u003EAdd a Popup\u003C/code\u003E from the popup menu.\u003C/li\u003E\u003Cli\u003ENext, you will be taken to the Popup Editor to begin designing your popup. The popup editor provides a live preview of your popup as you begin to design it. Start with giving your popup a \u003Cb\u003EName\u003C/b\u003E and clicking on \u003Ccode\u003ESave Changes\u003C/code\u003E. (The name is only for internal use)\u003Cimg src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/239698c5-f7eb-4574-8cc8-c6568f08b3a0/a096adee7064a5553a117515c4da2249.png\u0022\u003E\u003C/li\u003E\u003Cli\u003ENext, adjust your \u003Ca href=\u0022/article/zm3a9h2uod-configuring-popups\u0022\u003EBasic Settings\u003C/a\u003E, \u003Ca href=\u0022/article/m4jk83serm-configuring-a-popups-display-options\u0022\u003EDisplay Settings\u003C/a\u003E and \u003Ca href=\u0022/article/vbt6trt1ke-configuring-a-popups-layout-options\u0022\u003ELayout Options\u003C/a\u003E.\u003C/li\u003E\u003C/ol\u003E\u003Ch4\u003EFrom the all Popups page\u003C/h4\u003E\u003Col\u003E\u003Cli\u003ENavigate to \u003Ccode\u003EInbound \u0026gt; Popup Forms\u003C/code\u003E from the navigation menu at the top of your screen.\u003C/li\u003E\u003Cli\u003EThis will show you a list of all the existing popups. To create a new popup, click \u003Ccode\u003E\u002B Create Popup\u003C/code\u003E\u003Ccode\u003E.\u003C/code\u003E\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/e819f7274370070443082637e3e6dc68.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Col start=\u00223\u0022\u003E\u003Cli\u003EYou will be asked to assign the popup to an existing campaign or create a new campaign.\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/9b4837bfa39d0e9ccb050c22e2135633.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Col start=\u00224\u0022\u003E\u003Cli\u003ENext, you will be taken to the Popup Editor to begin designing your popup. The popup editor provides a live preview of your popup as you begin to design it. Start with giving your popup a \u003Cb\u003EName\u003C/b\u003E and clicking on \u003Ccode\u003ESave Changes\u003C/code\u003E. (The name is only for internal use)\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/a096adee7064a5553a117515c4da2249.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch3\u003EThings to know before you start designing your popup\u003C/h3\u003E\u003Ch4\u003EPopup Interactions\u003C/h4\u003E\u003Cp\u003EA popup typically has 2 types of interactions:\u003C/p\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003ECall to Action\u003C/b\u003E - the Call to Action (CTA) can submit a form, such as a newsletter signup, or navigate to another page. This is the primary objective of the popup offer: get the person viewing the popup to take some kind of action.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EClose / Dismiss\u003C/b\u003E\u0026#160;- the Close or Dismiss button closes the popup and may navigate the user to another page or simply disappear.\u003C/li\u003E\u003C/ul\u003E\u003Cp\u003EMore advanced popups introduce nuances for dismissing the offer:\u003C/p\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003EClose, but remind me later\u003C/b\u003E - the visitor dismisses the popup but indicates that they would like to receive the popup again in the future.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EClose and ignore\u003C/b\u003E - this enables the visitor to dismiss the popup and to never show it again.\u003C/li\u003E\u003C/ul\u003E\u003Cp\u003EThese types of popup interactions are important because DailyStory tracks these choices and enables you to test which converts best.\u003C/p\u003E\u003Ch4\u003EMetrics Tracked for Popups\u003C/h4\u003E\u003Cp\u003EDailyStory tracks several metrics related to popups:\u003C/p\u003E\u003Cul\u003E\u003Cli\u003E\u003Cb\u003EImpressions\u003C/b\u003E\u0026#160;- the number of times the popup is shown to visitors.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EIgnores\u003C/b\u003E\u0026#160;- the number of times no interaction with the\u0026#160;popup takes place even though the popup was shown.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003ECall to Action click\u003C/b\u003E\u0026#160;- the number of times the call to action is clicked.\u003C/li\u003E\u003Cli\u003E\u003Cb\u003EDismiss click\u003C/b\u003E\u0026#160;- the number of times the dismiss button is clicked.\u003C/li\u003E\u003C/ul\u003E\u003Cp\u003EThese metrics are shown in the reports for your popup.\u003C/p\u003E\u003Ch3\u003EConfiguring Popups\u003C/h3\u003E\u003Cp\u003ETo configure a popup, you will find three tabs at the top of the popup editor screen.\u003C/p\u003E\u003Col\u003E\u003Cli\u003E\u003Ca href=\u0022/article/zm3a9h2uod-configuring-popups\u0022\u003EBasic Settings\u003C/a\u003E: name, content, fields, buttons and enabling the popup settings.\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/m4jk83serm-configuring-a-popups-display-options\u0022\u003EDisplay Options\u003C/a\u003E: appearance, size, images, color and timing settings.\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/vbt6trt1ke-configuring-a-popups-layout-options\u0022\u003ELayout Options\u003C/a\u003E: preset text and image layouts, borders, padding and advanced layout settings.\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/f1576ed71e94f2afcaf35acd61108569.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/m4jk83serm-configuring-a-popups-display-options\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","featured_image_updating":false,"meta_description":"A\u0026#160; DailyStory Popup \u0026#160;enables you to display a popup window in a web or mobile experience. Popups are a great way to capture signups for newsletters, offer discounts to new visitors, or attempt to persuade someone not to leave your website. Popups can be shown on specific pages, configured to automatically show after a certain amount of time has passed, when the visitor first arrives, or if the visitor is leaving the site. Ensure that you have integrated with your website to ensure  ...","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"total_views":1472,"date_published":"2023-11-09T09:28:19","date_updated":"2025-05-16T19:14:16.81","date_created":"2025-04-24T15:02:13.327"}}}