---
title: Browser Push Creation
slug: browser-push-creation
docTags: 
createdAt: 2021-03-10T12:02:07.000Z
---

To create a Browser Push Engagement, follow the below steps.

**1.** Create segment for which an engagement has to be created in the Segmentation tab. Refer the Segmentation section to know how to create a segment. 

Once the segment is created, click on the created segment from the segment list as shown.

![](https://archbee-doc-uploads.s3.amazonaws.com/GarybocXutX5z03hF58_X/HsLwqN2ieRHRxSoRgJYiu_image.png)

**2. **Upon clicking the segment, you will be navigated to the tab shown as below.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/X5ji6Pk0uMBZ7kciaM1vk_image.png" size="96" position="center" showCaption="false"}

**3.** Click on the Browser Notification Tab and you will navigated to the Browser Notification Creation section as shown.

![](https://archbee-doc-uploads.s3.amazonaws.com/GarybocXutX5z03hF58_X/GL6gygCezVT92kVHVTEOc_image.png)

**4. **To create a new Browser Notification, click on the Create New button on the top right as shown.

![](https://archbee-doc-uploads.s3.amazonaws.com/GarybocXutX5z03hF58_X/6DVEDvWR6nIBtrEwUy1Qx_image.png)

**5. **On clicking Create New button, **General Settings** section will appear as shown.

![](https://archbee-doc-uploads.s3.amazonaws.com/GarybocXutX5z03hF58_X/Wmq5Scqk1A4nvWn_6Gqjw_image.png)

**6.** Enter the required General Settings Specifications. 

**6.1.** Enter the Engagement Name in the option as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/cMrzv4-xMT3Ewf7K_fCoG_image.png" size="42" position="center" showCaption="false"}

**6.2.** Select the browser for which you want to create the  engagement for.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/ukw86jJfq1NVja5-JAGCX_image.png" size="42" position="center" showCaption="false"}

**6.3. **Select the type of Push required from the drop down as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/WAx6JM0jfkzjlNwpjXzm7_image.png" size="26" position="center" showCaption="false"}

**6.4. **Select if you want to create a Static or Dynamic Notification.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/wAsLOt9daZNljtKHOWxPm_image.png" size="40" position="center" showCaption="false"}

**6.5. **Select the required time zone.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/Eq3HXzLjTm9cqNL3CDCbc_image.png" size="36" position="center" showCaption="false"}

**6.6. **Select the required Start Date and Time from the drop down as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/CgH9AdIj28euFdz2R566X_image.png" size="38" position="center" showCaption="false"}

**6.7. **Select if you want schedule your notification to recur or not.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/euCcx7SrkGYxQzskxmibf_image.png" size="48" position="center" showCaption="false"}

**6.8.** Select if you want to enable or disable the A/B Testing.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/sCu1t8p-ywz6TbGtFhXlx_image.png" size="48" position="center" showCaption="false"}

**6.9. **Click on Next to go to the **Chrome/Firefox Template Settings** Section.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/ZYYe76aHxwsN9XSh7Hl_k_image.png" size="50" position="center" showCaption="false"}

**7. **Enter the required Chrome/Firefox Template Settings Specifications as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/sNP9LJ4w5CVZ8txct0h7K_image.png" size="86" position="center" showCaption="false"}

Also the **type of push** chosen in the general settings section will reflect in the push type in this section.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/KO0oGJLoJz6hgyRQbLj6__image.png" size="42" position="center" showCaption="false"}

**7.1. **Choose the required template from the drop down as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/Gvde2v47zWdyXA1TjP3R-_image.png" size="36" position="center" showCaption="false"}

**7.2. **Enter the Title of the notification in the **Title Option**, the main notification content in the **Message Option **and the landing page in the **landing page **option.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/bBwfygzQrE8Ci1dDU4Er2_image.png" size="40" position="center" showCaption="false"}

**7.3. **Choose the logo image from the drop down of the Logo Image Option and Click Upload to upload the Logo.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/8EsDekTOE6QdP1zxvKm_z_image.png" size="32" position="center" showCaption="false"}

**7.4. **Choose the notification image from the drop down of the Notification image option.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/7YjdTp2DR4eoX3_RP8P8s_image.png" size="40" position="center" showCaption="false"}

**7.5.** To create a CTA button, click on the **CTA** option, select the number of buttons from the drop down of **No. of Buttons** option, give a name to the button in the **Button Name** option and enter the Button Landing Page in the **Button Landing Page **option.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/8S6BuWrcan7B2rTuDweC1_image.png" size="32" position="center" showCaption="false"}

**7.6.** Enter the tracker in the **tracker** option and the period of notification expiry in the **Notification Expiry** option in the **Advance Settings**.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/UXBQ9Gn2kIDcIXXVLUoyO_image.png" size="40" position="center" showCaption="false"}

**7.7. **Click on Save and Engage to Save your created engagement and to send Notifications as specified.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/nJKLsptegi3CFVne1WHKl_image.png" size="36" position="center" showCaption="false"}

Incase you of chosen to create templates for both Chrome/Firefox and Safari browser initially in the General Settings section, Next option will be enabled. 

**7.8.** Click on Next option to take you to the **Safari Template** section as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/haPj5R0iH9B9Y3rkX2rc9_image.png" size="38" position="center" showCaption="false"}

**8. **Enter the required Safari Template Settings Specifications as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/zjVWrUjTBu7jz5BumqzLQ_image.png" size="90" position="center" showCaption="false"}

Also the **type of push** chosen in the general settings section will reflect in the push type in this section.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/KO0oGJLoJz6hgyRQbLj6__image.png" size="42" position="center" showCaption="false"}

**8.1. **Choose the required template from the drop down as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/5FkMtTPxb7pFG2Yp2ac1i_image.png" size="46" position="center" showCaption="false"}

**8.2. **Enter the Title of the notification in the **Title Option**, the main notification content in the **Message Option **and the landing page in the **landing page **option.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/bBwfygzQrE8Ci1dDU4Er2_image.png" size="40" position="center" showCaption="false"}

**7.3. **Enter the tracker in the tracker option of the Advance Settings option.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/AlEOVF6Bncwf-KNGFltKS_image.png" size="42" position="center" showCaption="false"}

**7.4. **Click on Save and Engage to Save your created engagement and to send Notifications as specified.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/nJKLsptegi3CFVne1WHKl_image.png" size="34" position="center" showCaption="false"}

**7.5.** The Browser Notification Engagement created newly will be shown in the list of Browser Notifications under the Channels Section.

**7.6. **To create another Browser Notification engagement, click on Add New button present at the bottom of the Browser Notification Engagement creation section as shown.

::Image[]{src="https://api.archbee.com/api/presign/GarybocXutX5z03hF58_X/6UFhd2DLsE6Q5kwNo1XQK_image.png" size="82" position="center" showCaption="false"}