Step 1

首先使用 Google 帳號登入 https://cloud.google.com/ 開始免費試用，註冊過程中需要輸入信用卡資料，提供 12 個月期間共 300 美元的額度免費試用 GCP 的各種服務，而且在一年結束之後，只要不超過指定用量限制，都可以永久免費使用 GCP 的部分服務。

Step 2

登入 Google Cloud Platform 後，選擇 Compute Engine，再看到左下角的 Marketplace。

Step 3

點選 Marketplace 並搜尋 WordPress，接著我們點選 WordPress with NGINX and SSL Certified by Bitnami

Step 4

在 WordPress with NGINX and SSL Certified by Bitnami 內點選 在 COMPUTE ENGINE 上啟動

Step 5

設定佈署名稱、選擇主機區域，其中 asia-east-a、asia-east-b、asia-east-c 都是位於台灣彰化的主機；機器類型可以使用預設的「小型」；硬碟選用 SSD 並設定為 30GB。這樣選下來，每月預估費用為 20.43 美元，以免費試用額度一年 300 美元來計算，不超過每月平均 25 美元的扣打。

Step 6

最後在下方點選佈署，跳轉後可以觀察 GCP 的佈署進度。

Step 7

佈署完成，右側可以看到主機的 IP 位置以及 WordPress 的登入資訊，點選右下方 Log into the admin panel 並輸入上面的使用者名稱及密碼就可以登入了。

Step 8

Bitnami 套裝的 WordPress 已經預先安裝了一些外掛，第一次登入後可以先將 WordPress 預設的語言與時區改為繁體中文與台北時間並更新外掛程式。本篇教學做到這邊基本上已經完成 WordPress 架站了，是不是非常快速呢！

Step 9

不過你可能已經發現右下角有一個 Bitnami 的 Logo，而它在 WordPress 後台是無法關閉的，必須透過指令來移除，但透過 SSH 連 GCP 有一點麻煩，這邊建議先在電腦上安裝 Google Cloud SDK，如果是 Mac 使用者可以參考：https://cloud.google.com/sdk/docs/quickstart-macos 官方說明文件。

Step 10

安裝完 Google Cloud SDK 後，回到 GCP 後台，剛剛登入按鈕旁邊有一個 SSH 的按鈕，下拉後點選「查看 gcloud 指令」

Step 11

接著將指令複製起來，並開啟 Mac 的終端機

Step 12

在終端機貼上 gcloud 指令後，就可以登入 GCP 主機。接著，執行以下指令：

sudo /opt/bitnami/apps/wordpress/bnconfig --disable_banner 1

sudo /opt/bitnami/ctlscript.sh restart apache

回到網站重新整理，Bitnami 的 Logo 就不見了！

Step 13

以 GCP 每月約 20 美元左右等級的主機，安裝 Bitnami 版本搭載 Nginx 的 WordPress，在還沒有安裝任何快取外掛的情況下，網頁效能測試已經有很不錯的成績，再加上我們所選擇的 GCP 主機就在台灣彰濱工業區，因此國內瀏覽體驗理論上會比國外測試網站更好！

延伸閱讀

如果你對 Google Cloud Platform 的主機規格、設定以及這些參數指令不是很熟悉，希望能有更簡單的主機方案選擇、中文介面，並且對 WordPress 友善的話，也可以參考老牌的 SiteGround 主機，以 WordPress 虛擬主機來說，可以簡單區分為三種方案，每月只要大約 100-300 台幣的費用算是相當實惠。

SiteGround WordPress Hosting
https://www.siteground.com/go/wp-admin

這篇文章 「教學」使用 GCP 台灣主機五分鐘快速架設 WordPress 網站 最早出現於 TaskingHouse。

如果是使用 Facebook Messenger 當作線上客服系統，首先臉書已經有很完善的粉絲專頁管理工具，只要有顧客傳送訊息，粉絲專頁管理員的裝置就會收到推播通知，可以即時回覆顧客。就算沒有即時回覆，顧客稍後還是會從電腦或手機的 Facebook Messenger 收到通知，相較電子郵件比較不容易被忽略。最值得一提的是，目前 Facebook Messenger 還可以達到基本的自動回覆功能，也就是這幾年很熱門的聊天機器人，絕對是維持顧客關係的一大利器。

原本安裝與設定 Customer Chat Plugin (顧客洽談外掛程式) 還是多少需要一點程式概念，不過現在透過 Chun 開發的 FB2WP 的外掛，就可以輕鬆的在 WordPress 後台安裝與設定 Customer Chat Plugin。

安裝 FB2WP 外掛

直接在安裝外掛頁面搜尋 FB2WP 就可以找到啦！

XX2WP Integration Tools

或是直接點連結也可以下載。

設定 Facebook App

在 FB2WP 的設定中，最重要的就是這四個欄位：

• 應用程式編號
• 應用程式密鑰
• 粉絲頁編號
• 粉絲頁應用程式授權碼

那我們在哪裡可以找到這些東西呢？就跟著本文一步一步來設定吧！

建立臉書應用程式

目前 Messenger 開放平台是透過臉書應用程式管理的，因此我們可以用臉書帳號登入 Facebook for Developers 來建立新的應用程式。網址是：https://developers.facebook.com/ 登入後點擊上方我的應用程式、新增應用程式。

