已經有官網了？不用重做，貼一段程式碼就有完整的線上預約

很多清潔公司和工作室，早就有自己的官網了。

可能是幾年前請人用 WordPress 架的，可能是自己用 Wix 拖拉出來的。網站上有品牌故事、作品照片、服務介紹，Google 搜尋也慢慢有了排名。

但有一個問題一直沒解決：客人看完網站，想預約的時候，只能打電話或加 LINE。

然後就回到熟悉的流程：私訊問價格、問哪天有空、來回確認地址和坪數……網站做得再漂亮，最後還是卡在「人工喬時間」這一步。

如果你也是這樣，好消息是：**你不需要砍掉重練。**Hive 蜂巢的「放到你的官網」功能，讓你保留原本的網站，只要貼上一段程式碼，就能讓它馬上升級成有完整預約功能的官網。

---

客人不用離開你的網站，就能完成預約

我們把這個功能叫做「彈窗預約」。

裝好之後，客人在你的官網上點「立即預約」，畫面上會直接跳出一個預約視窗：

• 桌機：視窗出現在畫面中央，背景還是你的網站
• 手機：預約視窗佔滿整個螢幕，操作起來就像一個 App

客人在視窗裡走完整個預約流程：選服務和方案、填地址和事前問卷、選時間、留下聯絡資料、確認送出。完成後按右上角的 ×，就回到你的網站。

**從頭到尾，客人都沒有離開你的網站。**對客人來說，這就是「你家網站的預約功能」。

而預約背後那些麻煩的事，一樣交給 Hive：

• 客人只會看到你真的有空的時段，已經有預約的、人員關掉的時間都不會出現
• 不在服務區域內的地址，會直接提示
• 預約成功，客人和你都會收到通知
• 預約自動進到你的 Hive 後台，排班、派工、收款都在同一個地方管理

---

三種放法，從最簡單的開始

在 Hive 後台的「放到你的官網」頁面，我們準備了三種做法，依照你的網站和需求挑一種就好。

做法一：預約連結（每個方案都能用）

最簡單的方法。後台會列出你的預約頁網址，以及每一項服務各自的預約網址，按一下就能複製。

把連結放在任何地方都可以用：

• 官網選單上的「線上預約」
• Facebook 粉專、IG 自介
• LINE 官方帳號的圖文選單或自動回覆

客人點了就會開啟你的 Hive 預約頁。

做法二：預約按鈕（每個方案都能用）

如果你的網站可以貼 HTML，後台也幫你寫好了一段按鈕的程式碼，複製貼上就有一顆「立即預約」按鈕。客人點了會開新分頁到預約頁，所有功能都能用，包括會員登入和「再訂一次」。

做法三：彈窗預約（工作室版以上）

想讓客人不離開你的網站就完成預約，就用彈窗預約。只要兩個步驟：

步驟一：把這段 script 貼到網站每一頁的最下方

<script src="https://hivehome.online/embed.js" data-studio="你的工作室代號" data-color="#E4572E" async></script>

data-studio 是你的工作室代號，data-color 是彈窗的品牌色。這些後台都已經幫你填好了，直接複製就行。

如果勾選「同時在右下角顯示浮動的立即預約按鈕」，script 會多一個設定，你的網站每一頁右下角都會出現一顆預約按鈕，不用自己放。

步驟二：在想放預約按鈕的地方，加上 data-hive-book

<a href="你的預約頁網址" data-hive-book>立即預約</a>

想讓按鈕直接帶入某一項服務，例如在「冷氣清洗」的介紹旁邊放一顆「預約冷氣清洗」，就在 data-hive-book 填上那項服務的代號：

<a href="冷氣清洗的預約網址" data-hive-book="aircon-cleaning">預約冷氣清洗</a>

一個小細節：這顆按鈕本身就是一個正常的連結。萬一 script 還沒載入，客人點了也會直接連到預約頁，不會變成一顆按了沒反應的按鈕。

貼好之後，後台還有一個「試試看彈窗」按鈕，可以先預覽客人會看到的畫面。

裝好之後，你原本的官網就會像這樣：原本的按鈕都能打開預約視窗，右下角還多了一顆隨時可以按的「立即預約」。

---

常見的網站平台怎麼貼

• WordPress：script 用「頁尾程式碼」類的外掛（例如 WPCode）貼到頁尾；按鈕用「自訂 HTML」區塊。
• Wix：到「設定 → 自訂程式碼」，把 script 加到 Body 結尾；按鈕用「嵌入 HTML」。
• Google Sites、Facebook 粉專、LINE：這些平台不能放 script，用做法一的「預約連結」就好。

如果你的網站是請工程師或設計師做的，把後台那兩段程式碼轉給他，通常幾分鐘就能搞定。

---

只想用預約，不想用 Hive 的官網？也可以

有些工作室的官網已經經營得很好，只想要 Hive 的預約和派工功能。

這種情況，你可以在「放到你的官網」填上原本官網的網址，Hive 就會切換成只開放預約：

• 預約頁和彈窗照常運作
• 預約頁左上角的 Logo 會連回你自己的官網
• 客人預約完成後，可以點「回到官網」回到你的網站
• 客人如果點到 Hive 的官網首頁或服務頁，會看到「立即預約」和「前往官網」兩個選項，由他自己選擇

你的品牌、你的網站、你的 Google 排名全部保留，Hive 就是在背後幫你接單、排班的系統。

---

幾個你可能會想知道的細節

彈窗裡可以登入會員嗎？ 彈窗預約是給訪客使用的，不會要求客人登入，也不會自動建立會員。這樣做是因為 Safari 等瀏覽器會擋掉嵌在其他網站裡的登入狀態，與其讓客人登入失敗，不如一開始就讓訪客順順地預約完成。想用會員功能、「再訂一次」的客人，可以用預約連結或預約按鈕。

客人選了線上付款怎麼辦？ 為了安全，金流商的付款頁面不允許被放在其他網站裡。所以客人在彈窗裡完成預約後，會看到「前往付款」的按鈕，點了會開新視窗到付款頁，付完就完成了。

個人版可以用嗎？ 預約連結和預約按鈕，每個方案都能用。彈窗預約和只開放預約，是工作室版以上的功能；個人版的後台會顯示升級說明。試用期間可以自由切換方案，想先試試彈窗預約，切到工作室版就能用。

---

趕快註冊Hive吧

官網的任務，是讓客人認識你、信任你；預約系統的任務，是讓想找你的客人，在最想行動的那一刻就能完成預約。

這兩件事，不一定要從頭再做一個網站。保留你辛苦經營的官網，把 Hive 的預約放上去，今天就能讓網站開始幫你接單。

還沒有 Hive 帳號嗎？免費試用 3 個月，註冊後到後台的「放到你的官網」，就能拿到屬於你的程式碼。