Installing PushPro On Your Website

BigCommerce installation

To use the PushPro extension for BigCommerce, your store needs to be HTTPS-enabled. HTTPS makes your website more secure by encrypting the traffic between your server and your visitors. If your website is already HTTPS-enabled, great! If not, keep reading. 

You must first acquire an SSL certificate. If your store is already operational, BigCommerce enabled a free SSL certificate on your domain. You should now check if sitewide-HTTPS is enabled.

  1. Go to Store Setup › Store Settings and scroll down to HTTPS.
  2. Select Use HTTPS for entire site from the HTTPS Pages drop-down menu.
  3. Save your changes

Once you have enabled sitewide-HTTPS, you’re ready to install PushPro. Download the PushPro app from the BigCommerce marketplace and install it. Once it’s successfully installed, reload the page.

Connect PushPro with BigCommerce

After you have downloaded and installed the PushPro app on your BigCommerce store, you are ready to connect it with your PushPro account. 

Start by logging in to your PushPro dashboard. Once you're logged in for the first time, you see “Domains” where we added a dummy domain for you. If you want, you can edit the dummy domain or create a new domain by clicking "New domain" .

Configure your domain by starting to customize your opt-in message, don't forget to upload an icon for your custom opt-in. Go to your domain --> Configuration --> Custom opt-in.

Tracking is by default enabled to gather information about the way your subscribers use your site.


Go back to configuration and click 'Installation'. Next, look for “Use extensions on this domain”. Toggle the button to ON, which will show you your API key. Copy the key to your clipboard, almost there!

Go back to your BigCommerce admin panel, paste the API Key, and hit "Save".

Installation check

To check if PushPro is installed correctly on your domain, you can simply run a verification check on your own website. Navigate to https://yourdomain.com/. If you see a Push Notification opt-in request, everything is working! That’s all, your website is now ready to send push notifications!

If you do not see an opt-in request, you can check whether the code snippet and Javascript file were correctly added. Navigate to https://yourdomain.com/sw.js. Here you should find the following text:

importScripts('https://storage.googleapis.com/push-pro-java-scripts/pushpro-sw.js');

Next up, you can verify whether you correctly added the code snippet. On https://yourdomain.com/, right-click anywhere on the website and select “Page Source”. Here, you should find the following text:

<script></script>
window.__pushpro = {
site_uuid: "your-unique-identifier",
}


https://storage.googleapis.com/push-pro-java-scripts/pushpro-lib.js">

That's it, PushPro is now activated on your website, and your Push Notifications will be visible through your PushPro settings page!


Verify your setup

You can verify if you set everything up correctly by navigating to https://yourdomain.com/. If you see a push notification opt-in request, everything is working! That’s all, your website is now ready to send push notifications!

If you do not see an opt-in request, you can check whether the code snippet and javascript file were correctly added. Navigate to https://yourdomain.com/sw.js. Here you should find the following text:

importScripts('https://storage.googleapis.com/push-pro-java-scripts/pushpro-sw.js');

Next up, you can verify whether you correctly added the code snippet. On https://yourdomain.com/, right-click anywhere on the website and select “Page Source”. Here, you should find the following text:

<script></script>
window.__pushpro = {
site_uuid: "your-unique-identifier",
}

https://storage.googleapis.com/push-pro-java-scripts/pushpro-lib.js">

Ready to take PushPro for a spin?
Get started for free now.
Sign Up

Drop us a mail

Thank you! Your submission has been received!
Something went wrong while submitting the form. Please try again or contact support@pushpro.io

Social Channels