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.
On your PusherStudio portal, you will see "reports" in the dashboard. You can analyze the performance of each individual Push Notification you have sent. Each row in the table represents one of your messages. You are able to see the title of your message, how many subscribers received the message, how many of them opened the message, and finally what the click-through-rate is. You can use these statistics to improve your notification performance.
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.
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/”
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!)
Yes. Please contact Customer support in order to make this change
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 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!
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.
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.
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
