To create a Firebase project and register your app, follow these steps:

1. Open the Firebase Console: https://console.firebase.google.com/
2. Log in using your Google account.
3. Click Add project.
   
4. Enter a Project name and accept the terms if prompted.
   

   

5. Click Continue.
6. Disable Google Analytics for this project.
7. Click Create project.
   

   

8. Once the project is created, you will be redirected to the Firebase project overview page.

Add a Web App to Your Firebase Project

1. From the project dashboard, click the Web (</>) icon.
   
2. Enter an App nickname (this is just for reference).
3. Make sure “Also set up Firebase Hosting” is unchecked.
4. Click Register app.
   
5. On the next screen, choose the option to use Firebase via a <script> tag.
   
6. Copy the entire code snippet shown on the screen.

Add Firebase Code to Page Builder

1. Log in to Page Builder.
2. Go to: Settings → General Settings → Manage → Insert Custom Code
3. Paste the copied Firebase script into: 
   All Pages
   Insert to Body section
4. Save the changes and publish the site.

This step allows your website to communicate with Firebase.

Enable Firebase Cloud Messaging

1. In Firebase, click the gear icon and open Project Settings.
2. Go to the Cloud Messaging tab.
   
3. Confirm that Firebase Cloud Messaging API (V1) is enabled.
4. Enable Cloud Messaging API (Legacy):
   
   Click the three-dot menu next to it
   Select Manage API in Google Cloud Console
   Enable the API there
   
5. Return to Firebase → Cloud Messaging.
6. Scroll to Web configuration.
   
7. Click Generate key pair and save the VAPID Key safely.

Configure Firebase in Bold CMS

This step allows Bold CMS to send push notifications using Firebase.

• Log in to Bold CMS.
• Go to: settings > integrations > push-notification
• Click Add Integration.
• Select Firebase Cloud Messaging (FCM).
• Enter the Server Key from Firebase: 
  Firebase → Project Settings
  Cloud Messaging
  Copy the Server Key
  
• Save the integration.

Configure Push Notifications in Page Builder

• Log in to Page Builder.
• Go to: Settings → General Settings → Manage → Notifications
• Enable Notifications.
• Select FCM as the notification type.
• Enter the required Firebase details:
  Server Key
  Sender ID
  API Key
  Auth Domain
  Project ID
  Storage Bucket
  App ID
  VAPID Key

• Save the configuration and publish the site.

Sending Push Notifications

Once the setup is complete:
Editors can enable push notifications while publishing stories
Notifications will be delivered as browser alerts to subscribed users