---
title: "Architect Channel: Using Web Push"
slug: "using-architect-web-push"
description: "Explains how to send Web Push messages in Architect, covering campaign setup, targeting, message settings, delivery, and journey workflows."
tags: ["architect web push", "architect channel"]
updated: 2025-11-25T20:15:39Z
published: 2025-11-25T20:15:39Z
canonical: "academy.insiderone.com/using-architect-web-push"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Architect Channel: Using Web Push

After you complete the integration process, you can follow the steps below to start creating web push notifications in your journeys:

## 1. Add web push channel on canvas

- Click the **+** button on the path you want to add the web push channel to your journey.
- Click **Channel** > **Web** **Push**.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/cb690f58-ecda-49ea-9c87-b5e98a271e14.png)

## 2. Set Message Icon

You can set a push icon in 3 different ways.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/46adc30f-b0ea-4870-bb99-b69de606afcb.png)

Your title goes hereEnsure your website or mobile app’s images fit with a pretty small icon size. The push icon is similar in size to thumbnails. We do not recommend it if you don't have high-resolution images for icon size to be degraded.

Read more on [adding icons to web push notifications](/v1/docs/adding-icons-to-web-push-notifications).

## 3. Add Message Title and Description

Add the title and description you want to send to your users.

If you need inspiration or assistance when creating your title and message, you can always use the **Generate Text** option.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/763aea19-6a61-43eb-8589-2a00da7f1b60.png)

To use an AI-generated text:

1. Click the **Generate Text** button to see the side modal. 2. Enter a **prompt** you want to generate the text about. 3. The **language** option will be the default selected language of your panel. 4. Select your **industry** and **use case** to define the context for generating the text. 5. Click the **Generate Copy** button.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/7ce8d7f0-b50e-4e74-931c-ff58c01e7fe1.png)

If you want to include emojis in your copy, you can check the "Include Emojis" box.

Your title goes hereThis option indicates that the AI can generate copies with emojis. However, not all options might include emojis.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/4b7cd05b-0c01-4c71-9c11-e0a6e08886aa.png)

The modal displays five suggestions. To see more, you can click the **Generate More Suggestions** button.

To use any suggestion, you can select it and click the **Apply** button, or copy it via the **Copy** button against the suggestion you want to use.

Once you click the **Apply** button, the copy will be added to the respective field.

You can use default and custom user attributes, event parameters, and coupon codes in the content to personalize it for your users. You can [send a new coupon or previously assigned one](https://academy.useinsider.com/docs/coupon-usage-in-architect-channels#3-send-a-new-coupon-or-previously-assigned-one). Read more on [dynamic content](/docs/personalized-content).

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/84b11fd1-7276-4356-88f0-85503407acb1.png)

For users who do not have a value for the dynamic content, you can add alternative text (fallback) by clicking on the content tag.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/94b22d2c-a2ca-437b-9f30-195b6d46054c.png)

Architect excludes dynamic content from the character limit calculation. When you add any dynamic content, it does not have an impact on the character count. When you assign a fallback value to the dynamic content, it will be displayed to the user if the dynamic content's value is empty for that user. In this case, the character count includes the fallback value.

  

The plus sign in the character count indicates that dynamic content will receive a value upon message delivery to the end user.

Your title goes hereVarious factors such as browser, operating system, screen resolution, and input language affect how the title and description will be displayed. For instance, the text may be trimmed on some devices. That's why we recommend keeping the content brief.

Also, you can use emojis in your messages to increase the open rates.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/9bda6b09-16e3-4726-8d95-7fd504a92d3f.png)

## 4. Configure coupon settings

You can enable the coupon settings when you add a coupon to your web push. Before adding any dynamic content to your message, you will see the settings section below.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/62a0180d-d70c-45c9-b2a5-283344c878a9.png)

Using the Coupon Code attribute, you can add a coupon code to your web push message.

Once you add your coupon and save the design, the coupon settings will be enabled. Select a coupon list to proceed.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot_624%20(2).png)

Select the action you want your journey to take when the coupons are used up or expire. You can skip the element, stop the journey, or use a fallback coupon.

Your title goes hereRead more on [coupon lists](/docs/coupon-lists).

## ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot_625%20(2).png)

You can also set coupon reminders for your coupon lists. Refer to [Coupon Usage Reminder](https://academy.useinsider.com/docs/coupon-usage-reminder) for further details.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1702555625221(2).png)

## 5. Add Message Link

You can set a link in your web push notifications in two different ways.

- **Custom Link**: Manually typing the desired URL. Make sure that you type a valid and secure URL.
- **Dynamic Link**: You can select a dynamic link URL based on the user’s action, such as “Last Abandoned Product URL” or URL type event parameters.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/0d8a80ca-3c88-446b-8605-ef8b7f643c23.png)

Read more on link types [here](/v1/docs/link-types).

## 6. Add UTM parameters

You can configure UTM settings to keep track of web push performance on your Google Analytics.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot_70.png)

Read more on UTM settings [here](/v1/docs/utm-settings).

## 7. Add Message Action Buttons

You can use call-to-action buttons in your web push notifications to increase user interaction.

You can have two buttons if you would like to show users. You can type the URL of Buttons or select dynamic link as you do for the Link section. You can choose URL type attributes or event parameters.

