# Create Web Push

{% hint style="info" %}
**Quick Steps Guideline**

Go to your Netmera Panel and click:

**Messages** > **Campaigns page >**  **Create New Campaign**

1. Add **Campaign Name** and select **Notification Type (Web Push)** on [**Setup**](#step-1-setup).
2. Add information about your **Notification Message, Title** and more on [**What** ](#step-2-what)page.
3. Select your **target group** on [**Who** ](#step-3-who)page.
4. Decide on your **notification time, expiry date and speed** on [**When** ](#step-4-when)page.
5. On the last  [**GO**](#step-5-go)**! page,** review your notification details and test the message on your device **before publishing**. Once everything looks good, click **SEND** to publish your notification.
   {% endhint %}

### Web Push Types

Netmera offers two types of Web Push notifications to reach your users:&#x20;

* **Text :** Notifications that include title, thumbnail and message, all of which can be personalized.&#x20;
* **Image :** Notifications that include banner, title, thumbnail and message with full personalization support.&#x20;

{% hint style="info" %}
You can add **interactive buttons** to both Text and Image notifications to increase engagement.
{% endhint %}

{% @arcade/embed flowId="BTSE1e98FeovGVSx88Ks" url="<https://app.arcade.software/share/BTSE1e98FeovGVSx88Ks>" %}

## Create New Campaign

When you click the **Create New Campaigns** button located on the right side of the Campaigns Dashboard page, a new campaign creation screen will open.&#x20;

On this screen, you will be guided through a series of steps, including **Setup, What, Who, When, and GO** to configure various aspects of the campaign, such as the target group, delivery time, and more. Once you have completed these steps, you can access all the information related to the message created in the GO stage, and after testing with test devices, you can send it for Admin approval.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FldUmqtxkkg6PLmySLeuS%2Fimage.png?alt=media&#x26;token=a4e71d34-672b-4716-a224-ac7baa268871" alt=""><figcaption></figcaption></figure>

## Step 1: Setup

In the **Setup** step, you define the essential information for your campaign, including its name, type, notification format, and estimated reach. \
\
In the **Campaign Name** field, enter a clear and descriptive name for your campaign. Under **Campaign Type**, select the channel you want to use such as *Push Notification*, *Web Push*, *SMS*, or *Email*. For this process, choose **Web Push** to continue configuring your notification for mobile or web.&#x20;

On the left side of the page, select your **Notification Format** as either **Text** or **Image**. You can also enable interactive buttons for both formats by selecting the checkbox **Add Buttons (Interactive)**.

On the right side, you’ll see the **Reach Estimate**, showing the approximate number of users and devices your message can reach, categorized by browser type and total recipients. This helps you gauge the overall reach and platform distribution of your campaign.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FVJsKGmpzJkMpzBoBlSyB%2FScreenshot%202023-06-05%20at%2014.12.51.png?alt=media&#x26;token=1421c2df-7428-4016-8392-d7fc8bb799d8" alt=""><figcaption></figcaption></figure>

## Step 2 : What

The second step in launching your notification is **What** section. In the **What** step, the content of the push notification is created. Fields such as **message text, message title, thumbnail** that will appear on target devices are defined in this step.&#x20;

### **Category**

Category field allows you to categorize your messages based on your own predefined criteria or use case. For example, you might have categories such as "Promotions," "News Updates," "Account Notifications," or any other relevant labels that align with your messaging strategy.&#x20;

By assigning each notification to a specific category, you can quickly access, filter and manage related messages. Whether you're sending promotional offers, important announcements, or transactional updates, Message Categories help streamline your workflow and enhance your notification management. &#x20;

### **Notification Message**

The notification message is the **main body** of your notification and it's important to make it informative and engaging. This can include **text** and **emojis** to convey your message effectively. For instance, you could send a notification message to alert users of a low balance or unusual activity or use emojis to make a notification message more exciting and encourage users to visit the app for a special offer.

### **Personalized Message**

Personalized messages  allow you to greet your users by name, or send notifications tailored to their interests and past behavior within your app. This helps create a stronger personal connection and increases user engagement and loyalty.&#x20;

Additionally, you can use personalized messages to deliver timely and relevant updates, such as weather updates, local news, or personalized reminders making your notifications more useful and more likely to drive action. Personalized messages can be sent if you have [profile-attributes](https://user.netmera.com/netmera-user-guide/customer-data/profile-attributes "mention") for users. You may do this by transferring user informations such as `name`, `surname`, `age` to Netmera.&#x20;

**Example:**&#x20;

* **Default message:** “Happy birthday!”
* **Personalized message:** “Wishing you a sweet **{@age}**&#x74;h birthday **{@name}**!” becomes “Wishing you a sweet 26th birthday Simon!”

### **Title**

Use a clear, engaging title captures the user's attention and encourages interaction. You can include text and emojis to make the title both informative and visually appealing that catches user's attention.&#x20;

### Click URL&#x20;

The Click URL field is specific to Web Push Notifications and defines the destination users are directed to when they click the message. This can be a landing page, product page, or any relevant URL on your website helping guide users toward meaningful actions.&#x20;

### Icon URL

The **Icon URL** specifies the small, square image also known as the thumbnail displayed next to your notification text. This image typically serves as your **brand logo** or a quick visual identifier, making the notification instantly recognizable and more visually appealing to users.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FtjouehVOrMyB1O0VO0qE%2FScreenshot%202023-06-05%20at%2014.15.20.png?alt=media&#x26;token=ded4f2d2-9223-4e9e-abbe-51a23c319598" alt=""><figcaption></figcaption></figure>

### Image URL (Chrome Only)

Image URL (Chrome Only) option allows you to include a larger banner image within the notification, available exclusively for Google Chrome users. This banner image makes your notification more eye-catching and provides additional visual context for the message.

{% hint style="warning" %}
**Important:**

In order to send an Image URL, you need to select "**Image**" push notification on **Step 1: Setup**. Image Details are as follows,  Recommended Max Size 2048x1024 or Aspect Ratio: 2:1.
{% endhint %}

### User Interaction Required (Chrome Only)

This option is available exclusively for Google Chrome users, keeps the notification visible until the user interacts such as clicking on it or dismissing it manually with it. Enable this setting for important messages to ensure they remain on the screen until the user takes action.&#x20;

### Push Button (Chrome Only)

This option is available **exclusively for Google Chrome users** and allows you to add **button sets** to your Web Push notification.  Button sets provide **predefined user actions**, such as *Accept/Reject*, *Add to Calendar/Dismiss*, or *Snooze/Dismiss*, helping increase engagement and encouraging users to take immediate action. To understand how to create button sets, you may visit: [button-sets](https://user.netmera.com/netmera-user-guide/omnichannel-engagement/mobile-push/button-sets "mention")

### Disable Webhooks

When **webhooks** are disabled, Netmera does not send interaction data from your push notifications to your application backend via a webhook. Use this option if you prefer not to track interactions externally or if you rely on **Netmera’s reporting dashboard** instead.However, if you need to track user actions in your own system, keep webhooks **enabled** to ensure interaction data is delivered in real time.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F8WsWKp8KLGMu66EDJ8sM%2FScreenshot%202023-06-05%20at%2014.16.11.png?alt=media&#x26;token=0974725c-e228-4f1f-a045-bed81cd06028" alt=""><figcaption></figcaption></figure>

### **Fallback (SMS/Call External URL)**

{% hint style="danger" %}
**SMS Fallback Needs Integration:**

This option needs integration, please refer to [**Developer Guide**](https://user.netmera.com/developer-guide/)**.** After you have integrated this option with your developers, you may choose this option on this step.&#x20;
{% endhint %}

Fallback scenarios acts as a **backup plan** in case your push notification fails to reach its intended audience. With this option, you can ensure that users who do not receive your push notification can still get the message through an alternative channel, such as SMS or by calling an External URL.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FsjGi3DWZU33rcAthqKmD%2FScreenshot%202023-12-04%20at%2012.51.43.png?alt=media&#x26;token=b7d38227-347a-4b2e-9c2b-bf1a2fcf25bc" alt="" width="563"><figcaption></figcaption></figure>

### **Message Label**

**Labels** are optional feature that allows panel users to tag their campaigns with specific labels helping organize and manage your campaigns more efficiently. They can be used to **categorize campaigns**, making it easier to search, filter, and analyze performance on reporting pages.&#x20;

For example, you might label campaigns as *New Users, Retargeting,* or *Holiday Sale* to quickly compare results across different user segments. While not required, labels are a simple yet effective way to **streamline campaign management** and support ongoing optimization.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2F69t6h9OFLVM9JapjMx3x%2FScreenshot%202023-12-04%20at%2012.50.41.png?alt=media&#x26;token=7441a2a3-7eb4-4f40-b535-4107c48e7829" alt=""><figcaption></figcaption></figure>

### **Conversion Analytics**

The **Label** and **Conversion Analytics** features both help track and evaluate campaign performance, but they serve different purposes.

**Conversion Analytics** measures the specific user actions that occur as a result of your campaigns. For example, you can track how many users made a purchase or completed a sign-up form after clicking a notification.&#x20;

These insights help you **assess campaign effectiveness** and make **data-driven improvements** for future campaigns. You can define the **conversion event** based on your campaign goal. For instance, to track how many users who clicked the notification completed a payment, select the `PaySuccess` conversion event.

### Control Group

**Use control group to calculate conversion %**&#x20;

In the **Netmera Panel**, the **Control Group** option allows you to allocate a specific percentage of your target audience as a comparison group. When enabled, the selected percentage  known as the **control group** does **not** receive the push notification, while the remaining users do.\
This setup helps you measure the real impact of your campaign by comparing results between users who received the message and those who did not.

{% hint style="info" %}
**Evaluate the true effectiveness of your campaign by using control group feature:**

Consider a scenario where your total audience consists of **100,000 users**.\
If you activate the **Control Group** option and set it to **1%**, the notification will **not** be sent to a randomly selected **1,000 users**, while the remaining **99,000 users** will receive it.&#x20;

In the reports, Netmera compares **conversion results** between the group that received the notification and the control group that did not. This analysis helps you **evaluate the true effectiveness** of your campaign and understand how the message influences user behavior.
{% endhint %}

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FoZ5DBcYcwtL7GUDjCwve%2FScreenshot%202023-12-04%20at%2012.50.06.png?alt=media&#x26;token=4378212b-a336-43bf-9927-27c01ce1fe70" alt="" width="563"><figcaption></figcaption></figure>

## Step 3: Who

In the **Who** step, you define the **target audience** for your push notification. You can choose to send the notification to **all users** or narrow your audience by using one of the following options: **Select Users**, **Advanced**, or **Distribution List**, explained below.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fbb8eX0WKqRSDC5ZawWk8%2FScreenshot%202023-06-05%20at%2014.18.00.png?alt=media&#x26;token=69006d6f-81e2-4ddd-8041-3b9425278e90" alt=""><figcaption></figcaption></figure>

### Send All

This option allows you to send your web push to **all** **of** **your** **subscribers** who have opted in to receive web push notifications.

### Select Users

This option enables you to **target** **specific** **users** based on different criteria, such as location, language, and more.

<details>

<summary>Select Users Options</summary>

**Tag** \
You can segment users based on **tags** created in **Targeting > Tags section.** After adding at least two tags, you can refine your targeting using **AND / OR** logical operators. This helps you reach specific user groups who share common characteristics or behaviors.

![](https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FoLwTY7undSn5Nbbs56ei%2Fimage.png?alt=media\&token=0f5eb511-b0b6-4ef2-a643-9a18bcbec12e)

**Segment**\
\
Segments are groups of users that are dynamically structured. Based on the actions they take on the app, users can either enter or exit these segments as their behaviour changes. After adding at least 2 parameters, you can modify your segment preference with **And/Or** logical operators. You can also create new segments in **Targeting > Segments.**&#x20;

To learn more, please refer to the [segments](https://user.netmera.com/netmera-user-guide/targeting/segments "mention")section.

![](https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FhUEGKvLzyKijMWgHr3Gu%2Fimage.png?alt=media\&token=3b381004-4f40-4be6-85de-3cb87de80fa1)

**Device Type**

Target users based on their **device type**, such as **Desktop**, **Mobile**, or **Tablet**. After adding at least two parameters, you can refine your selection using **AND / OR** operators. This option helps tailor notifications to users depending on their device experience.

<img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fpf8lXHHcerMAbu1RDlxJ%2Fimage.png?alt=media&#x26;token=a3f58e9d-0564-40a0-9892-54331a0821ab" alt="" data-size="original">

**Profile**

Target users whose **profile attributes** match specific values. For example, you can select users whose `gender` equals *female* or whose `age` equals *25*. After adding at least two parameters, you can further refine your criteria using **AND / OR** logical operators.

![](https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FlRQ6Waualmf0olKCLiQu%2Fimage.png?alt=media\&token=2c05b5af-b32d-46a2-a968-846e75597ef8)

**Response**

Target users based on whether they **interacted with a previous push notification**.\
For instance, you can retarget users who **did not interact** with a previous campaign (e.g., a sale announcement) by sending a follow-up offer to encourage engagement.

<img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fy9ccPYVHkmlSMIb09PGi%2Fimage.png?alt=media&#x26;token=0d05462a-8633-49ad-97be-bcffc8bbd087" alt="" data-size="original">

**Location**

Target users based on their **geographic location**. You can specify a region (city, state, or country), search by **latitude and longitude**, or simply enter a **location name**. You can also set a **radius** and select the area directly on the map to reach users within that distance.

![](https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FnQ7TAabGMI1OV0jjtbci%2Fimage.png?alt=media\&token=aefd46ea-6d5f-4307-85c4-db2a6417cdb8)

</details>

### **Advanced**

The Advanced option provides detailed targeting controls, allowing you to **reach users based on specific actions or behavior scenarios** they have taken on your website or app.

<details>

<summary>Advanced Users Options</summary>

You can define **custom filters** by adding **Conditions** and **Groups**. Each condition represents a specific user behavior or attribute (e.g., *purchased a product*, *subscribed to the newsletter*, *browsed a category*), and groups combine multiple conditions using logical operators:

* **AND:** Includes only users who meet *all* selected conditions.
* **OR:** Includes users who meet *any* of the selected conditions.

Click **Add Condition** or **Add Group** to define the criteria that best fit your campaign. You can add multiple conditions or groups for flexible audience creation.

After you choose **AND** or **OR**, the matching users will be displayed in the **right section of the page**, allowing you to review your target audience visually.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FhKXbexu1vgMDh4sRZssG%2Fimage.png?alt=media&#x26;token=ca49db07-cd6d-4628-9ffd-4be53cc03d36" alt=""><figcaption></figcaption></figure>

Once your audience is defined, the **Selection Criteria** panel displays details such as the **number of users**, **devices**, and seperate internet **browsers** your notification will be delivered.&#x20;

<div align="left"><figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FqYCs5QLo4RllOugkW2Oa%2FScreenshot%202023-06-05%20at%2014.22.25.png?alt=media&#x26;token=732f0c81-60e7-4748-accf-38798cd3730c" alt="" width="285"><figcaption></figcaption></figure></div>

</details>

### **Ignore User Message Limits**   &#x20;

Push notification providers set limits on the number of push notifications that can be sent to a user within a certain period of time to prevent spamming or overwhelming the user. However, this is an option that allows sending push notifications to users who have exceeded their message limits. Ignore User Message Limits option can be used to **bypass** **the** **limit** and ensure that the message is delivered.

### **Limit Target Users**

You can **specify** **the** **maximum** **number** **of** **users** who will receive the campaign with this toggle. This is useful when you want to control the campaign reach and ensure that it doesn't go beyond a certain limit. Once the maximum number of users is reached, the campaign will stop being sent to any additional users, even if they meet the campaign's targeting criteria.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FUmKHCooFagEFaMX4Ivko%2FScreenshot%202023-06-05%20at%2014.21.32.png?alt=media&#x26;token=3e319724-498e-4c84-9180-adadab770e77" alt="" width="297"><figcaption></figcaption></figure>

## Step 4:  When

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FLS3qBpSCjtnLQXE8JuFf%2FScreenshot%202023-06-05%20at%2014.23.57.png?alt=media&#x26;token=1dff67b7-6a47-4c35-a4a3-1269981e0af0" alt=""><figcaption></figcaption></figure>

### Start Sending Messages

On **Start sending messages** section you have two options you can send your messages instantly with selecting **Now** or you can set them for further date with selecting **On specific time**.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FGulE7HXMhNOQJNiltdhp%2Fimage.png?alt=media&#x26;token=cfd8b3c9-b045-4a1b-bb7d-8bcb3a7ec95a" alt="" width="540"><figcaption><p>Start Sending Messages</p></figcaption></figure>

### Delivery Speed

From the **Delivery Speed** option, choose how you want your Web Push notifications to be sent:

* **Send Fast:** Delivers the notification to all users at once.
* **Send in Packages:** Sends notifications in batches of a specified size. Select this option for larger audiences to **optimize delivery performance** and ensure smoother message distribution.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FFyR8YtkVTtqIhzAH8vEb%2Fimage.png?alt=media&#x26;token=08f5aafe-ceff-4cf4-9cf8-243f13d2a81c" alt="" width="544"><figcaption><p>Delivery Speed</p></figcaption></figure>

### Message Expiry when Not Reached to Client

This option defines what happens if a user is temporarily unreachable:

* **Never:** The system keeps attempting delivery to the user.
* **Until a Specific Time:** The notification expires after a defined period.

This option helps you control how long your campaign remains active before expiring.

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FsG9C4vmZTzrSaOmoPTex%2Fimage.png?alt=media&#x26;token=1f3e30eb-3ecf-4b27-abe2-7db06dbe8c19" alt="" width="531"><figcaption><p>Message Expire Time</p></figcaption></figure>

## Step 5: Go!

You can access all the information related to the message created in the GO stage, and after testing with test devices, you can send your message or submit it for Admin approval.

### Test on Device

On the right side of the page, you can preview how your push notification will appear on different devices and operating systems. You may test your notification **on your registered test devices** or only **on your own test device** which can be edited in **Settings >** [test-devices](https://user.netmera.com/netmera-user-guide/panel-settings/netmera-panel-settings/test-devices "mention").

<figure><img src="https://1642824329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FLRMM4LUx2Sp2DTtcQTRw%2FScreenshot%202023-06-05%20at%2014.24.43.png?alt=media&#x26;token=e92279f2-d0a0-46b3-85f5-211832998e3c" alt=""><figcaption></figcaption></figure>
