歡迎來到 Super 8 的使用教學，這個單元將會帶您了解如何設置客製化網頁。
客製化網頁可以讓您自行設置各類型的問題、圖片或是影片，組成符合需求的表單，顧客不用在經過問答式的冗長過程，可以快速的在網頁中將資料填寫完成。
送出表單的同時，顧客提供的答案會自動同步至 Super 8 平台內的個人資料欄位或同步至您連結的 Google試算表。
以下就來看看設置流程說明吧！
一. 新增客製化網頁
開啟 Super 8 平台「客製化網頁」，點擊「新增客製化網頁」
您可以編輯客製化網頁名稱，儲存後此名稱將同步在前台/後台標題。
接著，我們提供您三種模版選擇：空白、個人資料、問卷。這三種模版皆可自行新增欄位、刪除欄位、更改欄位內容或文字內容。
每一個欄位都可以設定必填，必填開啟時該欄位將出現＊號，若顧客未填寫則無法送出。
設定必填則右方demo畫面之欄位會顯示＊
若要移動/刪除欄位，可以點擊欄位右方上下箭頭移動，點擊「X」刪除該欄位。
以下將說明幾個設置時需注意的欄位：
1. 顧客生日
從顧客角度選擇生日時，可持續點擊「年份」來切換時間區間。
2. 超連結
請注意超連結必須是 https 開頭。若不是 https 開頭的網址建議可以用 bitly 網站縮網址。
3. 自訂問題
設置自訂問題的欄位時，頁面會要求填入參數名稱。此處的參數名稱請填寫英文，名稱自訂。
用處是顧客在此欄位填寫的值，會以屬性的方式儲存，之後在編輯器內選擇屬性，再填入參數名稱就可將儲存的值取出使用。因此，當您建置了許多客製化網頁後，需特別注意參數名稱有無重覆的問題。
假設參數名稱命名為「time」
屬性一樣填入參數名稱「time」，就可將顧客輸入的值取出使用
- 核取方塊、下拉選單
每個選項後有「填入標籤名稱」的欄位，可自行選填。若有填寫標籤名，當顧客選擇某選項時，機器人會自動標上相對應的標籤。
假設有顧客選擇「A. 洗面乳」選項，機器人就會自動上「洗面乳」的標籤
4. 圖片
圖片沒有大小限制，上傳後您可以選擇圖片要用「原始大小」來呈現，還是用「符合」手機畫面來呈現。圖片描述可自行選填。
5. 影片
影片可選擇用 Facebook 或是 Youtube 影片連結。若使用 Youtube 影片連結請複製上方網址列中的網址，不要使用下方分享功能的短網址。
6. 顧客地址
因目前此欄位國家選項僅有台灣，若您的顧客有台灣以外的國家時，建議先改用「自訂問題」>「簡答」來設置。同時，您可聯繫 Super 8團隊告知您的國家名需求，我們會再新增選項。
7. 自定顧客欄位
當你選擇自定顧客欄位，此欄位資訊會以屬性的方式儲存，之後在編輯器內選擇屬性，再填入參數名稱就可將儲存的值取出使用。
8. 送出按鈕
在不需要客戶回填資料的情境下，比如將客製化網頁使用於公告、簡介等提供資訊的用途時，可以選擇隱藏「送出按鈕」。
二. 儲存
設計好您的專屬「客製化網頁」後，請按下儲存
三. 複製網頁連結
儲存好後，請點擊「複製網頁連結」，將此連結放進卡片中的網址按鈕。當顧客收到群發訊息或是收到機器人送出的卡片訊息時，就可以點擊連結開啟「客製化網頁」並填寫。
請注意以下兩點：
1. 網頁連結有效期限只有 7 天，超過 7 天後顧客就無法開啟問卷，請觸發機器人重新發送卡片即可。
2. 複製的網頁連結只能用卡片形式傳送才能開啟，若您是直接點擊連結會無法開啟問卷。
將網址放入卡片中的網址按鈕(機器人編輯器)
將網址放入卡片中的網址按鈕(群發訊息)
群發訊息編輯畫面
若您網頁中有顧客姓名、顧客電話、顧客電子郵件、顧客生日、顧客性別這些欄位，當顧客按下送出時他所填寫的資料會自動同步至 Super 8 平台內的個人資料欄位。
顧客填寫個人資料
資料自動同步到右側個人資料欄位
四. 連接 Google 試算表
除了上述提到會自動同步資料的欄位外，若您希望也能看到其他欄位的資料時，可以使用「連結 Google 試算表」的功能。
1. 選擇在 Google 試算表中所顯示的顧客填寫表單建立時間之時區，預設GMY+8:00為台灣時間。
2. 點擊「連結 Google 試算表」
3. 選擇 Google 帳戶
4. 點選允許
5. 建立 Google 試算表
點擊 「Google 試算表(綠字)」
新增空白試算表
點擊「共用」
點擊「開啟共用連結」
選擇「知道連結的人均可以檢視」
點擊「複製連結」
連接 Google 試算表後，請勿隱藏試算表最左側的 A 欄。因系統在匯入資料時是依 A 欄為基準往下新增資料，若您隱藏 A 欄位會造成資料複寫的狀況，請務必特別注意。
6. 貼上 Google 試算表連結並按確認
顯示已成功連結 Google 試算表
若您欲更換 Google 試算表，請先點擊中斷連接，再重新進行連接設定。
若您欲更換 Google 帳戶，請先點擊「登出」，再重新進行連接設定。
五. 已建立的客製化網頁
點進「客製化網頁」頁籤，會顯示所有正在運作中的客製化網頁。您可以修改網頁名稱並使用右側按鈕功能。
「分享客製化網頁」給 Super 8 技術團隊查看
複製「App Link」，可將此連結放進卡片中的網址按鈕
編輯客製化網頁
刪除客製化網頁
「客製化網頁」設置完畢後，請您務必先自行進行測試。測試完畢後請確認資料有同步到個人資料欄位或 Google 試算表。
若您在測試時，有出現下面認證畫面是正常的，請您點擊「同意」即可。
若無出現認證畫面，代表您未開啟 LIFF 功能，可能會造成「客製化網頁」無法正常運作。請您先至 LINE@ 後台，點擊「Messaging API 設定」再點擊「LINE Developers」。
接著點擊「LIFF」頁籤，再按下「add」會出現紅框中的資訊，才算開啟了 LIFF 功能。
延伸閱讀：
如何設置填完客製化網頁後，再發送結尾語、自動標籤或自動完成呢？
小提醒
1. 如果您的 Google 試算表有很多分頁，系統會自動將資料同步到最左邊的分頁。
2. 請注意：若您在卡片中放入「客製化網頁」連結，並使用卡片中的標籤欄位功能時，在顧客點擊卡片按鈕送出表單後會出現無法為 LINE 顧客自動貼標籤的情況。此是因受限於 LINE 的 LIFF API，Messenger 顧客則不受此限制。
3. 當您已發布客製化網頁後，建議不要再更改客製化網頁內的內容，避免造成資料欄位錯置的狀況發生。
以上為此單元教學內容，希望有協助到您！
若還有其他問題，歡迎透過 Super 8 平台右下方的「顧客聊天外掛程式」向線上客服專員詢問。
Super 8 對話式商務平台 Messenger：https://m.me/no8.io
Super 8 對話式商務平台 LINE 官方帳號：https://line.me/R/ti/p/@im888