diff --git a/content/docs/platform/integrations/push/(providers)/pushpad.mdx b/content/docs/platform/integrations/push/(providers)/pushpad.mdx
index 00452f5e9..d4b0c2f86 100644
--- a/content/docs/platform/integrations/push/(providers)/pushpad.mdx
+++ b/content/docs/platform/integrations/push/(providers)/pushpad.mdx
@@ -3,21 +3,57 @@ title: 'Pushpad'
description: 'Learn how to use the Pushpad provider to send web push notifications using Novu'
---
-import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
+This guide walks you through the entire process of configuring and using Pushpad with Novu, from getting your credentials to sending your first notification.
-[Pushpad](https://pushpad.xyz) is a web push service that supports sending notifications to all major browsers (Chrome, Firefox, Edge, Safari, etc.) via FCM, Mozilla autopush, Windows Push Notification Services and Apple Push Notification service, with just one simple API.
+Pushpad is a web push service that supports sending notifications to all major browsers via FCM, Mozilla autopush, Windows Push Notification Services, and APNS, with just one simple API.
-To configure the Pushpad integration, you will need an active account and you need to have a `Pushpad Auth Token` (from the [account settings](https://pushpad.xyz/access_tokens)) and the `Pushpad Project ID` (from the project settings).
+## Configure Pushpad with Novu
-## Setting the Device Token
+Before you can send notifications, you need to connect your Pushpad project to Novu by getting your credentials and adding them to your integration settings.
-Once Pushpad has been configured with your credentials and the Pushpad SDK has been [set up and installed](https://pushpad.xyz/docs/pushpad_pro_getting_started) on your website, you can [assign a user ID (uid)](https://pushpad.xyz/docs/identifying_users) to the push subscriptions.
+### Step 1: Get your Pushpad credentials
-This identifier (`uid` or `user ID`) allows targeting a specific browser when sending push notifications.
+To configure the Pushpad integration, you need:
+- An active Pushpad account
+- A Pushpad auth token (found in the [account settings](https://pushpad.xyz/access_tokens))
+- Your Pushpad project ID (found in the project settings)
-In order to target the Pushpad user from Novu, you must register the Pushpad `uid` as the `deviceToken` for your Novu subscriber. For example, if you invoked the [Pushpad JavaScript SDK](https://pushpad.xyz/docs/javascript_sdk_reference) with `pushpad('uid', 'user123')`, then `user123` is the user ID for that browser.
+1. Log in to your Pushpad dashboard.
+2. Click **New project** to create a project.
+
+3. Click **Settings** on the project page and record the **Project ID**. You need it to connect to Novu.
+
+4. Navigate to the [access token](https://pushpad.xyz/access_tokens) page.
+5. Click **Add access token**.
+6. Fill in the required fields to create a new access token, or use your existing token if you already have one.
+
+7. Copy the generated token. You need it to connect to Novu.
+
-Once you have the `uid` value, the `deviceToken` for your Novu subscriber can be set using this code:
+### Step 2: Connect Pushpad to Novu
+
+Add these credentials to your Pushpad integration in the Novu dashboard.
+
+1. Log in to the Novu dashboard.
+2. On the Novu dashboard, navigate to the **Integration Store**.
+3. Click **Connect provider**.
+4. Click the **Push** tab.
+5. Select **Pushpad**.
+6. In the Pushpad integration form, paste your access token and project ID from [Step 1](/platform/integrations/push/pushpad#step-1-get-your-pushpad-credentials) into the corresponding fields.
+ 
+7. Click **Create Integration**.
+
+## Using Pushpad with Novu
+
+Once your integration is configured, in other to send push notification using the PushPad provider, you must do the following:
+
+### Step 1: Add subscriber device token
+
+After [setting up the Pushpad SDK](https://pushpad.xyz/docs/pushpad_pro_getting_started) on your website, you must [assign a user ID (uid)](https://pushpad.xyz/docs/identifying_users) to your users' push subscriptions.
+
+This `uid` is the identifier Novu uses to target a specific browser. For example, if you use `pushpad('uid', 'user123')`, then `user123` is the ID you must register in Novu.
+
+You can do this by making an API call to [update the subscriber's credentials](/api-reference/subscribers/update-provider-credentials).
@@ -60,9 +96,11 @@ curl -L -X PUT 'https://api.novu.co/v1/subscribers//credentials'
-Checkout the [API reference](/api-reference/subscribers/update-provider-credentials) for more details.
+### Step 2: Send a notification
-## SDK Trigger Example
+Now you're ready to send a push notification. [Create a workflow with a Push step](/platform/workflow/build-a-workflow) and then trigger it. Novu sends the notification to the `uid`s associated with the subscriber.
+
+The example below demonstrates a simple trigger using Novu’s SDK.
```typescript
import { Novu } from '@novu/api';
@@ -80,4 +118,4 @@ await novu.trigger({
},
payload: {},
});
-```
+```
\ No newline at end of file
diff --git a/public/images/channels-and-providers/push/pushpad/access-token.png b/public/images/channels-and-providers/push/pushpad/access-token.png
new file mode 100644
index 000000000..bc55dbb96
Binary files /dev/null and b/public/images/channels-and-providers/push/pushpad/access-token.png differ
diff --git a/public/images/channels-and-providers/push/pushpad/add-token.png b/public/images/channels-and-providers/push/pushpad/add-token.png
new file mode 100644
index 000000000..6a8334e0d
Binary files /dev/null and b/public/images/channels-and-providers/push/pushpad/add-token.png differ
diff --git a/public/images/channels-and-providers/push/pushpad/new-project.png b/public/images/channels-and-providers/push/pushpad/new-project.png
new file mode 100644
index 000000000..a7208baed
Binary files /dev/null and b/public/images/channels-and-providers/push/pushpad/new-project.png differ
diff --git a/public/images/channels-and-providers/push/pushpad/project-id.png b/public/images/channels-and-providers/push/pushpad/project-id.png
new file mode 100644
index 000000000..1df62925f
Binary files /dev/null and b/public/images/channels-and-providers/push/pushpad/project-id.png differ
diff --git a/public/images/channels-and-providers/push/pushpad/pushpad-integration.png b/public/images/channels-and-providers/push/pushpad/pushpad-integration.png
new file mode 100644
index 000000000..ce981698f
Binary files /dev/null and b/public/images/channels-and-providers/push/pushpad/pushpad-integration.png differ