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.
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!
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.
Every time a website visitor allows you to send them Push Notifications via PusherStudio, (s)he clicks "allow" on their browser prompt.
This action triggers the creation of a subscription object which PusherStudio receives. Using this, we can reach your subscriber's browser.
Each of these subscription objects has a status, active or inactive. With every Push Notification you send, we check the subscription status.
Every active subscription object counts as a subscriber in your plan.
In your portal, you have an overview of your active subscribers and your Push Notification performance.
This action triggers the creation of a subscription object which PusherStudio receives. Using this, we can reach your subscriber's browser.
Each of these subscription objects has a status, active or inactive. With every Push Notification you send, we check the subscription status.
Every active subscription object counts as a subscriber in your plan.
In your portal, you have an overview of your active subscribers and your Push Notification performance.
You will be charged on a recurring basis, either monthly or yearly. We collect your payment details when you select your first paid plan.
After each successful charge, we will send you a billing receipt.
Check your user account profile to see your latest and upcoming invoices.
After each successful charge, we will send you a billing receipt.
Check your user account profile to see your latest and upcoming invoices.
You can choose a vibration pattern for the device’s vibration hardware to emit when the notification fires. At the moment, this functionality is supported by Chrome, Opera, and Samsung browsers on Android up to version O.
Time to Live
The Time to Live value controls the period PusherStudio 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 (40320 minutes).
The Time to Live value controls the period PusherStudio 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 (40320 minutes).
No, they don’t! The great thing about PusherStudio is that you can send web-based Push Notifications. Once your website visitors have opted in to your Push Notifications, they will receive the notifications straight from your website, no mobile app needed.
You can with interval notifications. Head over to the campaigns feature and create a new campaign. Make sure to choose the campaign type interval event. Pick the frequency you would like to send notifications with and configure your timeline.
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.
We currently only accept credit cards, namely VISA, MasterCard, and American Express. We are actively working towards adding support for more payment methods such as PayPal and iDeal. Contact us at info@iroot.in if you have other payment requirements.
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
