目標

• 透過在 Vtiger CRM 內部直接整合外部工具來提供無縫的使用者體驗。
• 無需在 CRM 和第三方應用程式之間切換，從而提高效率。
• 透過允許整合各種第三方網站或平台來提供靈活性。

技術實施

模組設計器中的彈出腳本

• 建立和管理彈出視窗的邏輯寫在模組設計器腳本中。
• 這些腳本是動態注入的，允許靈活放置，而無需修改核心 CRM 檔案。

鉤子註冊：GLOBAL_ACTION

• 使用 Vtiger 的 GLOBAL_ACTION 鉤子註冊自訂鉤子。
• 此鉤子可讓您在 Vtiger 內的不同視圖或模組之間新增自訂 UI 元素（例如圖示、按鈕）。

圖示渲染與交互

• 自訂掛鉤在 CRM 介面中所需位置呈現圖示或按鈕。
• 單擊時，該圖示會觸發建立帶有嵌入 iframe 的彈出窗口，從而載入外部網站。

iframe 嵌入

• iframe 動態注入彈出視窗並載入指定的外部網站。
• iframe 內容的樣式適合彈出容器，並且在 CRM 中完全發揮作用，無需切換選項卡。

這種方法的優點

• 無核心修改：此解決方案利用鉤子和自訂腳本，保留了 Vtiger 核心檔案的完整性。
• 模塊化：透過更新 iframe URL 可以輕鬆擴充以嵌入各種外部工具。
• 動態注入：僅當使用者點擊自訂圖示時才會建立 iframe，確保 UI 在需要之前保持乾淨。
• 定製：完全控製圖示和 iframe 彈出視窗的位置、設計和樣式。

安全注意事項

• 跨域資源共享：外部網站必須允許 iframe 嵌入。這通常透過 HTTP 標頭（例如 X-Frame-Options 和 Content-Security-Policy）進行控制。
• HTTPS：確保 Vtiger 和外部網站都使用 HTTPS 以防止混合內容錯誤。
• 智能門鎖：使用 Vtiger 內建的基於角色的存取控制來限制哪些使用者可以存取嵌入式彈出視窗。

用例：電話集成

<span class="notranslate">EventXtra 6大解決方案</span>：一家公司使用第三方電話應用程式（例如，Ozonetel）來管理通話和客戶互動。目標是將電話系統直接整合到 Vtiger CRM 中，以便客戶服務代理程式無需離開 CRM 介面即可管理通話和更新 CRM 記錄。

解決方案：使用 Vtiger 中的自訂彈出窗口，將電話應用程式嵌入到 CRM 中。代理可以點選 CRM 中的圖標，開啟顯示電話系統的 iframe。這種整合允許代理：

• 直接從 CRM 撥打和接聽電話。
• 即時查看通話記錄和客戶詳細資料。
• 根據呼叫互動更新 CRM 記錄。
• 變更 CRM 中的可用狀態（例如，活動、不可用）。

該解決方案消除了代理商在 CRM 和電話應用程式之間切換的需要，從而提高了效率並減少了上下文切換。

我們相信這些範例將改善您使用 Vtiger CRM 的體驗。我們希望確保開發人員和 CRM 使用者能夠相互分享資訊和知識，以進一步增強 CRM 的功能。

敬請關注。祝您編碼愉快！

註冊以接收最新更新！