Alex Ruben
如何將 Calendly 無縫整合到您的 Hostinger 網站
將 Calendly 添加到您的 Hostinger 網站並不復雜，但如果您從未這樣做過，可能會有點困惑。我們的目標是嵌入一個日程安排鏈接，以便訪客無需單獨跳轉到 Calendly 即可預訂會議。這在保持所有內容整合和美觀方面非常有用。此外，如果您曾經遇到繁瑣的設定問題，或是無法正確顯示程式碼，本指南或許能幫助您避免一些令人頭痛的時刻。
如何在您的 Hostinger 網站上嵌入 Calendly
從 Calendly 取得嵌入程式碼
首先，登入您的 Calendly 帳戶 ( https://calendly.com )，選擇您希望使用者預訂的活動類型。點擊「分享」按鈕（通常是一個小箭頭圖示），然後選擇「新增到網站」。接下來是實用功能：您會看到幾個選項，例如內聯嵌入、彈出視窗小工具或彈出文字。對於大多數基本需求，請選擇內聯樣式或彈出視窗。 Calendly 會為您產生一段 HTML/JavaScript 程式碼。只需複製所有程式碼即可——即使看起來有點混亂，也請不要亂動，除非您知道自己在做什麼。
在某些設定下，此嵌入程式碼可能不穩定。有時第一次嘗試可能無法成功，尤其是在您不小心複製了部分程式碼的情況下。因此，請仔細檢查是否已將整個程式碼片段複製到剪貼簿。
登入 Hostinger 並開啟您的網站編輯器
現在，登入您的 Hostinger 帳戶（Hostinger > 管理您的網站 >編輯網站），或者如果您喜歡使用 FTP 路徑，請直接存取您的網站檔案。如果您使用的是 Hostinger 的原生網站建立器，則需要找到可以新增自訂 HTML 或區塊的部分。對於 WordPress 用戶，請前往「儀表板」>「頁面」，然後選擇您想要新增日曆的頁面。然後開啟 Gutenberg 編輯器或您正在使用的任何頁面建立器外掛程式。
技巧如下：您需要將 Calendly 程式碼插入自訂 HTML 區塊或小工具。如果您使用的是區塊編輯器，只需選擇「新增區塊」>「自訂 HTML」。在 WordPress 中，如果您希望將其新增至側邊欄，通常位於「外觀」>「小工具」下；如果您希望將其新增至頁面內容中，通常位於「頁面」>「小工具」下方。
貼上嵌入程式碼並根據需要進行調整
將程式碼貼到您剛剛建立的 HTML 區塊中。有些用戶會在這裡遇到問題。請確保您複製了所有內容—任何缺少的部分或拼字錯誤都可能導致嵌入內容無法顯示。在某些設定中，您可能需要調整寬度或高度參數，以使其更適合或看起來更簡潔，但通常情況下，預設程式碼就可以正常運作。如果看起來有些奇怪——例如重疊或截斷——您可能需要調整容器 CSS 或將嵌入程式碼包裹在<div>帶有 max-width 樣式的容器中。
發布或更新您的頁面
這一點顯而易見，但有時會被忽略：添加程式碼後，請務必儲存、更新或發布您的頁面。在程式碼上線之前，您不會看到 Calendly 的日程安排視窗。點擊發布後，它應該會出現——不過，在某些設備上，可能需要幾秒鐘才能刷新或清除快取。另外，複製一半的 URL 或嵌入程式碼會導致操作失敗，所以請仔細檢查。
在您的網站上測試調度程序
上線後，請在新的隱身標籤頁或其他裝置上開啟您的網站。確保網站顯示正常，尤其是在行動裝置上。在某些設定下，如果內容沒有立即更新，您可能需要清除瀏覽器快取。此外，請檢查預訂流程是否順暢——當然，您最不希望看到的就是訪客卡住、感到沮喪。
額外提示和故障排除
值得一提的是：如果網站看起來有問題或嵌入內容無法加載，請確認您的網站未處於維護模式，或不受任何阻止內聯 JavaScript 的腳本的約束。此外，請確保整個嵌入程式碼都位於自訂 HTML 區塊內—有時複製貼上過程中可能會出現一些小錯誤或遺失部分內容。如果仍然無法正常運作，請嘗試暫時停用快取插件或切換瀏覽器，看看是否是這些原因造成的。
出現了一件奇怪的事情：在某些託管設定中，您可能需要啟用 JavaScript 才能使內聯腳本正常運行，您可以透過網站設定 > 進階 > 自訂腳本進行檢查。
包起來
嵌入 Calendly 並非易事，尤其對網站編輯新手來說更是如此。但一旦設定完成，就能省去很多麻煩。只需確保複製完整的嵌入程式碼並在多台裝置上進行測試即可。希望這能解決另一個日程安排問題。
概括
- 從 Calendly 的「加入網站」選單中取得嵌入程式碼
- 將其貼到 Hostinger 或 WordPress 上的自訂 HTML 區塊中
- 在現場更新和測試
- 仔細檢查移動響應能力和腳本權限
最後的話
實現此功能可能需要一些技巧，尤其是在您的網站安全措施或快取功能嚴密的情況下。但一旦上線，您的訪客就能直接預訂，無需反覆操作。希望這個方法能有所幫助——如果操作有點麻煩，記得清除快取或嘗試其他瀏覽器。我試過了，效果不錯——希望你也能用。