> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://kb.rezio.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 訂位官網設定

### 指南

這篇指南將說明 [rezio Admin 管理後台](https://admin.rezio.io) 中，如何啟用「我的預訂網站」並設定要開啟的功能。
---

###### 快速跳到
###### 
* [啟用預訂網站](#1-5zwf55so6acq6kic57ay56uz)
* [瀏覽器頁籤圖示](#1-54cp6ka95zmo6acb57gk5zyw56s6)
* [標頭商店名稱](#1-5qiz6act5zwg5bqx5zcn56ix)
* [橫幅形象圖](#1-5qmr5bmf5b2i6lgh5zyw)
* [屬性字](#1-5bgs5ocn5a2x)
* [幣別及語系](#1-5bmj5yil5yk6kqe57o7)
* [聯絡表單](#1-6igv57wh6kgo5zau)
* [分銷洽詢表單](#1-5yig6yq35rs96kmi6kgo5zau)
* [自訂擴充選單](#1-6ieq6kic5po05ywf6yg45zau)
* [自訂 Footer](#1-footer)
* [網站簡介](#1-57ay56uz57ch5lul)
* [關於我們](#1-6zec5pa85oir5ycr)
* [網站追蹤碼](#1-57ay56uz6l96lmk56k8)
* [儲存並預覽網站](#1-5ysy5a2y5lim6acq6ka957ay56uz)

---

### 銷售工具 > 我的訂位網站

[點擊登入 rezio Admin 管理後台](https://admin.rezio.io) 來設定「我的預訂網站」

![](https://storage.crisp.chat/users/helpdesk/website/-/9/5/3/5/953513d7509e3000/4a584c79-ae27-4f02-888c-0f3d9c_zbexib.png =300x416)
---
# 啟用預訂網站

若您尚未設定 專屬訂位網站網址 ，請先輸入您想要的網址後，再點 檢查網址 ：

![](https://storage.crisp.chat/users/helpdesk/website/-/f/2/e/9/f2e93a34a1c26000/6081c424-aa39-4c93-928d-fdbbb3_hlc2aj.png =900x208)

確定網址可以使用，再點 **網址開通**：

![](https://storage.crisp.chat/users/helpdesk/website/-/3/2/c/2/32c2671d70904000/8f467251-c19c-4824-9bb0-47c40b_r7uv8q.png =900x221)

網址開通成功後，便可以啟用「我的預訂網站」：

![](https://storage.crisp.chat/users/helpdesk/website/-/2/e/4/1/2e414f0d98827600/59a57b24-d588-4ebb-99fb-946252_v084g1.png =900x233)

若是因為季節性銷售的因素，需要暫時關閉「我的預訂網站」，可點擊右方開關將它停用。網站停用時，訪客點擊商店網址將會顯示「商店關閉中」，但不會影響您已發出的網頁版憑證。

![](https://storage.crisp.chat/users/helpdesk/website/-/3/c/d/1/3cd1ead635789600/616cf5f1-7bb7-451f-ab0e-84b16e_16y59lx.png =800x326)

注意：商店關閉時，訪客仍可點擊頁面上方的選單與下方的 footer。
---
# 瀏覽器頁籤圖示

您可以設定當顧客開啟您的預訂網站時，在瀏覽器的頁籤所顯示的圖示，如下圖所示：

| 頁籤示意圖

![](https://storage.crisp.chat/users/helpdesk/website/-/b/6/5/a/b65a904fc63b3800/146afe90-0748-4a9f-85f0-a7a5b2_o6l91c.png)

點擊 **上傳圖片** 即可從電腦中上傳圖示檔案，或者也可點擊 **媒體庫**，從之前上傳過的圖檔中選擇。

![](https://storage.crisp.chat/users/helpdesk/website/-/7/6/1/0/7610eccc98410800/46aec406-2c96-45f8-9dcf-a3989d_y41ruz.png =900x237)
---
# 標頭商店名稱

此處可設定您要在右上方顯示此商店的名稱，或顯示 Logo 圖檔。

1. 點選 商店名稱 或 Logo（二擇一）
2. 若選擇商店名稱，顯示效果如下：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182207/original/pPYRB1AwrogNRz_bY8wQPzxNgTGGokBn7g.png?1723520655 =900x100)

| 說明：商店名稱在[ 一般設定 - 基本設定](https://kb.rezio.io/zh-tw/article/5lia6iis6kit5a6a77ya5zwg5bqx6kit5a6a-106o9fp/) 中修改。

3. 若選擇 Logo，點擊 上傳圖片 即可從電腦中上傳檔案，或者點擊 媒體庫 選擇現有圖片。顯示效果如下：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182206/original/B1MqgxKadSRWXRxdZiyJpMrwe8qojB-eug.png?1723520655 =900x107)
---
# 橫幅形象圖

此處設定的是在商店首頁最上方要顯示的大圖與文字，如下圖所示：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182246/original/71VL21G7X20wikqmU04ptPnGxZUFmz0qLA.png?1723520703 =900x461)

1. 首先，由於您上傳的圖片尺寸比例可能會有差異，您可以選擇圖片的顯示方式：
* **完整圖片**：可完整顯示您所上傳的任何圖片，但圖片周圍可能會出現空白。
* **填滿建議尺寸**：系統會自動調整圖片顯示範圍，因此可能會被裁切。此設定的整體顯示效果較好，但您需要將重要資訊放置在圖片中央，避免被裁切。

2. 在「橫幅照片」區塊上傳圖片或從媒體庫新增後，於右方填寫要顯示在圖片上的 **橫幅形象圖主標題**、**橫幅形象圖副標題**，以及點擊圖片後要開啟的 **橫幅連結**（此三個欄位非必填。）
3. 點擊 **新增** 便會出現在下方，新增多張圖片後，按住圖片標題即可拖拉排序。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182244/original/XQ_6CmQhzHIfyAubyDdCyS4_XaJHaxCdkA.png?1723520696 =800x456)
---
# 屬性字

您可以利用屬性字功能來協助顧客更快速找到有興趣的行程、進行主題式行銷。

1. 首先點擊 + 來設定要顯示在官網首頁的屬性字。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67111544793/original/DOPC0NcJx-89uXZ6J4ogyXXjoqBhXmTTgQ.png?1726826872 =900x95)

儲存之後，顧客在首頁點擊屬性字標籤，便可快速篩選相關行程。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67111544796/original/_LLmTHcK7kZGjOPoVvb89Yj6Qr3DmstxNw.png?1726826872 =900x441)

2. 此外，您還可以在下方設定「屬性字專屬頁」的網址：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67111544794/original/TAV-N8YEFrKm9RpeZNLOSrUFwqyXq0lReg.png?1726826872 =800x435)

點擊網址欄位右方的按鈕（如上圖紅圈處），便可複製此屬性字專屬頁面的完整網址，再應用到各種行銷活動、網頁連結中。（注意：點擊儲存後，需要等待幾分鐘後網址才能使用。）

顧客點擊網址，便可直接看到此標籤相關的行程，如下圖所示：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67111544795/original/_8Q-22JGIxTKRjVL28OSLI_y0CT-6AdixQ.png?1726826872 =800x337)

| 說明：您可以搭配首頁橫幅形象圖的設定，上傳吸睛的主題圖片後，再將屬性字專屬頁的網址貼在圖片的「橫幅連結」欄位，達到增加行程流量與曝光的目標。
---
# 幣別及語系

若您有服務國外的顧客，可開啟系統預設的多國幣別及語言選單，讓顧客可以從頁面右上角進行切換，如下圖所示：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182221/original/JrBSa78swH1ddjgq-0JJwZ-fz-JXJOuWCg.png?1723520659)

1. 啟用 **幣別**、**語系**選單後，在選項欄位點 + ，再從系統提供的選項中挑選您要開放的幣別及語系。
2. 開啟幣別選單時，預設會依您的商店幣別顯示價格，顧客若選擇其他幣別，系統會依照每日匯率換算，但實際交易幣別會依照付款方式有所不同。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182210/original/sOdxKvrnu7CyMTgoPbGYarfvQ-LYAIXm6g.png?1723520655 =900x205)

| 說明：商店幣別可在 [一般設定 - 區域設定](https://kb.rezio.io/zh-tw/article/5lia6iis6kit5a6a77ya5zwg5bqx6kit5a6a-106o9fp/) 中修改。

3. 開啟語系選單時，通用的系統文案會有預設的翻譯文字，但舉凡網站簡介、屬性字、行程名稱等自訂的內容，您都可以在 系統設定 > 翻譯區 中進行設定。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182212/original/K4yIvLR55oi84xx-0bPEHUTYFOHynMXqRg.png?1723520655 =900x205)
---

| 欲了解更多關於翻譯的資訊，請參考此文章：[翻譯商品與網站內容](https://kb.rezio.io/zh-tw/article/5776k2v5zwg5zob6iih57ay56uz5ywn5a65-12dbojj/)



# 聯絡表單

啟用聯絡表單，顧客便可向您發送想要諮詢的內容，因此需要在此填寫您希望用來收取此類信件的聯絡人信箱。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182208/original/IeJFUFmGAEyA8maT1C23bFoPOmDV-ovSkA.png?1723520655)

啟用之後，在「我的預訂網站」首頁右下角便會顯示懸浮按鈕，點擊按鈕即可開啟表單。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182250/original/TC0be2oHEQu8Xe20qjR_zw9ImKv6pl-Kkw.png?1723520708 =900x503)

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182251/original/SKjKcmVbf8qTrKYZSFK8ZkOrKDCEV9nLIA.png?1723520708 =800x676)
---
# 分銷洽詢表單

若您訂閱的方案包含有「分銷商」功能，可開啟洽詢表單，讓有意加入分銷的廠商與您聯絡。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182248/original/kMiy-JX9HqFhNu6075mhyYQscrWDiw1EMA.png?1723520708)

啟用之後，在「我的預訂網站」上方的功能選單便會顯示連結，點擊連結即可開啟表單。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182209/original/SrESsuK-8k64gJtlYn_Qbfwx9gKOfG3Raw.png?1723520655 =800x543)
---
# 自訂擴充選單

開啟此功能後，您便可在「我的預訂網站」上方的功能選單增加更多連結。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182213/original/g1vcg0bRW1OoJx-zH1JM-LwatsCgpmPEnQ.png?1723520655 =800x457)

1. 輸入 **標題**，也就是此選單要顯示的名稱
2. 輸入 **選項名稱** 與要開啟的 **超連結** 後，點 **新增**，可新增多個連結、調整順序
3. 選單顯示效果如下：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182249/original/HsUPxTBkZ9Ox1ffmoPFRTLpP5K5RFzidxw.png?1723520708 =900x85)
---
# 自訂 Footer

您可以自訂要顯示在頁面最下方 Footer 區塊的內容，如下圖所示：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182260/original/rOiKPIYVP0KIsOOG5SOALk42LyCjjRGUug.png?1723520716 =800x517)

若是在手機版開啟，此區塊會固定收折於下方：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182252/original/J26URGIzDeyBx0gmRIG97ZS_9WuEgTYKKw.png?1723520709 =400x859)

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182256/original/ceIEFosZlNXVF_s3t-T0PClrfUjjptJz9g.png?1723520716 =400x859)

1. 在 Footer 項目 欄位點擊 + 來選擇要顯示的資料，建議您至少要選擇 店名，以及 店址、Email、電話等三個欄位其中一欄，顯示在收折起來的區塊如下：
![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182255/original/_uP-jJKvIoFFVLdu47jo3tzCxI4DqtMiQQ.png?1723520715 =900x55)

2. 若有選用以下功能，則需要到相關頁面設定要顯示的內容：

* 社群媒體連結：請至 [一般設定 - 基本設定](https://kb.rezio.io/zh-tw/article/5lia6iis6kit5a6a77ya5zwg5bqx6kit5a6a-106o9fp/) 完成設定。
* 條款與政策：請至 [一般設定 - 條款設定](https://kb.rezio.io/zh-tw/article/5lia6iis6kit5a6a77ya5zwg5bqx6kit5a6a-106o9fp/) 編輯「隱私權保護政策」與「使用條款」的內容。
* 特殊商取引法：請至 [一般設定 - 條款設定](https://kb.rezio.io/zh-tw/article/5lia6iis6kit5a6a77ya5zwg5bqx6kit5a6a-106o9fp/) 編輯內容。
* 關於我們：請在本頁下方開啟「關於我們」功能後，再編輯內容。

顯示位置如下：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182263/original/v-M1005eca__BrTH-4KSGr5Z8BTgGOtsbQ.png?1723520717 =900x178)

3. 您也可以啟用擴充 Footer，在預設的區塊下方顯示更多文字或連結。
* 此處的版面為三欄式設計，最多可顯示五行。有輸入文字的欄位才會顯示，沒有文字就會留白。
* 文字輸入框中不能斷行，顯示時會依照畫面寬度自動調整。
* 勾選 **超連結** 欄位並貼上網址後，便能為此行文字加上連結。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182258/original/ojN8E3GqV19DJe_ChERLe6kWT7GKPQHm6g.png?1723520716 =800x348)

擴充 Footer 的內容會顯示於最下方：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182259/original/jDOgV1rQpeFt5K6dvq1t2RVB6H0TPiML6Q.png?1723520717 =900x278)
---
# 網站簡介

網站簡介的內容會顯示在首頁橫幅形象圖的下方，如下圖所示：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182278/original/3WLUERvY0duskK2nDHwQEtwtQuTuZao_WQ.png?1723520722 =800x634)

此處填寫的文案也會影響「我的預訂網站」的 SEO 搜尋結果，並且出現在網頁搜尋的摘要中，因此建議您可以用簡短、吸睛的文字來介紹您所提供的商品與服務，提升您的網頁排序。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182264/original/LloeigH9ttF3PSXo_ThPDoQRrWsaQTQo0A.png?1723520717 =800x267)

| 說明：可利用文字編輯器來為簡介內文增加樣式與連結，更多說明請參考 [文字編輯器](https://kb.rezio.io/zh-tw/article/5aac5l2v5l255so5pah5a2x57eo6lyv5zmo-1plytdn/)使用說明。

此外，若您有提供多國語言服務，可在 [翻譯區](https://kb.rezio.io/zh-tw/article/5776k2v5oko55qe6acq6kic57ay56uz-12dbojj/) 為網站簡介增加其他語言的內容。
---
# 關於我們

除了網站簡介之外，您可以開啟「關於我們」的專屬頁面，提供更多關於貴司的資訊與介紹，如下圖所示：

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182272/original/ox8yxPM91vrQFxKvL0acWwo7P33ZTiddcw.png?1723520718 =800x430)

1. 啟用「關於我們」選單後，便可在下方的文字編輯器中填寫內容。
2. 您可利用[文字編輯器](https://kb.rezio.io/zh-tw/article/5aac5l2v5l255so5pah5a2x57eo6lyv5zmo-1plytdn/)的內建功能設定文字樣式與連結，也可以直接輸入 Markdown 語法來做設定。

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182268/original/7y-i61cjX3A7voDiHYJZGjkuJMP_ckjjEQ.png?1723520718 =900x284)
---
# 網站追蹤碼

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

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182261/original/WhFNaAMMEPtIkYxYzM6WWbNc6uXzS6nf3A.png?1723520717 =900x219)

* Google Analytics

rezio 可支援新版 GA4 功能，請將 G- 開頭的評估ID 貼在 Google Analytics ID 欄位即可（請務必貼上完整 ID）。

注意：

1. 請勿貼上整段 gtag.js 代碼
2. 若您使用的是舊版的 Google Analytics，或是找不到 GA 追蹤碼所在位置，請參考[如何設定 Google Analytics](https://kb.rezio.io/zh-tw/article/google-analytics-1o82qpa/)

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182269/original/uLR-IQGlGGzIilpY9uftAskWB_O5fIU7mQ.png?1723520718 =900x453)

* Facebook Pixel

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

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182267/original/85DxBNH2n_sDDqnSEQg3yM2WzVGZdTEbcg.png?1723520718)

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

1. 登入您的 Facebook 企業管理平台 後，前往「企業管理平台設定 > 品牌安全 > [網域](https://www.facebook.com/micro_site/url/?click_from_context_menu=true&country=TW&destination=https%3A%2F%2Fbusiness.facebook.com%2Fsettings%2Fowned-domains&event_type=click&last_nav_impression_id=0ddAzUauEPD07Ne5l&max_percent_page_viewed=37&max_viewport_height_px=764&max_viewport_width_px=1440&orig_http_referrer=https%3A%2F%2Fwww.facebook.com%2Fbusiness%2Fhelp%2F245311299870862&orig_request_uri=https%3A%2F%2Fwww.facebook.com%2Fbusiness%2Fhelp%2F321167023127050&primary_cmsid=321167023127050&primary_content_locale=zh_TW&region=apac&scrolled=true&session_id=1bQW79qZ8fN2tZtYR&site=fb4b&extra_data[view_type]=v3_initial_view&extra_data[site_section]=help&extra_data[placement]=%2Fbusiness%2Fhelp%2F321167023127050) 」
2. 點擊 新增，然後在網域名稱填入 MySite 預訂網站網址，例如 addontwd.rezio.shop，然後點擊 新增網域

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182271/original/9VplNe62sK2iwkFQRYm3wAEk7Ya-JXAVIg.png?1723520718 =900x423)

3. 網域新增成功後，請將「擁有者」旁邊的「編號」整串數字複製貼上到 Facebook Pixel ID 欄位
4. 在下方的 新增中繼標籤 區塊可看到一串 <meta name=”facebook-domain-verification” content=”XXXXXXXXXXX” /> 的程式碼，請複製 content=” “ 中間的這一串文字c

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

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182262/original/QEiG3g_PPw1-Hp7R-Rq9cMtmb6aSFMXnbA.png?1723520717)

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

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

![](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/67108182273/original/JZId_GV2pwZPRdrZfXsMLpyTdCFz0ghiXA.png?1723520721 =900x501)

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

完成網站的版面設計後，您可以繼續調整網站使用的顏色，強化網站特色與企業識別，詳細說明請參見 [色彩設定](https://kb.rezio.io/zh-tw/article/5li76agm6kit5a6aic0g6imy5b2p6kit5a6a-e6t2i1/) 說明手冊。

此外，您也可以針對商品頁的功能進行設定，詳情請見 [商品頁相關設定](https://kb.rezio.io/zh-tw/article/6kic5l2n5a6y57ay6kit5a6aic0g6kgm56il5zwg5zob6acb-1dea64i/) 說明手冊。