{
  "Status": true,
  "Message": "",
  "Response": {
    "post": {
      "postuid": "xcvoulsyjk",
      "tenantuid": "d8b744fc-2e70-4089-bb80-dd1d08f6c7b2",
      "projectuid": "239698c5-f7eb-4574-8cc8-c6568f08b3a0",
      "title": "Web Push Optin Popup",
      "slug": "article/xcvoulsyjk-web-push-optin-popup",
      "html": "\u003Cp\u003ETo send Web Push notifications to your website visitors and customers you first need to opt-in those visitors and customers.\u003C/p\u003E\u003Cp\u003EWeb push notifications is a powerful tool to help you share timely information. However, it requires the recipient to \u0026#34;opt in\u0026#34; to receive notifications. And, unfortunately, once someone opts out it is very difficult to get them to opt back in.\u003C/p\u003E\u003Cp\u003EDailyStory uses a double opt-in strategy to ensure that if visitor or customer declines to opt in, they can be prompted to opt in again in the future.\u003C/p\u003E\u003Ch3\u003EWhy double optin?\u003C/h3\u003E\u003Cp\u003EWeb Push notifications rely on a user granting the permission for you to send them web push notifications. This is done through the browser.\u003C/p\u003E\u003Cp\u003EFor example, the screenshot below shows the optin popup shown by Google Chrome:\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/2aa11d6b828f51f8cebe7af362b23ff6.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EYou\u0026#39;ve likely seen these before when browsing the Internet. And likely you clicked \u0026#34;Block\u0026#34;.\u003C/p\u003E\u003Cp\u003EOnce \u0026#34;Block\u0026#34; is clicked this popup cannot be shown again to the visitor. Unless they go through the \u003Ca href=\u0022/article/cwbuysjt8k-preview-web-push-notifications\u0022\u003Esteps to re-enable web push notifications\u003C/a\u003E.\u003C/p\u003E\u003Ch3\u003EDouble optin popup strategy\u003C/h3\u003E\u003Cp\u003EThe problem with the default browser popup is that it cannot be customized and therefor provides no context to the visitor as to why they should optin.\u003C/p\u003E\u003Cp\u003EDailyStory uses a customizable popup that is shown to the visitor before showing the browser popup:\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/bcf5112beb525b6c14eec5167bda0d27.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EIf the visitor clicks allow, then the browser\u0026#39;s popup is shown:\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/82be63ee94508fb971e5f719fb850d4a.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EHowever, if the visitor clicks \u0026#34;No Thanks\u0026#34; then the customizable popup is hidden and an attempt to optin the visitor can take place again in the future.\u003C/p\u003E\u003Ch3\u003EEdit the Optin Popup\u003C/h3\u003E\u003Cp\u003ETo edit the Optin Popup for Web Push Notifications, navigate to Content \u0026gt; Web Push. From the hamburger menu click Edit Optin Popup:\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/e69c4862aaeffbaf72008820a8d94c6a.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EThis opens the edit web push optin screen:\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/d08c1d73d4b2aae8797bf51f0e1b083e.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Cp\u003EFrom the screen you can specify the title, body and logo URL for the optin popup. The location for where the popup is shown can also be set. Finally, the Test Web Push Optin button can be used to preview what the experience is like for a visitor.\u003C/p\u003E\u003Ch3\u003EService Worker URL\u003C/h3\u003E\u003Cp\u003EIf you are \u003Cb\u003Enot running WordPress\u003C/b\u003E and are \u003Cb\u003Enot using the most up-to-date version of the\u003C/b\u003E \u003Ca href=\u0022/article/8omibw2171-word-press-and-dailystory-integration\u0022\u003E\u003Cb\u003EDailyStory WordPress plugin\u003C/b\u003E\u003C/a\u003E (version 1.1.5 or greater) you will need to manually install some JavaScript on to your site to use web push notifications.\u003C/p\u003E\u003Ch4\u003EManually add the Service Worker JavaScript\u003C/h4\u003E\u003Cp\u003EWeb Push notifications make use of JavaScript service workers. The JavaScript for the service worker must reside on the same domain that the web push notification functionality is used for. Installing the \u003Ca href=\u0022/article/8omibw2171-word-press-and-dailystory-integration\u0022\u003EDailyStory WordPress plugin\u003C/a\u003E does this automatically.\u003C/p\u003E\u003Cp\u003EYou can get the latest version of the \u003Ca href=\u0022https://www.dailystory.com/wp-content/plugins/dailystory/assets/js/dailystory_sw.js\u0022 target=\u0022_blank\u0022\u003Eservice worker JavaScript here\u003C/a\u003E.\u003C/p\u003E\u003Cp\u003E1. Copy the contents from the link above and save as dailystory_sw.js\u003C/p\u003E\u003Cp\u003E2. Upload dailystory_sw.js file to your web server\u003C/p\u003E\u003Cp\u003E3. Ensure that the dailystory_sw.js file is accessible via a public URL\u003C/p\u003E\u003Cp\u003E4. Enter the URL in the Web Push Optin Advanced Settings and save the Web Push Optin form.\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/3fe0c03fdd09970a17f805de8692eaf6.png\u0022 style=\u0022\u0022 alt=\u0022\u0022/\u003E\u003Ch3\u003EFrequently Asked Questions\u003C/h3\u003E\u003Cp\u003EBelow are some frequently asked questions about the Web Push Optin.\u003C/p\u003E\u003Ch4\u003ECan I change the text of the buttons?\u003C/h4\u003E\u003Cp\u003ENo, the button text is not editable. We may consider allowing this in the future, but also need to provide a consistent user experience.\u003C/p\u003E\u003Ch4\u003ECan I remove the boiler plate notification text?\u003C/h4\u003E\u003Cp\u003EThe popup contains the text \u0026#34;\u003Ci\u003ENotifications can be turned off anytime in the browser settings.\u003C/i\u003E\u0026#34; This text cannot be edited or removed.\u003C/p\u003E\u003Ch4\u003ECan I set the service worker URL to the URL hosted by DailyStory?\u003C/h4\u003E\u003Cp\u003ENo, a service worker JavaScript file must be hosted on the domain that the service worker is running for.\u003C/p\u003E",
      "publish_status": 0,
      "post_type": "Article",
      "featured_image_updating": false,
      "meta_description": "To send Web Push notifications to your website visitors and customers you first need to opt-in those visitors and customers. Web push notifications is a powerful tool to help you share timely information. However, it requires the recipient to \u0026#34;opt in\u0026#34; to receive notifications. And, unfortunately, once someone opts out it is very difficult to get them to opt back in. DailyStory uses a double opt-in strategy to ensure that if visitor or customer declines to opt in, they can be prompted ...",
      "display_toc": true,
      "has_workingcopy": false,
      "allow_indexing": true,
      "total_views": 753,
      "date_published": "2022-08-23T09:23:19",
      "date_updated": "2025-05-16T19:19:27.42",
      "date_created": "2025-04-24T15:02:58.6"
    }
  }
}