Installing PushPro On Your Website

Wordpress installation

Install the PushPro plugin on Wordpress

Automatic installation is the easiest option as WordPress handles everything itself. To do an automatic install of PushPro, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “PushPro” and click Search Plugins. Once you’ve found it, you can view details about the latest release, such as community reviews, ratings, and the description. Install PushPro by simply pressing “Install Now”. Once that’s done, click “Activate”. PushPro is now added to your admin panel menu:

Connect PushPro with Wordpress

After you have downloaded and installed the PushPro app on your Wordpress website, 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" .


Configuration

Configure your domain by updating your icon. The custom icon is visible to your visitors and will also be shown when sending push notifications.


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

You can read more about enabling tracking here.

Installation


Because you are using a third party management system you can easily install PushPro with one of our extensions. Toggle the switch “Use extensions on this domain” to ON, which will show your API key. Copy the key to your clipboard, almost there!

Go back to your WordPress 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 you can look for 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>
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