Your title goes hereYou can add the fallback URL for users who do not have a value for the dynamic URL.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/0bce6635-7bc9-4cfc-946a-463cd70aee4c.png)

Read more on action buttons [here](/v1/docs/action-buttons).

## 8. Using rich push

You can upload a rich push image on your web push notification to offer more visual content. You can either upload an image or provide a dynamic source for the rich push image.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/fbde98b7-e632-42d1-b4c4-e01bb0ac7b0c.png)

Read more on [rich push](https://academy.useinsider.com/docs/rich-message-web-push).

## 9. Preview your content

You can preview your web push before you send it out. The preview, placed on the right side of your screen, shows the text, image, icon, link, button elements, and UTM parameters. No dynamic content can be previewed, as you do not have any value for these attributes at this step.

You can view how your web push will look in operating systems and browsers:

- Android
  - Chrome
  - Samsung Internet
- Windows
  - Chrome
  - Firefox
- iOS
  - Chrome
  - Firefox

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/502ee41e-fdf4-4412-aadc-b1bc1d3da28b.png)You can also switch between collapsed and expanded views from the dropdown.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/9d984f19-0fe4-4616-8dfa-8ffbb780b9c7.png)

You can also preview the dynamic content in your messages as a user. Click the **Preview as User** button to preview your message with real values of the dynamic content.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Mar%2007%2018-17-09.png)

You can select one of the two User Selection Methods: User Identifier or Recent User. **User Identifier** will let you search for a user with Profile ID, Email Address, or Phone Number identifiers. **Recent User** will list the 10 recently searched users for you to choose from.

Once you select your user, click the **Preview as User** button to load the channel preview with real values of dynamic content for the user.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Mar%2007%2018-19-03.png)

## 10. Enable Send Time Optimization

You can optimize the time it takes to deliver your messages to the end-users. This helps you engage your users more effectively and draw their attention when they are most likely to interact with your messages.

Your title goes hereBased on your use cases, you should enable send time optimization. For example, it might not be a good fit for cart or browse abandonment cases.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/7ae36ac2-a1f0-4cd6-8b06-0d8e2f45aa54.png)If you set Channel Frequency Capping before, when you enable Send Time Optimization, Bypass Channel Frequency Capping will be automatically enabled.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/1105cdd9-f379-4458-8c4b-8e0846d340bb.png)

## 11. Bypass Channel Frequency Capping

Architect enables you to override [global web push frequency capping](https://academy.useinsider.com/docs/web-push-channel-frequency-capping-settings) if you have configured any.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/fdf204c3-23d3-4058-abe2-dab45f4d08e5.png)

Journeys are for real-time cases and they require users to receive notifications based on their actions. Therefore, you may want to override your global frequency capping for your web push notifications.

If users reach the limit of the web push notifications they can receive, they will proceed to the next step without receiving another one when they arrive at the web push channel in the journey.

## 12. Set time to live

[Time to live](/v1/docs/time-to-live) enables you to set a period in which the system can send a notification to the user.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/29152cb2-aba6-4c92-98d8-99b4909a96c4.png)

your title goes hereIf you have another channel after the web push channel on your journey and an offline user does not receive the notification, they will proceed to the next step in the flow. For example, they proceed to the email element after the web push element. When they become online again, they will receive the notification they would receive at the web push element. 

Make sure to set your time to live accordingly.

your title goes hereYou can set a short time to live if you have another follow-up channel on the flow. your title goes hereYou can set the same duration for time to live as that of the wait element, which comes after the web push channel.

## 13. Test your web push notification

You can click the **Test Message** button at the bottom right corner of the page to send a test web push notification to your device.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/3559d16e-91b5-418a-9516-b954d24cfa6f.png)

your title goes hereDynamic content cannot be seen in test messages with the real data since it is user-based and the user is not known while using Test Message.

## 14. Rename Channel Name

The Channel Name is generated by default based on the journey name and channel type. If you want to give it a different name, you can rename it at the top right corner. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/3ef4a7e7-aecf-447f-a8c7-c91f99f378ed.png)

## 15. Save web push element

After configuring web push settings, you can save the web push page.

Click the **Save** button, as this page does not have autosaving—autosaving functions only on the canvas page.

## Live Actions and User Interactions

**Live Actions**

You can keep users on the flow until they click, close, or view the web push notification. To use this live action, you can select “On Click,” “On View,” or “On Close” actions right after the web push element. The default action is “On Send”. You do not need to set any if you do not want to use this feature.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/0e1c6047-e753-4939-9ee2-dc77d470e101.png)

your title goes hereFor 30 days, users will not proceed to the next element unless they click, close or view the web push notification, or you change the journey status to **passive**. However, after 30 days, users will proceed to the next element even if they haven’t performed these actions. These users will be displayed in the live stats as “Proceeded (Live Actions)".Your title goes hereIf your message contains more than one link, users will proceed to the next step if they click any of them.

**User Interactions**

After the web push element, you can take another action via branching your flow according to user interactions on the web push notification after a while.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot_78.png)

Read [Check Interaction](/v1/docs/using-check-interaction) for further details.

your title goes hereUsers do not take any action on the notification right after you send it. That's why you need to give users some time to take the desired action on the channels by adding a **wait** element before the check element.

## Related

- [Architect Channel: Web Push Analytics](/architect-web-push-analytics.md)