Kemal YAZICI

<p>Has your wordpress website a mobile application? Do you want to push notifications from wordpress website to your application?<br />
Pusher plugin can achieve this job if you use Firebase Cloud Messaging in your application.<br />
If you make the settings in the mobile application correctly, the plugin will push a notification in every new post.</p>
<p>You can find all Firebase Cloud Messaging related information at <a href="https://firebase.google.com/docs/cloud-messaging" rel="nofollow ugc">this address.</a></p>
<h3>How to push notification to mobile app</h3>
<p>You can send a notification to all users who have subscribed to the topic you set from within your application.</p>
<ul>
<li><a href="https://firebase.google.com/docs/cloud-messaging/ios/topic-messaging" rel="nofollow ugc">Send messages to topics on iOS</a></li>
<li><a href="https://firebase.google.com/docs/cloud-messaging/android/topic-messaging" rel="nofollow ugc">Topic messaging on Android</a></li>
</ul>


Pusher – Pushing mobile notification with FCM

If your wordpress site has a mobile application, you can push a notification to the users of your mobile application via this plugin.

raoinfotech

<p>This plugin allows you to interact with your website users/visitors in real time. Admin/Specific role can manage chats from WP Admin. It is the first WordPress Plugin that integrates WordPress with Firebase Chat.</p>
<h3>Note</h3>
<p>This plugin provides a service to manage real time chat conversation stored in firebase. This is the reason firebase libraries are called remotely.</p>
<h3>Raopress Chat Admin Mobile Application for IOS & Android</h3>
<p>Raopress Chat Admin App provides a facility to respond your customers or subscribers using a mobile APP. Best part of this is that you do not need to login to WP amin dashboard to reply to the chat messages. <a href="https://licence-manager.raoinfo.tech/" rel="nofollow ugc">Buy now</a></p>
<h3>Firebase Settings Configuration Steps</h3>
<h3>Step 1 : Create Firebase Project</h3>
<ol>
<li>Go to <a href="https://console.firebase.google.com/" rel="nofollow ugc">Google Console</a></li>
<li>Click on Add Project</li>
<li>Select Parent Resource</li>
<li>Click on continue</li>
<li>Enable Google Analytics (Optional)</li>
<li>Choode or create Google Analytics Account if you enabled Google Analytics from Step 4</li>
<li>Click on Create Project</li>
<li>Click on Continue => This would redirect you to Project Overview Dashboard.</li>
</ol>
<h3>Step2 : Create Realtime Database</h3>
<ol>
<li>Navigate to Build => Realtime Database</li>
<li>Click on Create Database</li>
<li>Choose the Realtime Database Location</li>
<li>Start in test mode</li>
<li>Realtime Database will be created</li>
<li>Go to Rules Tab and you can set up the date till the end of year to let your customers send chat messages.</li>
</ol>
<h3>Step 3: Create Web APP</h3>
<ol>
<li>Navigate to Project Settings => General Tab => Your Apps Section (At the bottom)</li>
<li>Create Web App</li>
<li>Provide a App Name </li>
<li>Click on Register App</li>
<li>Click on Continue to Console</li>
<li>Navigate to Project Settings => General Tab => Your Apps => SDK setup and Configuration => Config Option</li>
<li>Copy the content with curly braces in text editor and enclose JSON object key with “”.<br />
For eg: apiKey: “AIzaSyDJOxnnKZmJWdSuQ7pCKvrC0qyFT27VJII” to<br />
“apiKey”: “AIzaSyDJOxnnKZmJWdSuQ7pCKvrC0qyFT27VJII”<br />
After adjusting, it should like below with the associated project values<br />
{<br />
“apiKey”: “your-project-key”,<br />
“authDomain”: “your-project-authdomain”,<br />
“databaseURL”: “your-project-databaseurl”,<br />
“projectId”: “your-projectId”,<br />
“storageBucket”: “your-project-storageBucket”,<br />
“messagingSenderId”: “your-project-senderId”,<br />
“appId”: “your-project-appId”,<br />
“measurementId”: “your-project-measurementId”<br />
}</li>
</ol>
<p>Add the above object into Plugin Settings Page => General Tab => Firebase App Configuration field</p>
<h3>Step 4: Configure Firebase Database & Secret Keys</h3>
<ol>
<li>Navigate to  Google Console => Project Settings => Service Accounts (tab)</li>
<li>Click on Generate new private key button</li>
<li>Confirm and click on Generate Key</li>
<li>Json file will be downloaded automatically</li>
<li>Copy the file content to Plugin Settings Page => General Tab => Firebase DB Configuration</li>
</ol>
<h3>Step 5: Configure Authentication to add an admin user from a Plugin Admin Dashboard Page</h3>
<ol>
<li>Navigate to Google Console =>  Build => Authentication </li>
<li>Click on Get Started</li>
<li>Navigate to Sign in method tab</li>
<li>Select Native Providers => Email/Password</li>
<li>Go to Raopress Chat Plugin Home Page</li>
<li>Register with your email & password which would act as an admin for the Chats received from your customers/subscribers</li>
</ol>
<h3>Step 6: Enable Firebase Storage</h3>
<p>If you want allow your customers to append a document/file, need to enable firebase storage from<br />
1. Navigate to Google Console => Build => Storage<br />
2. Click on Get Started<br />
3. Select start in test mode<br />
4. Choose the Storage Location<br />
5. Open Rules tab<br />
6. Set date to  Next year to avoid adjusting the rules again and again.</p>
<h3>Step 7: Configure Widget Style</h3>
<p>Configure Settings in Plugin Settings Page => Firebase Chat Widget Settings (Tab).</p>
<p>You can set widget theme color according to your WP theme Primary Color and a Welcome message that you want your customers or subscribers to see when the chat initiates.</p>


Raopress Chat – Firebase Chat for Visitors

Raopress Chat - Firebase Chat for Visitors is the first Real time Wordpress Chat Plugin that integrates with Firebase Chat

Pusher – Pushing mobile notification with FCM vs Raopress Chat – Firebase Chat for Visitors