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 installation

To check if PushPro is installed correctly on your domain, you can simply run a verification check in the portal.


Navigate to “Configuration” and go to step 3/3 “Installation check” press the button “check now” we will verificate in three steps if your installation status is OK.

If you get an error message in one of the following steps verify please follow our instructions below:


  1. Check the code snippet

Error message: The code snippet is not found on your webpage. Please upload the correct code snippet.


Solution: First verify if HTTPS is enabled by checking your browser url for the (green) safety lock.


After you that HTTPS is turned on copy the code snippet and upload it to your website .html file, where you place it between the <head> </head> tags. If you want to follow the full guide how to install PushPro manually follow the instruction here. If you want to avoid all the hassle check if there is an extension available for your website here.


  1. Check the service worker file

Error message: The service worker file is not found on your domain. Please upload the service worker file.


Solution: Go back to step 2/3 in your configuration menu and download the service worker file if you haven’t done this yet. Make sure this file is installed in your website Root Folder. The Root Folder can be accessed via FTP, read more on how to install a file in your Root Folder here.


If you use a third party CMS, you can add the files via the CMS portal. In the domain settings, enable ‘Use an extension for this domain’ and copy your newly generated API key in your CMS extension panel.


  1. Check site ID parameter

Error message: The site ID’s on your website and your current domain are not corresponding. Please use the correct code snippet.


Solution: Go back to step 2/3 in your configuration menu and make sure the code snippet “site_uuid” is equal to the code snippet you placed in your website .html file between the <head> </head> tags.




Using your dashboard

Using the dashboard

Your dashboard consists of two main sections. One shows all your (in)active domains where you’re able to send push notifications from. The second section gives you a quick glance over your total subscribers, the amount of push notifications you’ve sent and the average click-through rate of all your messages.


When you click one of your domains you’ll come in the statistics overview of this certain domain. Here you can see the notifications sent, active subscribers and the click through rate of this specific domain.




Magento 2 installation

To use the PushPro extension for Magento, 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. You can either ask your hosting provider to activate it for you, or obtain an SSL certificate yourself. You can get one for free via Let’s Encrypt. Check out their guide to get started.

Once you acquired and activated your SSL certificate, you must enable HTTPS for your Magento store. Walk through the following steps:  

  1. Navigate to your Magento Admin dashboard
  2. On the menu, click on stores
  3. In the square ‘General’, click on ‘Web’ and then click on ‘Base URLs’
  4. Make sure that your Base URL starts with “https://”
  5. Click on ‘Base URLs (Secure)’
  6. Make sure that your Secure Base URL starts with “https://”
  7. Change the settings to 'Use Secure URLs on Storefront' and 'Use Secure URLs in Admin' to 'Yes'.
  8. Click on ‘Save Config’
  9. Go to ‘Cache Management’ and empty all caches.
  10. Done, navigate to your website to check if it starts with https!

Once you have enabled HTTPS, include the code snippet we generated for you in the PushPro portal in the extension panel in Magento. You can verify if you set everything up correctly by following the steps as described here.

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!




Upgrade your PushPro plan

Upgrade your PushPro plan

On the right-hand side, you will find your current plan under your profile settings. You can upgrade your plan by clicking ‘Upgrade’. This will take you to a new page where you can compare and select a new plan. If you are upgrading from a paid plan, you will see a billing summary, so you know exactly how you will be billed after your upgrade. Note that if you are currently paying on a monthly basis, you can upgrade to the same plan with yearly payments. However, if you are currently paying on a yearly basis, you can only upgrade to higher plans.



TYPO3 installation

Install PushPro in TYPO3

From the TYPO3 CMS you can import and install extensions directly from the extension repository, to install PushPro on your system do the following: Navigate to extensions > In the dropdown select “Get Extensions” > Search for PushPro > Import and install the extension.

Or

Download directly from the extension repository and upload as a new extension in your TYPO3 CMS.

Note that you select the right extension version for your CMS, currently PushPro support these versions:

  • 7 LTS
  • 8 LTS
  • 9 LTS
  • 10-dev

