Why the image is not displayed in the web push notification?
In this article we give some tips for troubleshooting, in case the image of a web push notification is not displayed. Image format Some image formats, like SVG may not be ... More Details
Revolutionize Your Website Engagement with Seamless Push Notifications
In today's fast-paced digital landscape, maintaining a direct and immediate connection with your audience is paramount. PusherStudio empowers you to engage with all your visitors on their mobile devices by sending powerful push notifications straight from your website—no native app required. With a swift 5-minute installation, you can unlock a new realm of user engagement and retention.
Why Choose PusherStudio?
Why Choose PusherStudio?
Key Features of PusherStudio:
Key Features of PusherStudio:
- Customizable Notifications - Tailor your messages with personalized content, images, and call-to-actions to resonate with your audience and drive desired actions.
- Advanced Segmentation - Target specific user groups based on behavior, demographics, or preferences, ensuring your notifications are relevant and impactful.
- Real-Time Analytics - Monitor the performance of your campaigns with comprehensive analytics, allowing you to refine your strategies and maximize engagement.
- Automation Capabilities - Set up automated notification sequences triggered by user actions or predefined schedules, streamlining your communication efforts.
- Cross-Platform Support - Deliver notifications across various browsers and devices, ensuring a consistent experience for all users.
Getting Started with PusherStudio:
Getting Started with PusherStudio:
Embarking on your journey with PusherStudio is straightforward:
- Sign Up - Create your PusherStudio account to access our user-friendly dashboard.
- Install the Code - Integrate our lightweight code snippet into your website. Our step-by-step guide ensures a smooth setup process.
- Customize Your Notifications - Design and configure your push notifications to align with your brand and messaging strategy.
- Engage Your Audience - Start sending notifications and experience enhanced user engagement and retention.
Join the Ranks of Successful Visitors
Join the Ranks of Successful Visitors
By choosing PusherStudio, you're aligning with a cutting-edge solution designed to elevate your website's engagement metrics. Experience the benefits of direct communication with your audience, increased return visits, and improved conversion rates.
Embrace the future of website engagement with PusherStudio—where your content meets your audience, instantly.
Ready to Transform Your Web Engagement
Getting Started with PusherStudio
Start using PusherStudio today and take your website engagement to the next level!
Latest Articles
The latest articles from our blog, you can browse more
Domain redirect and web push notifications
Have you ever wondered what happens to the subscribers that receive your notifications if you decide to migrate to a new domain? The first thing to notice is that the push ... More Details
Add analytics to web push notifications
How can you collect analytics for web push notifications (e.g. clicks)? If you have a website that sends web push notifications you probably want to collect some stats, includin... More Details
Send recurring web notifications to re-engage your users
Recurring web notifications (e.g. every day, every week, every month, etc.) can be a simple strategy to re-engage your website users. Here's some examples of recurring notificat... More Details
Web Push Notifications: multiple accounts on the same browser
How can you manage push notifications when a user uses multiple accounts on the same browser? What can you do if multiple users use the same device / browser? For example: Us... More Details
Is it possible to display newlines inside web notifications?
You can include newlines and line breaks inside the body of web notifications. Newline characters (\n) work properly on all major browsers (like all the other Unicode characters... More Details
How to send notifications with JavaScript (in 10 lines of code)
It's very simple to display a native notification using JavaScript. <script> function showNotification() { Notification.requestPermission().then(permission => {... More Details
Google is removing the inactive and unreachable push subscriptions
Have you noticed an increase in the number of invalid subscriptions that return 404 when you send a notification? That can be related to a recent change in the Chrome push servic... More Details
How to build a custom notification prompt with Tailwind and PusherStudio
Let's see how to design a custom prompt for asking notification permission using Tailwind CSS. Although you cannot replace the native permission prompt defined by the browser, i... More Details
What happens to the push subscription when you clear data from browser?
A user visits a website and subscribes to the notifications. Then, after some time, he opens the browser settings and clicks "clear data" in order to remove the history and all t... More Details
iOS special requirements for web push notifications
iOS has some additional requirements for web push notifications. First requirement: Add to Home Screen If your PWA is opened inside a browser tab on iOS, then the notifications... More Details
Frequently asked questions
Find clear answers to common questions and past inquiries, Clear answers to common curiosities.
With our page visit campaigns, you can! Create a new campaign of this type and select which page should be the trigger for one or more notifications to be sent. You can choose a specific page, or a group of pages which begin or end with some specific text. For example, a clothing shop could choose all jackets by selecting “page starts with” and input the text “category/jackets/”
When you login to the PusherStudio portal, you will see an overview of your (in)active domains. Press the ''gear'' icon of the domain you want to edit so you can start configuring your domain settings.
Screenshot of the domain dashboard in the PusherStudio portal
You can edit several things:
The name and URL of your domain (Press the ''pencil'' icon on the right of your domain name). The domain name and URL listed here are for your own reference only. If you want to switch the domain you use PusherStudio on, your current subscribers will not be transferred to your new domain. Please contact us at info@iroot.in to transfer your subscribers.
(Paid plans) The notification image. Upload an image which will be shown on every notification sent from the selected domain.
(Paid plans) The custom opt-in message. Here you can change the title and body text of your custom opt-in request.
Screenshot of the domain dashboard in the PusherStudio portal
You can edit several things:
The name and URL of your domain (Press the ''pencil'' icon on the right of your domain name). The domain name and URL listed here are for your own reference only. If you want to switch the domain you use PusherStudio on, your current subscribers will not be transferred to your new domain. Please contact us at info@iroot.in to transfer your subscribers.
(Paid plans) The notification image. Upload an image which will be shown on every notification sent from the selected domain.
(Paid plans) The custom opt-in message. Here you can change the title and body text of your custom opt-in request.
This can happen if the PusherStudio code snippet on your website has been added more than once or if you have added multiple snippets from different Web Push Notification service providers. Make sure to delete all pre-existing Push Notification Javascript files before using PusherStudio. Moreover, always make sure you are using the latest PusherStudio code. Finally, empty your site cache and reverse proxies such as CloudFlare if being used.
PS: iOS does not allow sending Push Notifications yet. Therefore, you won't be able to see the opt-in request on iOS devices.
PS: iOS does not allow sending Push Notifications yet. Therefore, you won't be able to see the opt-in request on iOS devices.
Sure you can! 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.
In some cases, it may occur that your visitors reject the custom opt-in and browser notification.
There are two scenarios:
A visitor can reject the first Push Notification opt-in.
A visitor can accept the opt-in and block the browser notification.
For the first scenario, the visitor is still able to accept the opt-in by refreshing the page or during his next visit to the website.
In case the second scenario occurs and the visitor blocked Push Notifications but changes his mind and wants to accept Push Notifications, the best way to fix this problem is to clear the browser cache. If he decides to clear his cache, he should do the following; 1. Open up the browser
2. Go to settings
3. Find the setting to clear the browser data/history.
There are two scenarios:
A visitor can reject the first Push Notification opt-in.
A visitor can accept the opt-in and block the browser notification.
For the first scenario, the visitor is still able to accept the opt-in by refreshing the page or during his next visit to the website.
In case the second scenario occurs and the visitor blocked Push Notifications but changes his mind and wants to accept Push Notifications, the best way to fix this problem is to clear the browser cache. If he decides to clear his cache, he should do the following; 1. Open up the browser
2. Go to settings
3. Find the setting to clear the browser data/history.
No need to worry, you can edit the domain from the settings page and add the correct domain name. This will not affect any running operations.
Multi user means that you can have multiple users within one PusherStudio account. These users can all work together on the same domain, notifications and campaigns.
To use PusherStudio, 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.
Subsequently, create an account with PusherStudio or Sign In. Go to your domain > Configuration > Installation. You could choose for manual installations or installation for extensions. With the extension, you only need to install and configure it, no need to go through the steps of 'Default Installation'.
If you want to install PusherStudio manually, download the Javascript file and add the 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 such as Wordpress, you can add the files via the CMS portal. The last step is including the code snippet we generated for you in the of your website. Similar to the Javascript file, you can either add this yourself in the index.html, or input it via your CMS.
You can verify if you set everything up correctly by navigating to https://yourdomain.com/pusherstudio.js. If you do not get a 404 error, everything should be working!
That’s all, your website is now ready to send Push Notifications!
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.
Subsequently, create an account with PusherStudio or Sign In. Go to your domain > Configuration > Installation. You could choose for manual installations or installation for extensions. With the extension, you only need to install and configure it, no need to go through the steps of 'Default Installation'.
If you want to install PusherStudio manually, download the Javascript file and add the 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 such as Wordpress, you can add the files via the CMS portal. The last step is including the code snippet we generated for you in the of your website. Similar to the Javascript file, you can either add this yourself in the index.html, or input it via your CMS.
You can verify if you set everything up correctly by navigating to https://yourdomain.com/pusherstudio.js. If you do not get a 404 error, everything should be working!
That’s all, your website is now ready to send Push Notifications!
We support all major browsers, including:
Chrome (Desktop + Mobile)
Firefox (Desktop + Mobile)
Microsoft Edge (Desktop)
Opera (Desktop + Mobile)
Safari for Mac
Please note that iOS does not currently support Web Push Notifications. As soon as Apple provides support for iOS, we will implement this for use with PusherStudio.
Chrome (Desktop + Mobile)
Firefox (Desktop + Mobile)
Microsoft Edge (Desktop)
Opera (Desktop + Mobile)
Safari for Mac
Please note that iOS does not currently support Web Push Notifications. As soon as Apple provides support for iOS, we will implement this for use with PusherStudio.
The domain, on which you implement PusherStudio, will affect where your website visitors are requested to opt-in to Push Notifications. In most scenarios, you want to ask your visitors to opt-in on your homepage, which is the top-level domain.
To enable Push Notifications on your website, you should first register a domain. In your PusherStudio portal, click “New 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.
To enable Push Notifications on your website, you should first register a domain. In your PusherStudio portal, click “New 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.
Testimonials
We are proud of our customers testimonials, which reflect their satisfaction with our services.
Our Partners
Long term partnerships with leading local and international companies
