Documentation: Push Notifications Onsite Messaging REST API
  1. Documentation
  2. Web Push Notifications
  3. Integration
  4. HTTP Websites Setup

Web Push Notifications for HTTP Websites

Web Push Notifications work on HTTP as well as HTTPS websites. This setup guide is for HTTP websites or any website on a hosted platform like Marketo, Unbounce, Hubspot, and the likes. When you register your website, make sure to select HTTP and not HTTPS, this will enable our hosted solution. You can always change this from within our dashboard. If you have any questions, you can reach out to support.

But what if I have a separate HTTPS subdomain/domain I want to associate with my HTTP website?

Setting up Push Notifications for pure HTTP website

  • In the Dashboard, under Settings > Website, check that the website is listed with HTTPS selected as No.
    PushAlert HTTP Website Settings
  • Also verify that you are using PushAlert branded HTTPS subdomain (* in Method and the GCM configuration is empty.
  • It is also recommended to setup the Default Title, Message as well as Icon for notifications.
  • Next, head to the Integrate section from the sidebar and copy the universal code to the <head> section of the HTTP website. If you are using Wordpress, please install our plugin following this guide and Joomla users can also automate integration with our plugin. Magento users can click here for the setup guide.
    PushAlert Universal Ingtegration Code
  • That's it, users will now be automatically prompted to subscribe to notifications. If you want to customize the opt-in prompts, just head here and to change the language of the subscription messages, have a look at this guide.
    PushAlert HTTP Website 1-Click Opt-in

HTTP Website with a separate HTTPS domain/subdomain for Push Notification

  • There are some differences in configuration compared to a pure HTTP website. The most important point to keep in mind is that HTTPS option in website settings will still be selected as No, since the primary domain is HTTP.
    PushAlert Mixed HTTP Website Settings
  • In Method, select Use Separate HTTPS Domain/Subdomain. Then enter the HTTPS domain/subdomain you want to use with the website.
  • Set the default Title, Message and Icon for notifications.
  • We recommend that you create a GCM project to be able to export subscriber endpoints later. For that, you need to create a GCM project following the guide here and enter the Project Number as well as API Key in GCM configuration. Otherwise, you can also leave it blank. Once done, click on Submit.
  • Integration is divided into two steps. First add the integration code from the Universal section to the <head> section of your website. If you have a Wordpress website jump here for the specific setup guide, Joomla users can check here. Magento users head here.
  • Next, there will be three files listed in the Integrate section as well, these need to be uploaded to the root of the HTTPS domain/subdomain.
  • When both steps are completed, visitors will be shown the opt-in prompt automatically. You can customize the theme for the opt-in or change its text from the Dashboard.
    PushAlert Mixed HTTP Website 1-Click Opt-in
  • If you were using Web Push Notifications from a previous provider, then head to the Migration section of the documentation.