As you can see PushPro is now installed on your system.

Connect PushPro with TYPO3

After you have downloaded and installed the PushPro extension on your TYPO3 CMS, you are ready to connect it with your PushPro account.

Make sure you have registered and verified a PushPro account so you can Log 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" .

Configuring Your Domain

Once you have set up your domain:

  • Go to the first step "1. Configuration".
  • Make sure tracking is enabled.
  • Select an icon of your favor if you're on a paid plan. Otherwise you can skip this step.

Tracking is by default enabled so you can gather information about the way your subscribers use your site, this can be very helpful once you start using segmentation.

Enable the TYPO3 extension

Once you verified that tracking is enabled:

  • Go to the next step "2. Installation".
  • Activate the toggle button “Use extensions on this domain”, which will show your API key.
  • Make sure you copy the api key to your clipboard.

Now go back to your TYPO3 CMS and select the PushPro extension and paste the API key in the field and save the settings.


Verify your PushPro installation

Now that you have followed all the steps above, it's time to double check your installation:

  • Go back to your PushPro Portal.
  • Go to the last step "3. Installation check".
  • Press the check button to verify your TYPO3 CMS is connected to PushPro.



An alternative method to see if PushPro is working correctly is by navigating to your website frontend, you should see the custom browser prompt like the image below:

Tip: craft your custom opt-in for better opt-in results and engagement with your audience!

TYPO3 demo website displaying PushPro push notifications browser prompt
TYPO3 demo website displaying PushPro push notifications browser prompt

Got questions or need some extra help?

Don't hesitate to reach out to our PushPro support team!

Timeline

After setting up the basic details for the campaign the next step is to configure the timeline. This is where the magic happens! A campaign always starts with a ‘Start’ step and ends with an ‘End’ step. In the case of a new subscriber campaign, a default 1-minute pause step is added to the top of the timeline. You can increase the time to hold if needed. This ensures that each new subscriber receives the first notification of your timeline. The timeline describes the possible path(s) a subscriber can follow from start to end. In the timeline you can have the following block types:

Start: all subscribers who match the campaign trigger and entry filters are placed here.

Pause Block: these blocks are used to put subscribers on hold for a certain amount of time in the timeline. You can name hold blocks so you can easily recognize what happens in the step. 

Decision Block: decision blocks enable you to let subscribers take different paths throughout the campaign timeline based on their activity. Each block allows for three different paths. You can configure one hold, and two rules. Rules allow you to check whether a subscriber has viewed a certain page on your website, or received/opened/clicked a specific notification. Note that subscribers can only match one decision at a time. Setting two rules and connecting them to a single notification does not mean that subscribers must match both rules before they are sent the notification.

Notification Block: select a notification template to send to your subscribers.

End: subscribers completed the timeline and exit the campaign run

Let's look at how you can use decision blocks. For example, you could configure the campaign timeline like the figure below:

Before the decision block, subscribers are sent a Visit Careers notification. The decision block checks whether the subscriber has clicked that notification, or discarded it. Rule 1 checks whether it was clicked, and if so, routes the subscriber to the end of the campaign:

Rule 2 checks if the notification has not been clicked. If so, the campaign waits 3 days, after which the subscriber receives the notification again.

Time to live

Time to live

The time to live value controls the period PushPro tries to deliver a message to your subscribers. This is especially useful for non-mobile devices which are not always online. You can reduce the TTL for time-sensitive messages. That way your subscribers won’t receive the messages after it stopped being relevant.

The maximum duration of a TTL messages can be set to 28 days.

Templates

You can configure templates to re-use notifications and use them in campaigns. The process of creating a template is almost identical to creating a regular notification. The only difference is that instead of sending the notification to your subscribers, you save it as a template! 

Whenever you are setting up a campaign, the template will be available in notification blocks. Similarly, when you create a plain notification, you can pre-fill it according to the template.

Subscribe to a plan

