Title: n8n Chat Widget
Author: Farhan Srambiyan
Published: <strong>16 Haziran 2025</strong>
Last modified: 19 Haziran 2025

---

Eklentilerde ara

![](https://ps.w.org/n8n-chat-widget/assets/banner-772x250.png?rev=3314320)

Bu eklenti, **WordPress’in son 3 ana dağıtımı ile test edilmemiş**. Artık bakımı
yapılmıyor veya desteklenmiyor olabilir ve WordPress’in daha güncel sürümleriyle
birlikte kullanıldığında uyumluluk sorunları olabilir.

![](https://ps.w.org/n8n-chat-widget/assets/icon-128x128.png?rev=3312445)

# n8n Chat Widget

 [Farhan Srambiyan](https://profiles.wordpress.org/farhansrambiyan/) tarafından

[İndir](https://downloads.wordpress.org/plugin/n8n-chat-widget.1.0.0.zip)

 * [Detaylar](https://tr.wordpress.org/plugins/n8n-chat-widget/#description)
 * [Değerlendirmeler](https://tr.wordpress.org/plugins/n8n-chat-widget/#reviews)
 *  [Kurulum](https://tr.wordpress.org/plugins/n8n-chat-widget/#installation)
 * [Geliştirme](https://tr.wordpress.org/plugins/n8n-chat-widget/#developers)

 [Destek](https://wordpress.org/support/plugin/n8n-chat-widget/)

## Açıklama

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

 1. **n8n Chat URL**: Enter the full URL of your n8n chat webhook (e.g., `https://n8n.
    example.com/webhook/your-chat-id/chat`)
 2. **Enable Chat Widget**: Toggle to enable or disable the chat widget on your website
 3. **Widget Position**: Choose between right or left side positioning
 4. **Chat Widget Title**: Set the title that appears in the chat header
 5. **Widget Color**: Select a custom color for the widget button and header
 6. **Chat Icon**: Choose an emoji or upload an SVG icon for the chat button
 7. **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](https://n8n.io/legal/terms/)
    - [n8n Privacy Policy](https://n8n.io/legal/privacy/)

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

## Ekran Görüntüleri

[⌊Admin settings page⌉⌊Admin settings page⌉[

Admin settings page

## Yükleme

 1. Upload the `n8n-chat-widget` folder to the `/wp-content/plugins/` directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Go to n8n Chat Widget in the main admin menu to configure

## SSS

### Can I customize the appearance of the chat widget?

Yes, you can customize the widget title, position, color, and icon. You can also
adjust the zoom level to make the content larger or smaller.

### Does this plugin work with any n8n chat workflows?

Yes, this plugin works with any n8n chat workflow that is publicly accessible via
a webhook URL.

## İncelemeler

![](https://secure.gravatar.com/avatar/18a297c57f21810dac7925300f5ffdd2b1fdb6359e0babfd87e949dee8608127?
s=60&d=retro&r=g)

### 󠀁[Excellent Plugin for Automation + Live Chat](https://wordpress.org/support/topic/excellent-plugin-for-automation-live-chat/)󠁿

 [Muhammed Fawas](https://profiles.wordpress.org/muhammedfawaas/) 19 Haziran 2025

I have been using the n8n Chat Widget on a client website and it works perfectly.
The setup was easy, and it integrates smoothly with my n8n workflows. It’s helped
automate lead collection and FAQs directly through chat, without any coding. The
widget looks clean and works well on both desktop and mobile. I also appreciate 
that the plugin is lightweight and doesn’t affect site speed. It’s a great tool 
if you’re already using n8n and want to improve user engagement. Highly recommended.
Great work by the developer!

 [ 2 incelemeyi oku ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/)

## Katkıda Bulunanlar ve Geliştiriciler

“n8n Chat Widget” açık kaynaklı yazılımdır. Aşağıdaki kişiler bu eklentiye katkıda
bulunmuşlardır.

Katkıda bulunanlar

 *   [ Farhan Srambiyan ](https://profiles.wordpress.org/farhansrambiyan/)

[“n8n Chat Widget” eklentisini dilinize çevirin.](https://translate.wordpress.org/projects/wp-plugins/n8n-chat-widget)

### Geliştirmeyle ilgilenir misiniz?

[Kodu görüntüleyin](https://plugins.trac.wordpress.org/browser/n8n-chat-widget/),
[SVN deposuna](https://plugins.svn.wordpress.org/n8n-chat-widget/) göz atın ya da
[RSS](https://plugins.trac.wordpress.org/log/n8n-chat-widget/?limit=100&mode=stop_on_copy&format=rss)
ile [geliştirme günlüğüne](https://plugins.trac.wordpress.org/log/n8n-chat-widget/)
abone olun.

## Değişiklik Kaydı

#### 1.0.0

 * Initial release

## Meta

 *  Sürüm **1.0.0**
 *  Son güncelleme **1 yıl önce**
 *  Etkin kurulumlar **300+**
 *  WordPress sürümü ** 5.0 veya üstü **
 *  Test edilen sürüm **6.8.8**
 *  PHP sürümü ** 7.0 veya üstü **
 *  Dil
 * [English (US)](https://wordpress.org/plugins/n8n-chat-widget/)
 * Etiketler
 * [chat](https://tr.wordpress.org/plugins/tags/chat/)[customer service](https://tr.wordpress.org/plugins/tags/customer-service/)
   [n8n](https://tr.wordpress.org/plugins/tags/n8n/)[support](https://tr.wordpress.org/plugins/tags/support/)
   [widget](https://tr.wordpress.org/plugins/tags/widget/)
 *  [Gelişmiş görünüm](https://tr.wordpress.org/plugins/n8n-chat-widget/advanced/)

## Puanlar

 5 üzerinden 5 yıldız.

 *  [  1 5 yıldızlı inceleme     ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=5)
 *  [  0 4 yıldızlı inceleme     ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=4)
 *  [  0 3 yıldızlı inceleme     ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=3)
 *  [  0 2 yıldızlı inceleme     ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=2)
 *  [  0 1 yıldızlı inceleme     ](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/?filter=1)

[Değerlendirmeniz](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/#new-post)

[Tüm değerlendirmeleri gör](https://wordpress.org/support/plugin/n8n-chat-widget/reviews/)

## Katkıda bulunanlar

 *   [ Farhan Srambiyan ](https://profiles.wordpress.org/farhansrambiyan/)

## Destek

Söyleyeceğiniz bir şey mi var? Yardım mı lazım?

 [Destek forumunu görüntüle](https://wordpress.org/support/plugin/n8n-chat-widget/)