Enable web push on a website
Set up browser push notifications, test the permission prompt, and confirm subscribers are collected.
Enable web push on a website
Pushrr supports a hosted browser-code flow for any HTTPS site and a Shopify-connected same-origin flow. Use website code by default; Shopify merchants can connect the app for storefront and commerce features.
How subscription works
When a visitor clicks allow, the browser creates a push subscription. Pushrr stores the subscription endpoint and browser keys for the site, then uses the site's stable VAPID key pair when sending notifications.
No manual VAPID setup
Pushrr prepares VAPID keys automatically per website. Existing keys are not rotated during normal setup, because rotating keys can make existing browser subscriptions unusable.
Test subscription flow
Open the connected website in Chrome, Edge, Firefox, or another Web Push capable browser.
Trigger the Pushrr opt-in prompt.
Click Allow in the browser permission prompt.
Return to Pushrr and open Subscribers.
Confirm a new active subscriber appears with browser and device details.
Browser behavior to expect
- Visitors who click Allow become active subscribers.
- Visitors who click Not now may be prompted again later, depending on the prompt delay.
- Visitors who block notifications in the browser must re-enable permission in browser settings.
- iOS web push requires Safari and the store to be added to the home screen.
Setup modes
| Mode | When to use it | Notes |
|---|---|---|
| Website code | Default for any HTTPS website or web app | Uses the site's stable Pushrr-hosted permission origin. |
| Shopify app mode | Shopify storefronts | Uses the Shopify connection and app proxy path. |
| Advanced same-origin | Custom deployments | Requires a service worker served from the website origin. |
Verify readiness
Use the setup pages to confirm:
- Site URL is the real public website URL.
- The selected integration is active.
- The website prompt appears.
- A real test subscriber is created.
- Test notifications can be sent without errors.