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 “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.
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.
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.
Now go back to your TYPO3 CMS, select the PushPro extension, 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 > 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!
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">
