[WordPress] 外掛分享： n8n Chat Widget

WordPress 外掛 n8n Chat Widget 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「n8n Chat Widget」是 2025-06-15 上架。
  • 目前有 400 個安裝啟用數。
  • 上一次更新是 2025-06-19，距離現在已有 252 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 有 1 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

farhansrambiyan |

外掛標籤

n8n | chat | widget | support | customer service |

內容簡介

**概述：**
這個外掛將一個可自訂的 n8n 聊天窗口添加到您的網站前端，讓訪客可以通過彈窗介面直接與 n8n 聊天工作流互動。

**問題與答案：**
1. 這個外掛的功能有哪些？
- 輕鬆整合 n8n 的聊天工作流到您的網站。
- 可自訂聊天窗口外觀：
- 選擇窗口位置（左側或右側）。
- 設置自定義窗口標題。
- 更改主要顏色。
- 選擇自定義表情符號圖標或上傳 SVG 圖標。
- 調整內容縮放比例（50% - 150%）。
- 具有手機響應設計。
- 流暢的動畫效果。
- 輕量級實現。
2. 需要什麼條件來使用此外掛？
- WordPress 5.0 或更高版本。
- 具有現有聊天工作流的 n8n。
3. 如何進行配置設置？
- n8n 聊天 URL：輸入您的 n8n 聊天 Webhook 的完整 URL（如 https://n8n.example.com/webhook/your-chat-id/chat）。
- 啟用聊天窗口：切換以啟用或停用網站上的聊天窗口。
- 窗口位置：選擇右側或左側的位置。
- 聊天窗口標題：設置顯示在聊天標題中的標題。
- 窗口顏色：為窗口按鈕和標題選擇自定義顏色。
- 聊天圖標：選擇一個表情符號或上傳 SVG 圖標作為聊天按鈕。
- 聊天內容縮放：調整聊天內容的縮放級別。
4. 這個外掛如何連接到外部服務？
- 這個外掛將連接到一個外部服務（n8n）來提供聊天功能。
- n8n 聊天服務是什麼？：n8n 是一個工作流自動化平台，可配置為提供 AI 驅動的聊天功能。
- 發送哪些數據？：當用戶與聊天窗口互動時，他們的消息將通過您在設置中提供的 Webhook URL 發送到您的 n8n 實例。
- 何時發送數據？：只有當用戶主動打開聊天窗口並發送消息時才會發送數據。
5. 注意事項：
- 您有責任確保您對 n8n 的使用符合所有關於用戶數據和隱私的適用法律和法規。

原文外掛簡介

This plugin adds a customizable n8n chat widget to your website frontend. It allows visitors to interact with n8n chat workflows directly from your website through a popup interface.
Features

Easily integrate n8n chat workflows into your website
Customizable chat widget appearance:

Choose the widget position (left or right)
Set custom widget title
Change the primary color
Select custom emoji icon or upload SVG icon
Adjust content zoom level (50% – 150%)

Mobile-responsive design
Smooth animations
Lightweight implementation

Requirements

WordPress 5.0 or higher
n8n with an existing chat workflow

Configuration

