自訂程式碼

在世界上 可預訂網站, 個人化遠遠超出了標準配置選項。對於想要真正客製化體驗的用戶來說, “自訂程式碼” 該部分為更深入的修改打開了大門。它允許您插入自己的 CSS 或者 JavaScript 直接進入您的預訂網站進行進階視覺和功能調整。

無論您想嵌入獨特的小部件、改進佈局以反映您的品牌,還是與第三方工具連接, 自訂程式碼 該功能可讓您對網站的設計和行為進行完全的創意控制。讓我們探索如何使用自訂程式碼為您的客戶打造獨特的預訂體驗。

自訂 CSS

在 “自訂 CSS” 區域,您可以新增自己的區域 級聯樣式表（CSS） 微調預訂網站的外觀。這個強大的選項使您能夠修改字體、顏色、間距、元素的可見性等—提供充分的靈活性,讓您能夠完全按照您的設想設計您的網站。

例:
預設情況下, 可預訂網站’ 預訂表顯示預約的開始時間。如果您喜歡隱藏結束時間,您可以使用簡短的自訂 CSS 程式碼片段輕鬆做到這一點:

/隱藏結束時間/<br>bs-dtbooking-tsdiv:最後一個子項<br>bs-dtbooking-ts>span:not:first-child<br>顯示:無<br><br>

它的工作原理

此 CSS 程式碼片段針對其中的特定元素 可預訂網站’ 預訂表格可消除預約結束時間的可見性。

若要實作此自訂 CSS:

1. 前往 自訂 → 自訂程式碼 → 自訂 CSS 在你的 可預訂網站 儀表板。
2. 將 CSS 程式碼片段複製並貼上到 自訂 CSS 編輯。
3. 點選 儲存 應用您的變更。

儲存後,預訂表格將不再顯示預約結束時間,為您的客戶提供更乾淨、更簡化的預訂介面。

自訂 JS

的 “自訂 JS” 部分 可預訂網站 專為想要擴展網站功能的使用者而設計 JavaScript。透過新增您自己的 JS 程式碼,您可以引入互動元素、自動化任務或將您的預訂網站與第三方工具和服務連接起來。這種靈活性使您能夠為客戶打造更具活力、更具吸引力和反應更靈敏的預訂體驗。

例:
自訂 JavaScript 的一個流行應用程式是嵌入 a 聊天小工具 在您的預訂網站上。許多即時聊天提供者提供 JS 程式碼片段,讓您可以輕鬆地將他們的聊天工具整合到您的網站中。以下是如何使用自訂 JS 的範例 可預訂網站 為了實現這種整合:

它的工作原理

此 JavaScript 程式碼配置了 聊天小工具 由您的聊天支援服務提供。

使用自訂 JS 新增您的聊天小工具 可預訂網站:

1. 代替 ‘AmQrTbkLePxDfHNsJyuRcWaZ’ 和你的實際 聊天小工具 appId 由您的聊天平台提供。
2. 複製提供的 JavaScript 程式碼片段。
3. 導航到 自訂 → 自訂程式碼 → 自訂 JS 你的部分 可預訂網站 儀表板。
4. 將片段貼到 自訂 JS 編輯。
5. 點選 儲存 應用您的變更。

儲存後, 聊天小工具 將出現在您的預訂網站上,讓客戶在安排預約時可以直接聯絡您的支援團隊。