【官網設計】如何在官網嵌入 Google 預約日曆
預約時間表可協助管理時間空檔,方便客戶、合作夥伴或親友直接在 Google 日曆的個人預約頁面中跟您預約時間。
前往 Google 日曆預約時間表
開始使用 → 選擇工作或商業用途

輸入所需資料


於「建立預約頁面」點擊「建立我的頁面」

從左側目錄設定你的預約時間表

完成設定預約時間表後,預約日曆將會出現在你的 Google 日曆裡

點擊任意一個預約表 → 共用

網站嵌入 → 單一預約頁面 → 內嵌預約頁面 → 複製程式碼

前往銷售管道 → 品牌官網 → 官網分頁 → 新增分頁 → 於編輯器裡轉換成代碼頁面 → 貼上代碼 → 點擊代碼頁面轉換按鈕,轉換回普通頁面 → 點擊儲存

建立分頁後,你可以參考 【品牌官網】導航列設定 新增導航列,把分頁呈現在官網前台
或者你也可以嵌入在特定的商品頁面。
只需前往商品編輯頁面 → 於編輯器裡轉換成代碼頁面 → 在你要的位置貼上代碼 → 點擊代碼頁面轉換按鈕,轉換回普通頁面 → 點擊儲存



步驟一:建立 Google 日曆預約時間表
前往 Google 日曆預約時間表
開始使用 → 選擇工作或商業用途

輸入所需資料


於「建立預約頁面」點擊「建立我的頁面」

從左側目錄設定你的預約時間表

完成設定預約時間表後,預約日曆將會出現在你的 Google 日曆裡

點擊任意一個預約表 → 共用

網站嵌入 → 單一預約頁面 → 內嵌預約頁面 → 複製程式碼

步驟二:嵌入官網後台
前往銷售管道 → 品牌官網 → 官網分頁 → 新增分頁 → 於編輯器裡轉換成代碼頁面 → 貼上代碼 → 點擊代碼頁面轉換按鈕,轉換回普通頁面 → 點擊儲存

建立分頁後,你可以參考 【品牌官網】導航列設定 新增導航列,把分頁呈現在官網前台
或者你也可以嵌入在特定的商品頁面。
只需前往商品編輯頁面 → 於編輯器裡轉換成代碼頁面 → 在你要的位置貼上代碼 → 點擊代碼頁面轉換按鈕,轉換回普通頁面 → 點擊儲存

設定效果
分頁

商品頁

更新時間: 07/02/2025
感謝!