Deskripsyon
Forerunner AI Live Chat provides a complete, modern chat solution for WordPress websites using n8n or another automation platform. Connect your visitors with AI-powered conversations through webhook integration while maintaining full control over your data and user experience.
Key Features
- AI-Powered Chat – Connect to any AI service via webhook
- Custom Bot Icons – Choose from built-in icons or upload your own
- Mobile-Friendly Design – Responsive interface works on all devices
- Easy Setup – Simple configuration with no coding required
- Color Customization – Match your brand colors perfectly
- Webhook Integration – Connect to any external AI service
- Voice Chat Ready – Compatible with voice chat extensions
How It Works
- Install and activate the plugin
- Configure your webhook URL in the settings (from n8n or any other
webhook-capable service) - Customize the appearance, bot name, and messages to match your brand
- Visitors can start chatting with your AI assistant immediately
Webhook Integration
This plugin sends chat messages to your specified webhook URL, allowing seamless
integration with n8n (our recommended starting point) or any other webhook-capable service.
Common use cases include:
- n8n, Zapier, Make (Integromat), or Pipedream workflows
- OpenAI GPT models
- Custom AI services
- Customer support systems
- CRM integrations
- Any REST API endpoint
The plugin connects exclusively to your specified webhook URL to process chat
messages. No data is sent to third-party servers without your explicit configuration.
Support
For support questions, please use the WordPress.org support forums.
We monitor these regularly and provide assistance with setup, configuration,
and troubleshooting.
Privacy
This plugin sends chat messages exclusively to your specified webhook URL
(for example, n8n, Zapier, Make, Pipedream, or a custom service).
No conversation data is stored on your website unless your webhook
implementation chooses to do so. The plugin does not collect personal
information beyond what visitors voluntarily enter in the chat interface.
Third-Party Services
This plugin may use the following external services:
IP Geolocation Service (ip-api.com)
– Purpose: Display visitor location information (country and city) in the admin dashboard
– Data sent: Visitor IP addresses only
– When: Automatically when visitors access your website with the chat widget active
– Terms of Service: http://ip-api.com/docs/legal
– Privacy Policy: http://ip-api.com/docs/privacy
– Note: This geolocation feature helps website administrators understand their visitor demographics but does not affect the chat functionality. No personal information beyond IP addresses is transmitted to this service.
OpenAI Realtime API (api.openai.com)
– Purpose: Voice chat functionality for real-time audio conversations
– Data sent: Audio streams and voice data during voice chat sessions
– When: Only when voice chat is enabled and actively used (requires separate DFO Voice plugin)
– Terms of Service: https://openai.com/terms/
– Privacy Policy: https://openai.com/privacy/
– Note: This service is only used when the DFO Voice Realtime plugin is installed and voice chat is enabled. The free version of this plugin has voice features disabled by default.
DFO Voice Plugin API (local WordPress REST API)
– Purpose: Generate secure tokens for voice chat sessions
– Data sent: Session requests and authentication data
– When: Only when DFO Voice Realtime plugin is active and voice chat is initiated
– Note: This is a local WordPress REST API endpoint, not an external service. No data is sent outside your website.
Credits
Developed by Design for Online®. Built with WordPress best practices and community feedback in mind.
Mga Screenshot
Example of the AI Live Chat widget on a WordPress site 
Admin settings panel to configure n8n and other webhook workflows
Pag-install
- Upload the plugin files to
/wp-content/plugins/forerunner-ai-live-chat/ - Activate the plugin through the ‘Plugins’ screen in WordPress
- Navigate to ‘Forerunner AI Live Chat’ in your admin menu
- Configure your webhook URL (from n8n or another webhook-capable service)
and customize settings - Your chat widget will appear on your website frontend
Configuration
- Webhook URL: Enter the endpoint where chat messages should be sent
(e.g., your n8n production/test webhook URL, or another webhook-capable service such as Zapier, Make, or Pipedream) - AI Name: Customize the name displayed for your AI assistant
- Messages: Set custom header, disclaimer, and greeting text
- Bot Icon: Choose from built-in icons or upload a custom image
- Colors: Customize colors to match your brand identity
Example Workflows
To help you get started quickly, we provide a free n8n workflow that integrates
directly with the Forerunner AI Live Chat plugin. You can download and import
this workflow into your n8n instance.
Download workflow:
https://n8n.io/workflows/8062-multi-llm-customer-support-chatbot-for-wordpress-and-webhook-integrations/
Once imported, simply update the webhook URL in the plugin settings to match
your n8n workflow endpoint.
Getting Your n8n Webhook URL
In n8n, open your workflow and locate the Webhook node. You can copy either:
- The Production URL (for live usage)
- The Test URL (for testing and development)
Paste this URL into the Forerunner AI Live Chat plugin settings under
Webhook URL. Once saved, your chat widget will connect to your n8n workflow.
FAQ
-
Do I need an AI service to use this plugin?
-
You need to provide a webhook URL that processes the chat messages. This could be
an endpoint from n8n (recommended), Zapier, Make, Pipedream, a custom AI service,
or any other system that can respond to HTTP requests. -
Does this plugin store conversation data?
-
This plugin does not store conversation history by default. All messages are sent
to your configured webhook URL. Data storage depends on your webhook implementation. -
Can I customize the appearance?
-
Yes, you can customize colors, messages, bot icons, and the overall appearance
through the admin settings. The plugin includes comprehensive color customization options. -
Does it work on mobile devices?
-
Yes, the chat widget is fully responsive and optimized for mobile devices, tablets,
and desktop computers. -
Is voice chat supported?
-
Voice chat functionality can be added through our compatible extensions (such as the
optional DFO Voice plugin). The base plugin focuses on text-based conversations. -
What external services does this connect to?
-
The plugin only connects to the webhook URL you specify in the settings. It’s
designed to work with any AI service or webhook-capable platform. No third-party
connections are made without your explicit configuration. -
Can I test with a free workflow?
-
Yes. We provide a free starter workflow for n8n which you can import and adapt.
See the “Example Workflows” section for the download link.
Mga Review
Wala pang reviews para sa plugin na ito.
Mga Contributor at Developer
Ang “Forerunner® AI Live Chat” ay open source software. Ang mga sumusunod na tao ay nag-ambag sa plugin na ito.
Mga Contributor
Isalin ang “Forerunner® AI Live Chat” sa iyong wika.
Interesado sa development?
Tingnan ang code, i-check ang SVN repository, o mag-subscribe sa development log sa pamamagitan ng RSS.
Changelog
2.1.0
- Enhanced color customization system with proper admin controls
- Improved chat icon shimmer effect and hover states
- Fixed border and background color consistency
- Better CSS override system for theme compatibility
- Performance optimizations and code cleanup
2.0.9
- Restored original chat icon shimmer effect
- Fixed hover state behavior and visual consistency
- Improved CSS layering and z-index management
- Enhanced color application system
2.0.0
- Major version update with comprehensive improvements
- Enhanced shimmer effects and visual polish
- Improved color customization interface
- Better mobile responsiveness
- Code optimization and security enhancements
1.9.4
- Enhanced chat messages area with improved background effects
- Added backdrop blur for modern appearance
- Updated container styling for better visual hierarchy
- Improved transparency effects throughout interface
1.8.8
- WordPress.org directory submission version
- Complete color customization system
- Added header gradient color controls
- Comprehensive CSS override system
- Removed debug output for production
- Enhanced security with proper nonce verification
- Full WordPress coding standards compliance
1.8.2
- WordPress.org compliant version
- Removed external dependencies for privacy compliance
- Uses WordPress default fonts for better compatibility
- Clean, unrestricted core features
- Improved admin interface design
1.8.0
- Added custom bot icon upload functionality
- Introduced quick action buttons
- Enhanced color customization options
- Improved admin interface usability
- Better error handling and validation
1.7.0
- Initial public release
- Core chat functionality implementation
- Webhook integration system
- Basic customization options