接著設定應用程式的名稱，例如：大頭的部落格，聯絡電子郵件就填寫工作用或慣用的電子郵件即可。最後點選「建立應用程式編號」

進入到應用程式頁面後，新增「Messenger」功能，在「Messenger」下方點選「設定」

應用程式編號

還記得剛剛 FB2WP 的設定中，要填寫的第一個欄位就是應用程式編號，你可能已經看到了，就在應用程式頁面的上方，點擊就可以複製。

應用程式密鑰

在左側選單、設定、基本資料，應用程式編號的右邊，可以找到應用程式密鑰的欄位，預設是隱藏起來的，點選右側的「顯示」輸入臉書密碼驗證後，就可以顯示了，一樣複製貼回到 FB2WP 設定。

粉絲頁編號

接著，因為是透過 Facebook Messenger 回覆顧客，因此勢必要以粉絲專頁的身份來回覆，粉絲專頁你應該已經有了，在粉絲專頁的「關於」頁面最下方可以找到粉絲專頁編號。

粉絲頁應用程式授權碼

回到剛剛的 Facebook for Developers 應用程式頁面，點選左側選單、Messenger、設定，找到「權杖產生」的區塊，從下拉式選單選擇要使用的粉絲專頁，這時會跳出確認授權的視窗：

這邊授權的權限，大致上就是應用程式可以使用粉絲專頁的權限與顧客傳送訊息，並且取得一些顧客的基本資料。

確認權限之後產生出一長串的存取權杖，對了，這就是所謂的「粉絲頁應用程式授權碼」請複製起來並回到 FB2WP 設定貼上吧！

Facebook Webhooks 設定

接著來到 FB2WP 第二個頁籤，Facebook Webhooks 設定，這邊 FB2WP 已經自動產生一個回呼網址，你只要在想一個回呼驗證權杖就可以了，這邊沒有什麼限制，隨便一個單字都可以，例如：apple、banana，隨便就好了。

再回到 Facebook for Developers 應用程式頁面，剛剛「權杖產生」區塊下方，可以找到「設定 Webhooks」的按鈕，點選，並貼上 FB2WP 自動產生的回呼網址，以及剛剛 隨便 想的 單字 驗證權杖。

接著很重要，在訂閱欄位中，我們要勾選訂閱 messages、messaging_postbacks、standby、messaging_handovers 這四個事件，其實在 FB2WP 上面還有提到 conversations、feed、ratings，但這三個必須要在 Facebook for Developers 的 Webhook 功能另外設定，因此我們就先勾選前面四個。

最後點選「驗證並儲存」

這樣子 Webhooks 就驗證完成了。

接著在下拉式選單選擇粉絲專頁，訂閱。

設定 Messenger 開放平台

回到粉絲專頁設定，點選 Messenger 開放平台

回覆方式

在一般設定中，如果之後想要設定聊天機器人的話，回覆方式可以選擇「回覆有部分是自動操作，並以部分人工操作輔助」若是單純管理員人工回覆，也可以選擇「所有回覆都是由真人提供」

剛剛在應用程式 Webhooks 設定中有訂閱粉絲專頁了，如果沒有出現，可以在下方「連結應用程式到你的粉絲專頁」用應用程式編號，把應用程式加入。此時將應用程式設為 Primary Receriver；Page Inbox 則設為 Secondary Receriver。

允許網域

這也是相當重要的一個步驟，在下方「允許清單中的網域」欄位將「網站的網址」加入並儲存。

其實照理說到這個步驟完成後，Customer Chat Plugin 應該已經可以正常使用了，但是在近期臉書隱私問題大地震，臉書開發者權限也跟著大混亂，因此做到這邊，網站前台還是會發生錯誤，聊天視窗是無法正常顯示的。

設定顧客洽談外掛程式

我們回到粉絲專頁的 Messenger 開放平台

找到「顧客洽談外掛程式」區塊，點選「設定」

語言選擇「中文(台灣)」，問候訊息等一下我們可以使用 FB2WP 來設定，可以先跳過，點選「繼續」

回覆時間可以使用預設的「自動設定回覆時間」，外觀一樣可以等一下使用 FB2WP 來設定，點選「繼續」

再次貼上網站的網址並儲存。程式碼的部分 FB2WP 那邊已經處理好了，所以也不需要複製，直接點選「完成」

大功告成

前台成功出現顧客洽談外掛程式了，包含了預設的問候語跟臉書代表色。

在 FB2WP 的 Facebook 外掛功能設定中，我們可以更改問候語以及外觀顏色。

更改之後的樣子

顧客點選開始洽談後，就可以直接與粉絲專頁對話。

粉絲專頁管理員則會收到通知，並且可以在網頁收件匣或手機應用程式回覆顧客，右側也會顯示顧客的基本資料，如果是有進行銷售，追蹤付款與備註的這些功能也相當完善。

包含輸入中、已讀功能在前台都能正常向顧客顯示。

本文示範圖檔所使用的帳戶、使用者、粉絲專頁以及應用程式名稱、編號等資訊經過變造，以及隨臉書應用程式、粉絲專頁或外掛改版，可能會造成內容與介面與本文有些許不同，請自行對照當前版本。

這篇文章 「教學」用 FB2WP 將臉書 Messenger 聊天機器人加入 WordPress 網站 最早出現於 TaskingHouse。