n8n Chat URL: Enter the full URL of your n8n chat webhook (e.g., https://n8n.example.com/webhook/your-chat-id/chat)
Enable Chat Widget: Toggle to enable or disable the chat widget on your website
Widget Position: Choose between right or left side positioning
Chat Widget Title: Set the title that appears in the chat header
Widget Color: Select a custom color for the widget button and header
Chat Icon: Choose an emoji or upload an SVG icon for the chat button
Chat Content Zoom: Adjust the zoom level of the chat content

External Services
This plugin connects to an external service (n8n) to provide chat functionality:
n8n Chat Service

What is it?: n8n is a workflow automation platform that can be configured to provide AI-powered chat functionality.
What data is sent: When a user interacts with the chat widget, their messages are sent to your n8n instance via the webhook URL you provide in the settings.
When data is sent: Data is only sent when a user actively engages with the chat widget by opening it and sending messages.
Terms and Privacy: This plugin requires you to have your own n8n instance or use n8n Cloud. For more information about n8n’s terms and privacy policy, please visit:

n8n Terms of Service
n8n Privacy Policy

Note: You are responsible for ensuring that your use of n8n complies with all applicable laws and regulations regarding user data and privacy.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「n8n Chat Widget」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | trunk |

延伸相關外掛（你可能也想知道）

  • bbPress 》您正在尋找一個永恆、優雅和精簡的討論版面嗎？bbPress易於整合、易於使用，並為您不斷成長的社區而設計。, bbPress是故意簡單但無限強大的論壇軟體，由WordP...。
  • Display PHP Version 》一個非常輕量且簡單的外掛，可以在「一覽」管理儀表板小工具中顯示目前安裝的 PHP 版本。, 在最新的版本中，你可以在懸停在 PHP 版本文字上時，查看當前的 My...。
  • WP Debugging 》此外掛在啟用時會在 wp-config.php 中設定以下偵錯常數，並在停用時移除它們。任何錯誤都會導致拋出 PHP Exception。偵錯常數請參考 WordPress 的「Debugging...。
  • SupportCandy – Helpdesk & Customer Support Ticket System 》這個外掛為 WordPress 增加了完整的客服支援系統功能。它是WordPress上最古老的支援系統之一。我們致力於持續改進和創新，保持外掛的簡單、安全和功能豐富。,...。
  • Hyve Lite — Conversational AI Chatbot 》總結：Hyve Lite 是一個AI驅動的WordPress外掛程式，將您的網站內容轉換為互動對話。它利用您的文章和頁面作為知識庫，實現動態用戶互動。輕鬆從WordPress儀...。
  • Awesome Support – WordPress HelpDesk & Support Plugin 》現場演示, Awesome Support 是 WordPress 上最多功能和多用途的支援外掛。它是唯一一個能夠匹敵 SAAS 解決方案 (例如 Zendesk 或 Helpscout) 功能集的幫助台...。
  • Support WebP – Upload webp files in wordpress without hassle 》這個外掛可以讓你在 WordPress 媒體庫中上傳 WebP 格式的圖片，不受佈景主題限制，也就是說它與所有佈景主題都相容。, 查看外掛的 GitHub 存儲庫：Support We...。
  • Plugin Detective – Troubleshooting Conflicts 》Plugin Detective 可以幫助您快速且輕鬆地排除網站上的問題，並找出問題的原因。一旦找到罪犯，您可以快速停用有問題的外掛程式。甚至當您的網站出現白屏、致...。
  • chat-me-now 》將WhatsApp支援對話框直接整合到您的WordPress網站中，這將幫助您從網站上增加潛在客戶/銷售量。這是使用輕量級代碼設計的，有助於吸引用戶使用WhatsApp應用...。
  • WHMCS Bridge 》WHMCS Bridge 外掛整合了您的 WHMCS 支援與帳單軟體到 WordPress 中，為您的客戶提供無縫一貫的使用體驗。, 多虧了主題繼承功能，您不再需要為您的 WHMCS 安...。
  • WP Support Plus Responsive Ticket System 》這個外掛是為了現有的使用者而維護的。我們強烈建議新使用者使用我們最新的票務系統 SupportCandy。。
  • WP PHP Version Display 》這是一個輕量級的 WordPress 外掛程式，可以在「一覽」管理後台小工具中顯示當前運行的 PHP/MySQL 版本。, 外掛程式僅使用標準的動作和篩選器，不使用 jQuery...。
  • Pixelgrade Assistant 》Pixelgrade Assistant 是一個外掛，可與 Pixelgrade 所製作的任何免費 WordPress 主題搭配使用。, 它可以提升您建立網站的整體體驗：, , 建議使用的外掛程式,...。
  • Add Polylang support for Customizer 》增加 Polylang 對 Customizer 的支援, 這款外掛為 WordPress Customizer 新增 Polylang 支援。, 支援, 我們在Frontbee 的 Discord 伺服器上提供直接的支援。,...。
  • Support Me 》有時候你需要一些幫助，在你私下與外掛或主題支援人員合作時，創建臨時的管理員帳戶會很麻煩。, 支援我（Support Me）讓創建支援帳戶變得非常容易：, , 你可...。

文章
Filter
Mastodon