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/”
If you forgot your password, you can reset it at the login page. Simply click “forgot your password?” below the login fields and you will be sent a link to reset your password. If you still can’t login to your account, contact support at info@iroot.in, with subject “account”.
You can send a Push Notification in a few easy steps. Select the domain you want to send Push Notifications from. Next up, go to “notifications” in the sidebar menu and follow the steps to create a Push Notification. Give your notification a name, provide it with a message title, body text, destination URL, and a button text.
In step two, you can provide the notification with a Time to Live and a Vibration pattern.
A mobile preview is shown immediately and by pressing “Test Now”, you can preview the notification on a laptop/desktop. Subsequently, save the notification as a draft, schedule the notification, or send it directly.
In step two, you can provide the notification with a Time to Live and a Vibration pattern.
A mobile preview is shown immediately and by pressing “Test Now”, you can preview the notification on a laptop/desktop. Subsequently, save the notification as a draft, schedule the notification, or send it directly.
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!
Yes, definitely! All you need to do is include our import script to the first line of your service worker file and have our snippet added to the of your website.
However, please note you can not use multiple push notification services at the same time. Make sure there is only one service using the Push API
However, please note you can not use multiple push notification services at the same time. Make sure there is only one service using the Push API
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.
It's super easy to use PusherStudio on popular CMS vendors. For every domain you want to use PusherStudio on, generate an API key in the domain settings.
Copy this API key and input it in your CMS.
We currently support:
- Magento 2
- WordPress
- BigCommerce
- WooCommerce
- Shopify (coming soon!)
Copy this API key and input it in your CMS.
We currently support:
- Magento 2
- WordPress
- BigCommerce
- WooCommerce
- Shopify (coming soon!)
We will notify you when you reach 50%, 80%, and 100% of your plan’s subscriber limit, so you will have plenty of time to consider an upgrade. We will send you an alert in your user profile so you always know!
If you do hit the 100% limit, we will still register new subscribers for a limited period. However, you won’t be able to send them Push Notifications.
When you upgrade your plan, these ‘sleeping’ subscribers will be reactivated.
If you do hit the 100% limit, we will still register new subscribers for a limited period. However, you won’t be able to send them Push Notifications.
When you upgrade your plan, these ‘sleeping’ subscribers will be reactivated.
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.
Yes, with our campaigns feature, you can configure multiple notification campaigns. Define rules when subscribers enter your campaign and design the timeline. You are in full control of when subscribers receive particular notifications. You can even override particular timeline settings to control specific events.
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
