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 go to “Domains”. If you haven't done so before, create a new domain by clicking "Add Domain" .

When you’ve setup your domain click on “Edit” in the right corner.

Scroll down on the settings page until you see: “Use an extension for 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".

That's it, PushPro is now activated on your website, and your push notifications will now 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>
window.__pushpro = {
site_uuid: "your-unique-identifier",
}
</script>
<script src="https://storage.googleapis.com/push-pro-java-scripts/pushpro-lib.js"></script>

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