Once you have an account, you can choose a pricing plan. Based on your business needs - which features and how many subscribers and domains - you can choose one of our three paid plans. Every plan comes with a free 14-day trial! We have two billing options, monthly and annually payments. Annual plans offer you 2 extra months of free PushPro, but the features are the same as its monthly equivalent. Select the plan that fits your business needs and start your 14-day free trial.

To activate your subscription, you will now need to fill out some details about you and your company. We collect this data so that we can get to know you and contact you when necessary. On this page, you can also opt to use a different email address to receive billing receipts, for example a specific finance email address your company uses. Moreover, you can opt-in for our newsletters and product updates. Hit “proceed” and enter your payment details. You won't be billed until after your 14-day trial. Don't like our product? You can cancel your trial at anytime.

For now, we only accept credit cards. Our payment service provider will check the validity of your card. If it's valid, you will be redirected to your personal dashboard. Should you receive an error, please check your card details and make sure they are correct. If you continue to encounter any difficulties, please do not hesitate to contact us.


Statistics

For each campaign, detailed statistics are available. Click on the statistics tab of a particular campaign to see the following screen:

Every run of a campaign will be logged. You can see the date and time when it started, and rename it to make it recognizable for you. Click on the ‘eye’ icon to see detailed insights about the run: 

Analyze the performance of your campaign to iterate and improve on it. If you want to change something in the campaign settings, you must first stop the campaign. Note that this means that any subscribers in a campaign run will immediately stop receiving further notifications configured in the campaign. After you’re done editing the campaign, you can start running it again.

Setup your domains

To enable push notifications on your website, you should first register a domain. In your PushPro portal, navigate to Domains and click “add domain”. You can now input 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.

Segmentation attributes

Segmentation attributes are the data types which you can use to segment subscribers. We have the following attributes available for segmentation:


You can define how every value should be compared with the attribute to determine whether a subscriber belongs to a segment. We have the following comparison options available:

Segment your audience

Create a segment

Segmentation is a powerful feature to send your push notifications to a specific group of people. It enables you to send notifications to subscribers who for example speak Spanish, visited a specific page on your website, or use a specific device or browser.

To set up segments, navigate to the segmentation menu in the PushPro portal. If you’ve configured segments before, you will see an overview of them. For every segment you can see on which domain it’s active. If you want to edit a segment, click the edit icon on the right-hand side. To create a new segment, click “Create new Segment” on the top-right.


Note that you must have tracking enabled in your domain configuration to be able to use segmentation!

Configuring segments

You can modify various settings of the segment. Start by selecting the domain you want this segment to be active on. Next up, input a recognizable name for your segment, such as Android users, German residents or High value customers. Now you can add the segmentation rules. Each row in the interface represents a segmentation rule. For each rule you can configure the following:

  • And/Or: determines whether all rules should be met, or one of the rules.
  • Attribute: select the attribute you want to match against.
  • Comparison: how the value will be compared to the rule.
  • Value: your custom value.

When you add a rule, you have the option to add another rule by clicking the “Add new rule” button. You can configure as many rules for a segment as you’d like. Do note however, that the more rules you add, the smaller your segment will be. The image below displays a possible segment configuration for European Android users who have last visited your checkout page:


If you’re done creating you segment you can click “preview” to see how many subscribers you reach with your current segment.


Schedule a notification

Once you’ve scheduled your notifications you can access your scheduled notifications in the “Scheduled” tab under “Notifications” in the sidebar. Here you are able to edit and configure your scheduled notifications and see how many scheduled notifications you have.

With PushPro, you can easily send scheduled notifications. Navigate to the Push Notifications tab in your portal and create a new notification like you're used to. Below the destination URL you can toggle the "scheduled sending" switch on. You can now select an exact date and time to send your notification. Mind the time zone you're in, which is listed above the date/time selector, and make sure you correctly select AM or PM time. Select Save Notification when you're done!

Override Rules

