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.
- Go to Store Setup › Store Settings and scroll down to HTTPS.
- Select Use HTTPS for entire site from the HTTPS Pages drop-down menu.
- 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”. Create a new domain by clicking "New domain", enter a name to recognize your domain and the URL of your domain. Click save to confirm your domain. You can now further configure your 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 enabled by default 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">
