> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.popup-builder.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to create a Web Push Notification Popup

**Web Push Notification** Popup is a great tool to send alert style massages to website visitors via desktop web and mobile web browsers.

* **Required steps:**

1. Open your **WordPress Dashboard** and press **Popup Builder** >> **Add New**, after then choose the **Web Push Notification Popup**.

2. Fill in and customize the **title** and **editor** for your popup.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/image_12f1mjp.png)

## The key tool is Push Notification Main Options

* The **Allow button** gives an opportunity to your site visitors to agree for future Web Push Notifications from your website, via clicking on the "Allow" button.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/image_wuegx3.png)

* With the help of this tool, you can set the desired design for the **Allow button**, such as the color of the button, text, border, width, the button radius in pixels or percentage.

* Via clicking on the **Not Allow button**, the site visitors decline to receive future web push notifications from your website.

* By checking the **Save choice** option, the Popup will appear again for the same user after the selected days, since the day when the **Not Allow button** was pressed by the user.

* If you stay the **Push to button** option unchecked (as default) the **Allow and Disallow** buttons will be shown under the text of the Popup.

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/image_15wzrhy.png)

* **The result.**

![](https://storage.crisp.chat/users/helpdesk/website/3fee58eaeb6dda00/image_lsj8vg.png)