# Mobile Web Push for iOS

Web Push notifications are a powerful tool for engaging users and driving traffic to a website or platform. With the introduction of iOS and iPadOS 16.4+, marketers can now leverage web push notifications on these devices. This allows for a wider reach and enhanced user engagement through web apps added to a user's home screen.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FF4Y9Ny2HQsufNlCFeuEL%2Fwhat-is-new-07%20(2).png?alt=media&#x26;token=c92d33ec-aa25-42ba-be7f-920c8df4777d" alt=""><figcaption></figcaption></figure>

## Step 1: Application Configuration

Before creating Mobile Web Push notifications, ensure your application is properly set up. Please refer to the [**Developer Guide**](https://user.netmera.com/netmera-developer-guide/platforms/web/mobile-web-push-for-ios) for detailed configuration steps.

## Step 2: Users Add Your Website to Their Home Screens

For users to receive web push notifications, they must **add your website to their home screen**. This step is crucial, as web push notifications on iOS only work for home screen web apps.

#### User Steps

1. Open the website on an iOS/iPadOS 16.4+ device.
2. Click the **Share** button.
3. Select **Add to Home Screen**.
4. Save the app on the device home screen.
5. Open the app from the home screen.
6. Subscribe to notifications via the **Fancy Box**.
7. The native permission prompt should appear when the subscribe button is clicked.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F4XkxIpZy0xNNaCukSRD5%2FFrame%2091432%20(1).png?alt=media&#x26;token=731c486b-8b2d-4c83-b893-e66243c0a258" alt="" width="375"><figcaption></figcaption></figure>

## Step 3: Granting Push Permission

Once the website is added to the home screen, users must **allow push notifications** to start receiving alerts.

1. Users open the app from the home screen.
2. The website triggers a **Fancy Box** requesting push notification permissions.
3. Users must grant permission to receive web push notifications.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FfnyYkv8RSkFOXtk9wawR%2FScreenshot%202025-03-05%20at%2014.51.23.png?alt=media&#x26;token=06e7deb3-5bb6-4d2e-8009-1a66459f03fc" alt="" width="375"><figcaption></figcaption></figure>

## Step 4: Sending a Web Push Notification for iOS

Once users have granted push permissions, notifications can be sent using the **Netmera Panel**.

#### Steps to Send a Notification

1. Navigate to the **Netmera Panel**.
2. Select **Create New Campaign > Web > Safari** to configure and send notifications to iOS users.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FVjsm4RxAuBywrti2GvrF%2FScreenshot%202025-03-05%20at%2014.52.31.png?alt=media&#x26;token=5753935a-15bd-4d56-bbb5-9c76dcfd554d" alt=""><figcaption></figcaption></figure>

Web Push notifications on iOS and iPadOS open up new opportunities for customer engagement. By following these steps, you can increase retention, improve conversions, and keep users informed in real-time.

## How to Segment Mobile Web Push Opt-in Users?

You can target users who have opted in for **Mobile Web Push** on iOS by following these steps:

1. **Go to Targeting:** Navigate to **Targeting > People** in your dashboard.
2. **Filter by Platform:** Under **Platform**, select **Safari**.
3. **Select Device Type:** Choose **Device Type > Mobile** to filter mobile users.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FnkWNM0D5Q3joGBARHYDj%2Fimage.png?alt=media&#x26;token=4a4b4edf-51e5-4e4b-be70-0401646d44d2" alt="" width="563"><figcaption></figcaption></figure>

4. **Target Users Found:** Once the list is generated, save it as a segment to use in your future campaigns.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FkOohZFfb3n7qabovgRqm%2FScreenshot%202025-03-12%20at%2017.02.24.png?alt=media&#x26;token=e9d6e854-7282-4ddb-afad-3c2f673dee17" alt="" width="563"><figcaption></figcaption></figure>