Web Push Notifications Setup
Set up web push notifications in 2 simple steps. Complete integration in under 5 minutes.
Quick Setup
HTTPS required. Works on Chrome, Firefox, Safari, and Edge.
2-Step Setup
1
Upload SDK Files
Download and upload to your site's root directory
Example:
Download SDK
https://www.yourdomain.com/sw.js
2
Add Code to Site
Paste into your <head> tag
<head>
<script src="https://dev.leadnest.ai/storage/sdk.js"></script> <script data-app-key="AaXFXluzlUy76DhAZwCT1hPmQgDxSdC.jsWHdrtk" data-vapid-key="MUhJRnBdaUhRQjLFrjpLy-jdMFXKTGF2TkRuBTg3bxAzEfAn" data-app-id="b3mQQtcBuwTo3BxAFzEfAn"></script>
Verify Installation
- Check Console: Open browser dev tools (F12) and check for errors
- Test Permission: Visit your site and verify the notification prompt appears
- Send Test: Send a test notification from your LeadNest dashboard
Troubleshooting
Service Worker 404 Error
Upload SDK files to root directory, not a subdirectory.
HTTPS Required
Web push requires HTTPS. Install an SSL certificate on your website.
Permission Not Showing
User may have blocked notifications. Reset in browser settings.
Best Practices
- Request permission after user engagement, not on page load
- Explain the value before showing the permission prompt
- Test on multiple browsers before going live
- Monitor opt-in rates in your dashboard
Next Steps
Coming Soon Features
We're constantly working on new features to help you scale your communications. Here's what's currently in development:
AI Lead Scoring
Predictive Optimization
Multi-language Bots
Expanded CRM Sync
Need Help Getting Started?
Book a personalized demo with our team and discover how LeadNest can transform your communication strategy.