You can use campaign rules to override the flow of a subscriber through the timeline. These rules apply regardless of a subscriber’s position in the timeline. You can use these rules to force subscribers to skip certain steps or move them to a specific place in the timeline. You can even restart the timeline for a subscriber, or move them directly to the end.

These rules are convenient if your campaign has a certain goal, for example when you are aiming for your subscribers to visit a specific page on your website. You expect them to reach this goal at the end of the campaign timeline. However, if they reach it earlier in the timeline, the rest of the campaign notifications should not be sent anymore. You can use override rules to force your subscribers to jump to the end of the timeline!


My account

My account

You can easily manage your account in the top right corner by pressing the user profile icon. Here you can configure and manage multiple things like:

  • Your account settings
  • Incoming Alerts
  • Invoices
  • Plan Upgrade



Manage your account

You can manage your account settings by clicking the "account" icon in the top right corner of the portal. You can manage four settings: the email address you receive all communications on, your creditcard, billing data and your PushPro plan.

Invoices

Under your account settings in your user profile you can see your Latest invoices and your upcoming invoices. You can download your latests invoices as well see when you will be billed next.

Google Tag Manager

Install the PushPro code snippet with Google Tag Manager

In this guide we’ll go over how you can install the PushPro code snippet using Google Tag Manager, making the installation procedure even easier!

Google Tag Manager

Most marketers and website owners are familiar with Google Tag Manager (GTM). It’s a free tool by Google which you can use to set up tags on your website, which get triggered based on conditions you define. A few very common tags are the Google Analytics (GA) tag, which ensures the behavior of your website visitor gets pushed to GA. Or the Hotjar tag, which heat maps the cursor of your visitors so you can analyze their behavior.

Besides these pre-defined tags, you can also add ‘custom’ tags. That’s exactly what you’ll use to install the PushPro code snippet.

All you have to do is follow a few easy steps, which we'll outline here.

Step 1. Click add a new tag

Step 2. Click on Tag Configuration

Step 3. Select ‘Custom HTML’ as the tag type

Step 4. Copy paste the PushPro code snippet, which you can find in your domain settings

Step 5. Trigger it on all pages, or customize to your liking

Step 6. Save the Tag changes, and submit it to your live website



That’s it, easy right? You have now successfully installed the PushPro snippet on your website.

Don't forget to upload the PushPro file

Now that you have your code snippet installed with GTM, you can add the service worker javascript file to the root of your website source code. If you manage the content of your website yourself, you can insert the files into the root folder.

Make sure to always place the service worker javascript file to the root of your domain, if you don't know how contact support or check the installation here.

Easily manage PushPro on your website with Google Tag Manager. Get ready to send push notifications directly from your website to your user’s mobile device. Need any further help? Contact us at hello@pushpro.io!



Manual installation

Manual Installation

Navigate to your configuration settings to download the javascript file and copy the generated code snippet. Please note that if you change the notification image or custom opt-in, you have to press save so the snippet can automatically update in the background.


You can find the code snippet below the download file in the configuration settings.


Enable HTTPS

To use PushPro, your website 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 have two options to add HTTPS to your website. The first option is that you ask your hosting provider to activate it for you. The second option is that you obtain an SSL certificate yourself, which can be done for free via Let’s Encrypt. Check if everything works by clicking the lock next to your website URL. It should say ‘Connection is secure’.

Upload the PushPro file

Next up, add the Javascript file to the root directory of your website’s source code. If you manage the content of your website yourself, you can insert the files into the root folder.


If you use a third party CMS, you can add the files via the CMS portal. In the domain settings, enable ‘Use an extension for this domain’ and copy your newly generated API key in your CMS extension:

Upload the PushPro code

The last step is including the code snippet we generated for you in the <head> of your website. Similar to the Javascript file, you can either add this yourself in the index.html, or input it via your CMS.

Verify your setup

To check if PushPro is installed correctly on your domain, you can simply run a verification check in the portal.


Navigate to “Configuration” and go to step 3/3 “Installation check” press the button “check now” we will verificate in three steps if your installation status is OK.

