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 “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.

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 enabled by default 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

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!