Installing PushPro On Your Website

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
Screenshot f TYPO3 dashboard including PushPro plugin

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

Screenshot of the domain dashboard in the PushPro portal

Configuring Your Domain

Once you have set up your domain:

  • Go to  "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 enabled by default so you can gather information about the way your subscribers use your site. This can be very helpful once you start using segmentation.

Screenshot of the configuration setting in the PushPro portal

Enable the TYPO3 extension

Once you verified that tracking is enabled:

  • Go to the next step "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.
Screenshot of the installation for extensions page in the PushPro portal


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

Screenshot of PushPro plugin installation in the TYPO3 CMS


Verify your PushPro installation

Now that you have followed all the steps above, it's time to double check your installation > Navigate to your website front-end, 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!

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">

Ready to take PushPro for a spin? Get started for free now.

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