> For the complete documentation index, see [llms.txt](https://edentech.gitbook.io/glover/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://edentech.gitbook.io/glover/backend/web-notification.md).

# Web Notification

To enable web push notification for vendors to receive notifications on new order placement. You will have to setup firebase web push notification.

### Create a web app on firebase

Here are the steps to create a web app on firebase:

* Go to your firebase console
* Click on the settings/gear icon on the top left section of your console
* Click on project settings

![](/files/-MX6I7ccVUyb2U4G4cUl)

* On the project settings page, scroll down to the "Your apps" section
* Click on "Add app" button

![](/files/-MX6Irk0assOQwjssw3G)

* A dialog will appear. Click on the web icon **\</>**

![](/files/-MX6JDN_SWuDPr5MN01k)

* A app registration page with show. Fill in the required info click **Register app.**

![](/files/-MX6JjBMzySYHFsyyqJi)

* After that you can click on the **Continue to console**

&#x20;

## Add Credentials to Fuodz Backend

After creating a web app on the firebase console, you will need to add some info to fuodz backend for web notification to be able to work.

1. Go the fuodz backend
2. Click on setting menu
3. then from the dropdown select **settings**
4. On the settings page click on **Push notification setting(Firebase)**

![](/files/-MX6L_vJkXFwMT0jKjXK)

All but one of the required info on the page get be gotten form the **Your apps** section on firebase console.

1. Open firebase console and go to project settings (follow the instructions from above)
2. Scroll to the **Your Apps** section and find the Web App you created following the instructions above.

![](/files/-MX6MnAsb3FCrWYaVte2)

Copy the values from the **firebaseConfig** section, then paste them in the backend section.

You will not **Web Push Key Pair** in this section. Just save the the rest and follow the instruction below on how to get the Web Push Key Pair value.

## Web Push Key Pair

To get your project Web Push Key Pair. Go to project settings again. On the top click on **Cloud Messaging.**

![](/files/-MX6OOtyeMfWUO-j_cpk)

1. Open the [Cloud Messaging](https://console.firebase.google.com/project/_/settings/cloudmessaging/) tab of the Firebase console **Settings** pane and scroll to the **Web configuration** section.
2.
3. In the **Web Push certificates** tab, click **Generate Key Pair**. The console displays a notice that the key pair was generated, and displays the public key string and date added.
4. The **Key pair** is the **Web Push Key Pair** for fuodz backend.
5. Copy the Key pair from firebase and paste it into the Web Push Key pair on the foudz backend


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://edentech.gitbook.io/glover/backend/web-notification.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.