This guide walks you through how to install and activate push notifications for your website using ChatFlow. Push notifications help you re-engage your visitors, share updates instantly, and increase repeat traffic without needing email or social media.

Step 1: Enable Push Notifications in Workspace #

1. Open your ChatFlow dashboard.
2. On the side bar go to Install & Configure.
3. Go to the Setup section and click on the Configure tab.
4. In the Push Notifications section, enable the toggle labeled Enable Notifications.
5. Click Save Changes to apply the setting.

Step 2: Download the SDK File #

1. Click on the Install tab.
2. Under Push Notification SDK, click the Download SDK File button to download chatflow_wpn.js.

This file is required for your site to handle notifications.

Step 3: Upload the SDK File to Your Website #

1. Upload the downloaded chatflow_wpn.js file to the root directory of your website.
2. Make sure the file is accessible at this path: yourdomain.com/chatflow_wpn.js

Step 4: Add the Installation Script #

1. Still in the Install tab, scroll down to the Configure your script section.
2. Choose the setup that fits your user base:
   • For visitors without logins: Works for anonymous users.
   • For users with logins: Tracks users across devices.
3. Copy the provided script tag.

Example:

<script defer src="https://sdk.chatflowapp.com/scripts/v1/pixel/0sLMqAUJ0ky7HW4o"></script>

4. Paste this script just before the closing </head> tag in your website’s HTML.

Step 5: Verify and Test #

1. Open your website in a browser.
2. Grant permission to receive notifications when prompted.
3. Send a test notification from your ChatFlow dashboard.

You’ve now successfully set up push notifications. Your website can start re-engaging users and keeping them updated directly in their browser.