If you get an error message in one of the following steps verify please follow our instructions below:


  1. Check the code snippet

Error message: The code snippet is not found on your webpage. Please upload the correct code snippet.


Solution: First verify if HTTPS is enabled by checking your browser url for the (green) safety lock.


After you that HTTPS is turned on copy the code snippet and upload it to your website .html file, where you place it between the <head> </head> tags. If you want to follow the full guide how to install PushPro manually follow the instruction here. If you want to avoid all the hassle check if there is an extension available for your website here.


  1. Check the service worker file

Error message: The service worker file is not found on your domain. Please upload the service worker file.


Solution: Go back to step 2/3 in your configuration menu and download the service worker file if you haven’t done this yet. Make sure this file is installed in your website Root Folder. The Root Folder can be accessed via FTP, read more on how to install a file in your Root Folder here.


If you use a third party CMS, you can add the files via the CMS portal. In the domain settings, enable ‘Use an extension for this domain’ and copy your newly generated API key in your CMS extension panel.


  1. Check site ID parameter

Error message: The site ID’s on your website and your current domain are not corresponding. Please use the correct code snippet.


Solution: Go back to step 2/3 in your configuration menu and make sure the code snippet “site_uuid” is equal to the code snippet you placed in your website .html file between the <head> </head> tags.




Entry Filters

You can use entry filters to further specify when subscribers enter the campaign. There are two filters available, either a subscriber must belong to a segment, or the campaign checks whether the subscriber has entered a campaign (run) before. The campaign membership check has three available options:

  1. A subscriber may always enter a campaign run
  2. A subscriber may only be in one campaign run at a time (for page visit campaigns)
  3. A subscriber may only enter each campaign run once (for interval campaigns)
  4. A subscriber may only enter the campaign once

Note that for new subscriber event campaigns, you cannot configure the entry filters. Every new subscriber event - which typically occurs only once per subscriber - will enter the campaign.

For example, you could choose to only let subscribers based in Europe enter the campaign. Moreover, subscribers can only be active in one campaign run at a time.

Enable Tracking

If you are on the PushPro Growing plan, you will have access to user segmentation. For segmentation to work, PushPro will collect various anonymous data from your subscribers, such as their browser type, timezone and visited page URLs. If you want to use segmentation, make sure to have this setting enabled.

If you are not (yet) on the Booming plan, you can still enable this feature. This will let you already gather subscriber data, which you can use as soon as you upgrade to the Booming plan. You’ll be off to a great start with already a lot of subscriber data at your disposal!


Note that enabling subscriber tracking will update your code snippet to include a line tracking: true, so make sure to update the snippet on your website.


E-mail settings

Under “Settings” in your user profile you can find you email address. Updating your email address can be helpful if you want to receive the various emails we send on a different email. You can also opt in or out of our promotional emails.

Draft a notification

When creating a new push notification, instead of send now, hit 'save notification'. The notification will be saved as a draft, which you can see in the draft notifications overview. If you want to edit your draft, or push it to your subscribers, click the edit icon.



Download the PushPro file and code snippet

Navigate to your configuration settings to download the javascript file and copy the generated code snippet. Please note that if you change the notification image or custom opt-in, you have to press save so the snippet can automatically update in the background.



You can find the code snippet below the download file in the configuration settings.



Customize the opt-in request

Customize the opt-in request

A custom opt-in request will significantly improve your subscriber numbers. Instead of only showing the browser prompt, the PushPro custom opt-in will show an pop-up which is fully customizable. Gain brand awareness and friendly ask your visitors you would like to offer them your push notification service.

By default we configured a standard opt-in request for you. You can change your custom opt-in by going to “Configuration” -> “Custom opt-in”.

Select what you want to customize, this can be content, styling and settings.

Content

Once you’re here fill in your “opt-in title”, “opt-in message” and “button text”

Styling

Configure your styling as you like for example in your website styling to make it user friendly and give a certain amount of trust to your users.

Styling the opt-in can be done by giving a background color to the opt-in as well as a text color.

