
內容簡介
此外掛可讓您實時與您的網站使用者/訪客互動。管理員/特定角色可以從 WP 管理後台管理聊天記錄。它是與 Firebase 聊天整合的第一個 WordPress 外掛程式。
注意事項
此外掛提供了一個服務來管理儲存在 Firebase 中的實時聊天紀錄。這是因為 Firebase 函式庫是遠端呼叫的原因。
Raopress Chat Admin 手機應用程式 (IOS & Android)
Raopress Chat Admin 手機應用程式提供了一個功能,讓您使用手機應用程式回覆您的客戶或訂閱者訊息。最好的部分是您不需要登入 WP 管理後台就可以回覆聊天訊息。立即購買
Firebase 設定配置步驟
步驟1:建立 Firebase 專案
前往 Google 控制台
點擊「新增專案」
選擇「父資源」
點擊繼續
啟用 Google Analytics(選用)
如果您已啟用 Google Analytics,請選擇或建立 Google Analytics 帳戶
點擊「建立專案」
點擊「繼續」 => 這會將您重新導向至專案概觀儀表板。
步驟2:建立 Realtime Database
前往「建置」=>「即時資料庫」
點擊「建立資料庫」
選擇即時資料庫位置
啟用測試模式
即時資料庫就會建立完成
前往「規則」選項卡,您可以設定日期,讓客戶只能在特定期間傳送聊天訊息
步驟3:建立 Web 應用程式
前往專案設定=>「一般」選項卡=>「您的應用程式」部分(在底部)
建立 Web 應用程式
提供應用程式名稱
點擊「註冊應用程式」
點擊「繼續到控制台」
前往專案設定 =>「一般」選項卡 =>「您的應用程式」 =>「SDK 設定和配置」=> 「Config 選項」
將左右括號中的內容以及 JSON 物件的鍵用雙引號框起來,複製到文字編輯器中。
例如:原始內容如下:
apiKey: "AIzaSyDJOxnnKZmJWdSuQ7pCKvrC0qyFT27VJII"
應該更改為:
"apiKey": "AIzaSyDJOxnnKZmJWdSuQ7pCKvrC0qyFT27VJII"
更改後,它應如下所示,並附有關聯專案的值
{
"apiKey": "your-project-key",
"authDomain": "your-project-authdomain",
"databaseURL": "your-project-databaseurl",
"projectId": "your-projectId",
"storageBucket": "your-project-storageBucket",
"messagingSenderId": "your-project-senderId",
"appId": "your-project-appId",
"measurementId": "your-project-measurementId"
}
將上述物件添加到外掛程式設置頁面 =>「一般」選項卡 =>「Firebase 應用程式配置」欄位
步驟4:設定 Firebase 資料庫和密鑰
前往 Google 控制台 => 專案設定 =>「服務帳戶」(選項卡)
點擊「產生新的私密金鑰」按鈕
確認並點擊「產生金鑰」
JSON 檔案將自動下載
將該檔案的內容複製到外掛程式設置頁面 =>「一般」選項卡 =>「Firebase DB 設定」欄位
步驟5:配置身份驗證以從外掛程式管理後台頁面新增管理員使用者
前往 Google 控制台 =&
外掛標籤
開發者團隊
② 後台搜尋「Raopress Chat – Firebase Chat for Visitors」→ 直接安裝(推薦)
原文外掛簡介
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.
Note
This plugin provides a service to manage real time chat conversation stored in firebase. This is the reason firebase libraries are called remotely.
Raopress Chat Admin Mobile Application for IOS & Android
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. Buy now
Firebase Settings Configuration Steps
Step 1 : Create Firebase Project
Go to Google Console
Click on Add Project
Select Parent Resource
Click on continue
Enable Google Analytics (Optional)
Choode or create Google Analytics Account if you enabled Google Analytics from Step 4
Click on Create Project
Click on Continue => This would redirect you to Project Overview Dashboard.
Step2 : Create Realtime Database
Navigate to Build => Realtime Database
Click on Create Database
Choose the Realtime Database Location
Start in test mode
Realtime Database will be created
Go to Rules Tab and you can set up the date till the end of year to let your customers send chat messages.
Step 3: Create Web APP
Navigate to Project Settings => General Tab => Your Apps Section (At the bottom)
Create Web App
Provide a App Name
Click on Register App
Click on Continue to Console
Navigate to Project Settings => General Tab => Your Apps => SDK setup and Configuration => Config Option
Copy the content with curly braces in text editor and enclose JSON object key with “”.
For eg: apiKey: “AIzaSyDJOxnnKZmJWdSuQ7pCKvrC0qyFT27VJII” to
“apiKey”: “AIzaSyDJOxnnKZmJWdSuQ7pCKvrC0qyFT27VJII”
After adjusting, it should like below with the associated project values
{
“apiKey”: “your-project-key”,
“authDomain”: “your-project-authdomain”,
“databaseURL”: “your-project-databaseurl”,
“projectId”: “your-projectId”,
“storageBucket”: “your-project-storageBucket”,
“messagingSenderId”: “your-project-senderId”,
“appId”: “your-project-appId”,
“measurementId”: “your-project-measurementId”
}
Add the above object into Plugin Settings Page => General Tab => Firebase App Configuration field
Step 4: Configure Firebase Database & Secret Keys
Navigate to Google Console => Project Settings => Service Accounts (tab)
Click on Generate new private key button
Confirm and click on Generate Key
Json file will be downloaded automatically
Copy the file content to Plugin Settings Page => General Tab => Firebase DB Configuration
Step 5: Configure Authentication to add an admin user from a Plugin Admin Dashboard Page
Navigate to Google Console => Build => Authentication
Click on Get Started
Navigate to Sign in method tab
Select Native Providers => Email/Password
Go to Raopress Chat Plugin Home Page
Register with your email & password which would act as an admin for the Chats received from your customers/subscribers
Step 6: Enable Firebase Storage
If you want allow your customers to append a document/file, need to enable firebase storage from
1. Navigate to Google Console => Build => Storage
2. Click on Get Started
3. Select start in test mode
4. Choose the Storage Location
5. Open Rules tab
6. Set date to Next year to avoid adjusting the rules again and again.
Step 7: Configure Widget Style
Configure Settings in Plugin Settings Page => Firebase Chat Widget Settings (Tab).
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.
