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 “Your 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 "Create 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.

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

Go to step 3 on the settings and: “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


Go back to your configuration settings in the PushPro portal to see if you have successfully installed PushPro. Optionally you can do an extra verification under the tab installation check.


If everything is alright, you’ll see three green checkmarks, if you get an error message make sure you followed all the steps above. If you still get an error message find a possible solution here.

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
arrow_forward

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

Leave a review