Next you can style the allow/don’t allow buttons text, borders and backgrounds. On mouse-over you create different effects to give it a fancy look and feel.

Settings

You can configure the following settings

  • When to trigger the opt-in prompt
  • Interaction with the website whenever the opt-in is shown
  • Position of the custom opt-in prompt
  • When to prompt visitors again who previously rejected

When to trigger the opt-in prompt

You can either automatically show the opt-in prompt as soon as a visitor loads your website, or after a particular interaction. In the case of triggering it after an interaction, you can paste a line of code in your website's code. For example, whenever someone clicks a button, or clicks a certain link. You must paste the following line of code to your website's code to manually trigger the opt-in: 

'window.handlePushProSubscription()'

You can either choose to only display the native browser prompt after an interaction, or show the PushPro custom prompt first.

Interaction with the website when the opt-in is shown

You may want to allow website visitors to continue engaging with your website whenever the opt-in prompt is shown. On the other hand, you may want to force them to allow or deny your prompt first. Toggling this setting to 'on' allows your visitors to engage with the rest of your website. By default, it is set to 'off'.

Position of the custom opt-in prompt

You can configure the opt-in position where your visitors will see your opt-in as you like. You can choose between:

  • Bottom left
  • Bottom center
  • Bottom right
  • Top left
  • Top center
  • Top right
  • Center left
  • Center center
  • Center right

Tip: Verify if your opt-in request is not overlaying your cooking consent or other banners.

When to prompt visitors who previously rejected your opt-in

When your visitors decide to not accept your opt-in, you can configure a timeframe to determine when they receive your opt-in again. You can select your preferred time frame or simple never show the opt-in again.

Customize the notification image

You can customize the image which will be shown for each notification you send from the selected domain. Select your domain -> go to configuration -> click on the placeholder image and upload your logo or any other engaging image!

Note that your image size must be 192 pixels by 192 pixels to create a clear view for your visitors.

Tip: if you’re using a .png image you can change the background of your opt-in message, to make your icon more visible.

Credit card details

Under your account settings in your user profile you can add a new credit card or change your current one by clicking ‘Change credit card’. Input your name, credit card number, cvc and postal code. No need to worry about safety measures, your financial information never touches the PushPro servers. It goes straight to our DCI PSS compliant payment provider.

Create your first push notification

Navigate to “Notifications” in the sidebar menu to start creating your notifications. You’ll see an overview of your notifications.

Click on the right top button “Create new notification” and enter the title of your notification.

Creating a notifications exists of three simple steps starting with step one:

Step 1. Composing your notification.

If you are on the correct plan, you can also select to which user segments you want this notification sent to. Next up, you can edit the title and message text. Make sure to add some emoji to increase your click through rates! 🔥

Configure the destination URL, which will determine to which web page your audience will be redirected if they click on the notification. Make sure to start your URL with “https://”. Optionally, you can also create a button on the notification by adding button text. If you’re sure that your push notification is set up correctly, hit “Send Now”!  Or if you’re wondering what your notification will look like you can send it to yourself by pressing “Test Now”. Now go to step 2 and set a Time to Live and vibration pattern.

Step 2. Notification Settings

Choosing the right settings for your notification can be importanted as you are able to set a time to live and a vibration pattern.


Time to Live

The time to live value controls the period PushPro tries to deliver a message to your subscribers. This is especially useful for non-mobile devices which are not always online. You can reduce the TTL for time-sensitive messages. That way your subscribers won’t receive the messages after it stopped being relevant.



Vibration pattern

You can choose a vibration pattern for the device’s vibration hardware to emit when the notifications fires. At the moment this functionality is supported by Chrome, Opera and Samsung browsers on Android up to version O.

Schedule a notification

With PushPro, you can easily send scheduled notifications. Navigate to the Push Notifications tab in your portal and create a new notification like you're used to. Below the destination URL you can flip the 'scheduled sending' switch to on the send now button will turn grey and your online able to save the notifications to your scheduled menu. You can now select an exact date and time to send your notification. Mind the time zone you're in, which is listed above the date/time selector, and make sure you correctly select AM or PM time. Select Save Notification when you're done!


