訂位官網設定

指南

這篇指南將說明 rezio Admin 管理後台 中，您可以跟著步驟，設定出專屬於您的 My Site。

快速跳到

• 啟用預訂網站
• 瀏覽器頁籤圖示
• 標頭商店名稱
• 橫幅形象圖
• 行程照片輪播圖
• 購物車
• 屬性字
• 幣別及語系
• 聯絡表單
• 分銷洽詢表單
• 個別需求欄位
• 訂單取消按鈕
• 自訂擴充選單
• 自訂 Footer
• 網站簡介
• 關於我們
• 網站追蹤碼
• 儲存並預覽網站
• 色彩設定
• 預訂畫面相關設定

銷售工具 > 我的訂位網站

點擊登入 rezio Admin 管理後台 並完成 My Site 的設定

• 啟用預訂網站

點選右邊開關，藍色為啟用，灰色為停用。

• 瀏覽器頁籤圖示

1. 可上傳頁籤圖 (非必要)

頁籤示意圖

• 標頭商店名稱

1. 點選 商店名稱 或 放置Logo（二擇一）

說明：商店名稱在 一般設定 - 基本設定 中修改。

商店名稱 效果如下

Logo 效果如下  

• 橫幅形象圖

1. 設定圖片的顯示方式

2. 上傳 橫幅形象圖（建議尺寸為 1920 * 600）

3. 填寫要顯示在圖片上的 橫幅形象圖主標題、橫幅形象圖副標題，以及點擊圖片後要開啟的 橫幅連結

4. 點擊 新增 便會出現在下方，您可以新增多張形象圖輪播，也可以調整順序

MySite顯示效果如下

• 行程照片輪播圖

這裡是設定行程預訂頁裡面的輪播圖，要如何顯示

• 購物車

點選右邊開關，藍色為啟用，灰色為停用

• 屬性字

點擊 + 來設定要顯示在官網首頁的屬性字，讓顧客點擊後可以快速篩選相同屬性的產品。

• 幣別及語系

點選右邊開關來啟用 幣別選單 及 語系選單（藍色為啟用，灰色為停用），然後點擊 + 來設定要開放的幣別及語系，讓顧客可以從頁面右上角進行切換

• 聯絡表單

1. 啟用聯絡表單

2. 填入聯絡人 Email

若有消費者填寫連絡表單，信件將寄送至連絡人Email

聯絡表單位於您的預訂網站左下的 詢問

• 分銷洽詢表單（ rezio rise 以上版本）

1. 啟用聯絡表單

2. 填入聯絡人 Email

若有消費者填寫洽詢表單，信件將寄送至連絡人Email

• 個別需求欄位

此開關可控制是否在顧客的訂購流程中，顯示「個別需求」欄位讓他填寫備註填寫的內容將顯示在 訂單詳情－客戶備註 中。

• 訂單取消按鈕

此開關可控制是否在顧客 查詢訂單 的頁面中，顯示「取消訂單」的按鍵，讓顧客可自行提出取消申請。

• 自訂擴充選單

1. 點選右邊開關，藍色為啟用，灰色為停用

2. 輸入標題

3. 輸入選項名稱與要開啟的超連結後，點 新增，可新增多個連結、調整順序

4. 擴充選單如圖所示

• 自訂 Footer

1. 可使用 預設Footer項目，點擊 + 來選擇要顯示的資料

2. 也可以使用三欄式的 自訂擴充Footer（點選右邊開關，藍色為啟用，灰色為停用）

3. 在欄位中輸入文字，空白欄位就不會顯示

4. 若需要超連結，可勾選 超連結 並貼上網址

說明：若需要在 Footer 新增系統內建以外的資訊，可在自訂擴充中填寫資訊，並利用左、中、右欄編排出獨特的 Footer

效果如下

• 網站簡介

1. 填寫 簡介標題

2. 填寫 簡介內文

說明：關於文字編輯器，更多說明請參考 文字編輯器使用說明

效果如下

• 關於我們

  • 填寫 關於我們的描述

效果如下

• 網站追蹤碼
  若您有使用外部服務來分析網站流量的需求，可將您的追蹤碼貼入相對應的欄位
  
  

  • Google Analytics

rezio 可支援新版 GA4 功能，請將 G-XXXXXX 格式的評估編號貼在 Google Analytics ID 欄位即可（包含開頭文字「G-」和 6 碼數字，總共 8 碼都要貼上）。

注意：
1. 請勿貼上整段 gtag.js 代碼
2. 若您使用的是舊版的 Google Analytics，或是找不到 GA 追蹤碼所在位置，請參考進階說明

• Facebook Pixel

    將 像素編號 貼在 Facebook Pixel ID 欄位就可以安裝 Facebook Pixel 來進行追蹤：

如果您要在 Facebook 投放廣告，就需要填寫 Facebook 廣告投放認證碼 並進行網域驗證：

1. 登入您的 Facebook 企業管理平台 後，前往「企業管理平台設定 > 品牌安全 > 網域 」

2. 點擊 新增，然後在網域名稱填入 MySite 預訂網站網址，例如 addontwd.rezio.shop，然後點擊 新增網域

3. 網域新增成功後，請將「擁有者」旁邊的「編號」整串數字複製貼上到 Facebook Pixel ID 欄位

4. 在下方的 新增中繼標籤 區塊可看到一串 <meta name=”facebook-domain-verification” content=”XXXXXXXXXXX” /> 的程式碼，請複製 content=” “ 中間的這一串文字

5. 將前一步複製的文字，貼到 Facebook 廣告投放認證碼 欄位中，按 儲存

6. 回到第3步「Facebook 企業管理平台」的頁面，點擊 驗證網域，驗證成功便完成設定。（注意：此步驟可能需要等待一段時間後才能生效。）

• 儲存並預覽網站

設定完成點擊 儲存並預覽 ，便可檢視設定生效後的效果，您可在彈窗中預覽網站首頁、行程內頁、訂購流程等畫面，並不會產生實際的訂單。

提醒：儲存之後，您的設定需要一小段時間才會顯示於實際官網中。

完成網站的版面設計後，您可以繼續調整網站使用的顏色，強化網站特色與企業識別！

• 主題設計

  • 在導覽列 銷售工具 找到 主題設計

• 色彩設定

  • 您可在此設定您的訂位網站色調，有主色、輔助色、文字主色、文字輔助色、按鈕顏色以及按鈕文字色，點按 示意圖 觀看各色彩於網站的分佈（下圖以 rezio 的色調作為範例）

示意圖如下

1. 在您要設定的顏色下方，點 顏色框 

2. 出現 小色盤

3. 移動圓點游標，可以自由調整顏色

4. 也可以直接輸入 色碼（色碼會根據您在小色盤上的選擇自動變化）

5. 設定完畢，可點 儲存並預覽 來看實際效果

• 預訂畫面相關設定

可以設定顧客在預訂畫面看到的日曆樣式，以及是否要顯示剩餘可售量

• 日曆樣式設定

可選擇使用 通用風格 或 日式風格，若選擇日式風格，可再設定每一天剩餘可售量小於多少時，要顯示 ▵ 符號

示意圖如下

• 剩餘可售量顯示設定

設定是否要在預訂網站的預訂流程中，顯示該場次的剩餘數量（如下圖箭頭所指的地方）

示意圖如下