Badwolf Web IRC Client vs Floating Chat Widget

A modern, feature-rich WebSocket IRC client for WordPress. Connect your website visitors to your IRC server with real-time chat, private messaging, desktop notifications, and a beautiful tabbed interface. Version 5.2.0 – What’s New 🔧 WordPress 6.9 Compatibility FIXED: Plugin now works perfectly with WordPress 6.9 FIXED: Script loading issues with block themes and Full Site Editing (FSE) FIXED: Configuration passing to JavaScript 🔌 WebSocket Improvements FIXED: Connection stability issues FIXED: Binary WebSocket data handling ADDED: IRC subprotocol support for UnrealIRCd ⚙️ User Experience ADDED: Settings link in plugin list for easy access IMPROVED: Error handling and logging IMPROVED: Connection reliability Features ✅ Real-time IRC chat via secure WebSocket (wss://) ✅ Private messaging between users ✅ Desktop notifications for mentions and PMs ✅ Multiple channel support with tabbed interface ✅ User list with right-click context menus ✅ Command history (use arrow keys) ✅ Auto-reconnection with smart retry logic ✅ Customizable themes (light/dark) ✅ Mobile-responsive design ✅ IRC commands support (/nick, /join, /part, /msg, /me) ✅ Tab completion for nicknames ✅ Unread message badges ✅ Message history (500 messages per channel) Requirements WordPress: 5.0 or higher (tested up to 6.9) PHP: 7.4 or higher IRC Server: UnrealIRCd 6.x with WebSocket support (recommended) SSL Certificate: Valid SSL/TLS certificate for secure WebSocket (wss://) Configuration WordPress Settings Navigate to Settings → Badwolf Web IRC Client and configure: WebSocket URL: Your IRC server WebSocket URL (e.g., wss://irc.example.com:7443) Default Channel: IRC channel to join (e.g., #general) Nickname Prefix: Prefix for auto-generated nicknames (e.g., guest) Real Name: Default real name for users Theme: Light or Dark theme Auto Connect: Automatically connect when page loads UnrealIRCd Server Configuration Your UnrealIRCd server must have WebSocket support enabled: `conf Load WebSocket module loadmodule “websocket”; Configure WebSocket listener listen { ip *; port 7443; options { tls; websocket; } tls-options { certificate “/path/to/fullchain.pem”; key “/path/to/privkey.pem”; options { no-client-certificate; } } } ` SSL Certificate Setup (Let’s Encrypt) `bash Install certbot if not already installed sudo apt-get install certbot Get certificate for your IRC domain sudo certbot certonly –standalone -d irc.yourdomain.com Copy certificates to UnrealIRCd sudo cp /etc/letsencrypt/live/irc.yourdomain.com/fullchain.pem /path/to/unrealircd/conf/tls/ sudo cp /etc/letsencrypt/live/irc.yourdomain.com/privkey.pem /path/to/unrealircd/conf/tls/ Set correct permissions sudo chown unrealircd:unrealircd /path/to/unrealircd/conf/tls/*.pem sudo chmod 600 /path/to/unrealircd/conf/tls/privkey.pem sudo chmod 644 /path/to/unrealircd/conf/tls/fullchain.pem Restart UnrealIRCd cd /path/to/unrealircd ./unrealircd restart ` Auto-Renewal Setup Create a renewal hook to automatically copy certificates: `bash Create renewal hook script sudo nano /etc/letsencrypt/renewal-hooks/deploy/copy-to-unrealircd.sh ` Add this content: `bash !/bin/bash cp /etc/letsencrypt/live/irc.yourdomain.com/fullchain.pem /path/to/unrealircd/conf/tls/ cp /etc/letsencrypt/live/irc.yourdomain.com/privkey.pem /path/to/unrealircd/conf/tls/ chown unrealircd:unrealircd /path/to/unrealircd/conf/tls/*.pem chmod 600 /path/to/unrealircd/conf/tls/privkey.pem chmod 644 /path/to/unrealircd/conf/tls/fullchain.pem /path/to/unrealircd/unrealircd rehash ` Make it executable: `bash sudo chmod +x /etc/letsencrypt/renewal-hooks/deploy/copy-to-unrealircd.sh ` Usage Basic Shortcode ` [web_irc_client] ` Shortcode with Attributes ` [web_irc_client theme=”dark” width=”100%” height=”600px”] ` Available attributes: theme – Override theme (light or dark) width – Set custom width (default: 100%) height – Set custom height (default: 70vh) IRC Commands Users can use standard IRC commands: /nick newname – Change nickname /join #channel – Join a channel /part – Leave current channel /msg username message – Send private message /me action – Send action message /help – Show available commands Troubleshooting Connection Issues Problem: “Reconnecting…” message appears Solutions: Verify UnrealIRCd is running: ps aux | grep unrealircd Check port is listening: sudo netstat -tlnp | grep 7443 Verify SSL certificate is valid and not expired Check UnrealIRCd logs: tail -f /path/to/unrealircd/logs/ircd.log Test WebSocket connection: https://www.piesocket.com/websocket-tester SSL Certificate Errors Problem: Certificate expired or invalid Solution: `bash Check certificate expiry sudo certbot certificates Renew if needed sudo certbot renew –force-renewal Copy to UnrealIRCd and restart sudo cp /etc/letsencrypt/live/irc.yourdomain.com/*.pem /path/to/unrealircd/conf/tls/ ./unrealircd restart ` Plugin Not Loading Problem: IRC client doesn’t appear on page Solutions: Verify shortcode is correct: [web_irc_client] Clear WordPress cache Clear browser cache (Ctrl+Shift+R) Check browser console for JavaScript errors (F12) Verify WebSocket URL is configured in plugin settings WordPress 6.9 Issues Problem: Plugin stopped working after WordPress 6.9 update Solution: Update to version 5.2.0 which includes WordPress 6.9 compatibility fixes. Support GitHub: https://github.com/badwolf1972/web-irc-client Issues: https://github.com/badwolf1972/web-irc-client/issues WordPress Support: https://wordpress.org/support/plugin/badwolf-web-irc-client/ Credits Author: Martin Cooper (badwolf72) Website: https://www.oo3dmodels.com License: GPL v2 or later

A chat button to communicate with your customers. Chat with your website visitors via their favorite channels like WhatsApp chat, Facebook Messenger, and more. Support | Demo | WhatsApp Button Features Recommended Plugins | Upgrade to Pro ⭐ Get WhatsApp, Facebook Messenger & 20+ chat channels Chat with your visitors on their favorite channels like Facebook Messenger, WhatsApp, WhatsApp Business, Viber, Slack, Telegram, Instagram Direct Messenger, TikTok, Line Messenger, and more chat channels Better customer support using chat buttons 💬 WhatsApp & 20+ chat buttons Connect on WhatsApp or WhatsApp Business by entering your WhatsApp number. Get WhatsApp features like the WhatsApp popup that emulates a WhatsApp chat window, WhatsApp Merge tags, WhatsApp agents & many other features that’ll help you chat on WhatsApp. 📞 Click to chat & call now phone button Chaty is the perfect chat plugin to display a call widget, WhatsApp button, email button, SMS button, TikTok, Instagram Direct Messenger, Google Maps button, Vkontakte button, Line.me messenger button, Viber button, and other chat widgets. Using Chaty your website visitors can chat with you after they leave your website. Want to use our robust Pro version? Check the Chaty Pro Plans. 💪 What can you do with Chaty Chaty VS live chat – using live chat alternatives, your visitors must stay on your website & wait for your response. When you let your visitors chat with you using chat apps like Facebook Messenger, WhatsApp, Viber, Telegram, etc, you give them the freedom to chat with you wherever they go. If you still interested in using live chat plugin, you can integrate Chatway live chat with your Chaty chat widget. Show your visitors the chat channels you’re available on & let them choose the chat app they prefer. WhatsApp Business – chat with your visitors on WhatsApp Business. Help your visitors navigate to your physical address with Google Maps or Waze. Click to call – show a phone call icon & let your visitors click to call you. Show different chat channels on different pages – show separate widgets for different products on your website, show different buttons based on URL for WPML or multi-language sites, display different channels for your landing pages, and more (Pro feature). Available days & hours (Pro feature). Launch your favorite live chat app – use JavaScript to launch live chat apps like Chatway, Tawk.to, Tidio, Chatra, Formilla, Zoho, Zendesk, LiveChat, Crisp, Intercom, JivoChat, Olark & more. 👩‍💻 Looking for a Live Chat & AI Chatbot plugin? If you’re not looking for WhatsApp, Facebook Messenger, and other chat buttons, and prefer to use a live chat & AI chatbot solution for your website, Chatway Live Chat is the perfect solution for you. Implementing Chatway, a WordPress live chat solution, enhances your customer engagement. Chatway also includes an AI chatbot that can automatically answer common questions, assist visitors instantly, and reduce your support workload. It helps you stay available 24/7, improve response times, and deliver better customer support even when your team is offline. Chatway integrates seamlessly with Chaty, allowing you to customize the live chat icon. You can include it as part of the Chaty chat icons, overlay it on the main Chaty icon, or position it anywhere you prefer on your site. Try Chatway Now 🔗 ▶️ Chaty Demo A demo of Chaty is available at Premio’s demo site. Besides the chat buttons that appear on the demo site, use any other chat icons & also add your own custom chat buttons. The agents feature for WhatsApp (it can be used for any other chat channel) is also available on this demo page. 🚀 Choose from 25 different channels WhatsApp chat & WhatsApp business Facebook Messenger Contact Us Form Email SMS text Instagram page Instagram Direct Messenger TikTok (Tik Tok) Snapchat Launch a Poptin pop up X.com (Twitter) LinkedIn Slack Vkontakte (ВКонтакте) Phone (click to call) Telegram Line WeChat Viber Waze YouTube Google Maps Discord Microsoft Teams Link to an external channel/contact page (New feature: add custom chat buttons and link to any URL you desire) 🆓 What do you get in the Free plan? Unlimited click to chat channels like WhatsApp, Facebook Messenger, Telegram, Viber, phone click to call, SMS, and more Chat widget position Call to action message for the chat widget Display triggers Attention effects Pending messages icon Customize all chat icons WhatsApp chat pop up – show a WhatsApp chat pop up so visitors can start a WhatsApp conversation on your website. After they click on the send button, they’ll be redirected to WhatsApp to continue the chat there (click here to see it in action) Contact Us Form – add a contact form as one of your Chaty channels. Your visitors can submit their details using the contact us form (click here to see it in action) Chat buttons in vertical mode or horizontal mode Change widget size Beautiful chat button designs Show the widget on mobile & desktop or both Different channels for mobile & desktop Change chat icons’ order Change the font of your chat widget Custom chat buttons can be opened in a new tab Launch the Chaty chat button using JavaScript Use same chat channels more than once. For example, create two WhatsApp buttons Third custom chat button, link to any page or JavaScript code Select your country and add your local WhatsApp number Select between the WhatsApp WAME (wa.me) link or WhatsApp desktop link in the WhatsApp settings 🔥 What do you get in the Pro plan? Unlock the Pro features for only $59 per year Get all the features of the free plan, plus: Unlimited chat icons (25 different click to chat buttons and other icons) Chat view: Personalized chat pop ups using merge tags like page title, URL, and WooCommerce tags like product name & more Chat Agents – Add multiple variations (agents) in a single channel to easily delegate customer queries and make it easy for visitors to talk with right person. For instance, add two agents under your WhatsApp chat widget (or any other channel), which leads visitors to your sales and support team. Check out the agents feature for WhatsApp (but can be used for any chat channel) on our demo page 🚀 Customize the chat button Change the position of the chat button Custom design for your chat widget Show or hide the chat widget using targeting rules Create more than one chat widget and show it on specific pages and categories of your website based on page targeting rules. For example, WhatsApp chat, and a click to call icon for one category, and Facebook Messenger, Telegram, and Line button for another category. The main use cases for the multi chat widget are: Separate widget design for mobile and desktop Change widget language for WPML and multi-language websites Different chat widgets for different products and categories Different chats buttons based on purpose (support, sales, etc) Traffic source targeting – show the chat channels only to visitors who come from traffic sources Widget Analytics – data about your chat channels Font Awesome support Create a pre-set WhatsApp chat message and pre-set email subject line Title and URL tags for the WhatsApp pre-set message Google Analytics support Available days and hours Country targeting Custom CSS Duplicate your Chaty widget Contact form leads to email Google reCAPTCHA Date scheduling Contact form integration with email marketing platforms like Mailchimp & Klaviyo Blur the screen when Chaty chat icons are in open state Change the page’s title to grab attention to the chat buttons Upgrade to Chaty Pro to get all Pro features 🙂 🗬 WhatsApp Chat Pop Up Use WhatsApp as a regular chat button or add a WhatsApp pop up and let your visitors start the conversation on your website. Easily integrate with WhatsApp Business or your regular WhatsApp account. Once the visitors click on the send button, they’ll be redirected to WhatsApp to continue the conversation there. Check out the WhatsApp pop up in action in the video below 🎥 🗣️ Chat View: Personalized Chat Pop Ups and WooCommerce Integration for Dynamic Pop Ups In the Pro version, the chat view feature provides engaging pop up design. The chat view allows for the use of merge tags, such as the page title, URL, and WooCommerce properties like product name, in the pop up text, creating dynamic and personalized pop ups that change depending on the page or product being viewed. Create a pop up that displays the page title and product name for a product page, or a pop up that displays the page title and URL for a blog post. This allows for a tailored chat experience, improving the user experience and increasing engagement on the site. 🧑‍💼 Chat Agents for WhatsApp, Facebook Messenger, and 20+ other chat channels If you’re using the Pro plan, add multiple agents in a single chat channel to easily delegate customer/sales/marketing/etc and make it easy for visitors to instantly reach out to the right person. For instance, add two agents under your WhatsApp widget (or any other channel of your choice like Facebook Messenger, Viber, Line, and more), which leads visitors to your respective sales and support team. Check out the agents feature for WhatsApp (keep in mind it can be used for any other chat channel) on our demo page 🚀 📧 Contact Us Form Add a contact form as a channel, this way your visitors can contact you using your contact us form. Integrate the form with Mailchimp & Klaviyo. 🛒 WooCommerce Integration: Personalized Chat Pop Ups, Custom Product Page Pop Ups, and Targeting Options In the Pro version, Chaty has many WooCommerce integrations, including dynamic chat pop ups that can be personalized to specific pages or products using merge tags such as the page title, URL, and WooCommerce properties like product name, price, and description. The chat view also offers integration with WooCommerce, allowing for custom pop ups on product pages and access to WooCommerce features. ℹ️ How does each channel work? WhatsApp chat – add your phone number and once the visitors click on the WhatsApp chat button, WhatsApp chat interface will be launched. On desktop it will launch the desktop WhatsApp web interface, and on mobile it will launch the WhatsApp app conversation window. WhatsApp business is supported too. Some users spell WhatsApp as Whats App, Whatsap, Whatspp, and watsapp but they refer to WhatsApp. Facebook Messenger – add the link to your Facebook business page, and once the visitors click on the Facebook Messenger button, a chat window will appear and they will be able to send you a message. Contact Us Form – let your visitors contact your using a contact us form. Email – add your business email, and once the visitors click on the email button, their email app like Gmail or Outlook will open. SMS text – add your phone number, and let your visitors send you a direct SMS text via their mobile devices. Instagram button – add your Instagram username so your visitors to chat with you using Instagram direct follow you Instagram Direct Messenger – a chat button to send an Instagram DM TikTok (Tik Tok) button – add your TikTok handle and let your visitors find your TikTok page. X.com (Twitter) button – add your X.com (Twitter) handle and let your visitors chat with your using X.com Twitter messages Snapchat – add your Snapchat username and let your visitors find you easily on Snapchat. Vkontakte (ВКонтакте) – add your Vkontakte (ВКонтакте) username and let your visitors contact you directly through the app. LinkedIn icon – link to your LinkedIn profile so your visitors can connect with you and send you direct messages. Phone (click to call) – add your phone number and let your visitors call you with a click of a button. Telegram – add your Telegram username and let your visitors contact you directly via Telegram app. Line.me – add your Line URL and let your visitors contact you easily via Line app. WeChat – add your WeChat User ID and let your visitors search for you easily with the WeChat app. In the Pro plan, upload a QR code. Slack – add your Slack workspace and give your visitors the option to find your Slack workspace and chat with you. Viber – is a cross-platform instant messaging app. Waze – is a GPS navigation app. YouTube – showcase YouTube videos. Google Maps – add your business location link as it is shown on Google Maps. Discord – Discord is a VoIP and instant messaging social platform. Microsoft Teams – Microsoft Teams is a chat communication platform. Link to an external channel/contact page. Poptin popup – launch a popup from your Poptin.com account. Chaty works great with Elementor, Divi, Visual Composer, WPBakery, Beaver, SiteOrigin, Gutenberg, Oxygen, Zion, WooCommerce and more. Chaty common typos: Chatty & Chati. 🔒 Chaty is GDPR compliant All data is stored on your website. 🤗 Testimonials “Best Chat Tool I’ve Used I’ve had to go through several chat plugins, and all of them have been a bit complicated to setup, don’t work very well, or don’t have the functionality I’m looking for. Chaty has been the only tool I’ve found to get the job done. But my favorite feature aside from how well it works, is the back-end interface. I wish more apps would consider making the backend interface as well as Premio does theirs. Kudos!” Hamlet Arias, Lead2Starts A great plugin that does what is promises, beautifully This plugin is an elegant solution for enabling via Whatsapp, Messenger, SMS etc. Highly recommended and support is stellar! Work’s like a charm and worth the spend!” Ignatius Savis, BitValley