Step 3. The Notification Summary

The notification summary is very helpful as it provides your from all the details about the notification you’ve just made. This includes the amount of subscribers the push notification will be sent to, the time to live and the vibration pattern.





Create your account

The first thing to do is to register an account. You can do so by navigating to the PushPro portal and clicking “Sign up here”. You will land on our application portal, where you can register a new account. You can either register using one of our social login options - we currently support Google - or create an account with your email address and a password. 

If you created your account using an email address and password, you will receive a verification email shortly after clicking “sign up”. We want to verify your email address to make sure that it was actually you who registered for an account. Click the link in the email to make sure your registration is successful. If you created your account using a social login, verification is not necessary.

Login to the portal by entering your credentials or by using the social login option. This will log you in to your personal PushPro environment. You have now successfully created your PushPro account!

Create a new campaign

Campaigns enable you to send automated push notifications to your subscribers. It helps you to engage with your subscriber without having to configure and send a single push notification by yourself, the campaign will do all the work for you. 

To set up a campaign, navigate to the Campaigns menu in the PushPro portal. You’ll see an overview of all your campaigns in this screen. Click “Create new campaign” to get started:

To create a successful campaign provide the internal name of your campaign. Give it a recognizable name and choose a campaign type. You can choose from the following campaign types:

  • New subscriber event: a subscriber enters this type of campaign as soon as she subscribes to your push notifications. Choose this campaign type if you would like to send one or more welcome messages to your new subscribers. 
  • Interval event: this campaign type is based on a predefined time schedule. You can configure the campaign at a set time every day, week, month or year. These campaigns are great if you offer recurring deals or host events.
  • Page visited event: this campaign type activates when a subscriber visits a specific page on your website. For example, when your subscriber visits any page starting with ‘careers/’, or ‘order-confirmation’. You could keep them up to date about new job offers, or thank them for placing an order.

Select the campaign type you wish to use and complete the setup. Hit save, and your campaign is created! You will see the following screen:


Campaign Types

When you create a new campaign, you can choose from the following campaign types:

  • New subscriber event: a subscriber enters this type of campaign as soon as she subscribes to your push notifications. Choose this campaign type if you would like to send one or more welcome messages to your new subscribers. 
  • Interval event: this campaign type is based on a predefined time schedule. You can configure the campaign at a set time every day, week, month or year. These campaigns are great if you offer recurring deals or host events.
  • Page visited event: this campaign type activates when a subscriber visits a specific page on your website. For example, when your subscriber visits any page starting with ‘careers/’, or ‘order-confirmation’. You could keep them up to date about new job offers, or thank them for placing an order.

Campaign Status

Your campaigns can have one of three different states: active, paused, or stopped.

Active: any subscriber may enter the campaign is she satisfies the entry rules

Paused: all notifications which are in queue will be sent and the campaign stops afterwards

Stopped: the campaign stops immediately, no further notifications will be sent



Billing information

Under your account settings in your user profile you can edit your billing settings, manage the information we will show on your subscription receipts. For example, change your address or the email address you will receive your receipts on. Note that you cannot change your country due to tax reasons.


Analyze your message performance

You can analyze the performance of each individual push notification you have sent. Each row in the table represents one of your messages.

  • Title: Represents the name of your push messages
  • Notification title: The title of your notification subscribers will see on their phone
  • Delivered: Amount of subscribers that received the push notification
  • Opened: Amount of subscribers that opened the push notification
  • CTR: Represents the Click Through Rate (Delivered messages divided by opened messages)

Using these statistics will help you improve the quality and performance of your notifications.

Add a domain

To enable Push Notifications on your website, you should first register a domain. In your PushPro portal, navigate to Domains and click “add domain”. You can now 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.


Account Alerts

Under your account settings in your user profile you can see alerts messages. These alerts relate to general notifications and notifications about your account such as; limits, payments and upgrades.