Surface Kit – The All in One Engagement Platform. Sticky Headers, Floating Buttons, AI Chatbot, Popups vs MxChat – AI Chatbot & Content Generation for WordPress

Surface Kit is the unified engagement platform for WordPress. Instead of installing separate plugins for sticky headers, floating buttons, popup builders, and AI chat activate only the features you need from one centralized dashboard. Designed for marketers, agencies, and site owners who want to increase conversions without plugin bloat, Surface Kit combines the most-requested engagement features into a lightweight, high-performance toolkit. Why Surface Kit Stands Out Most engagement plugins make you choose. You want a sticky header? Install one plugin. You want floating buttons? Install another. You want an AI chatbot? That’s a third plugin plus monthly API costs. Surface Kit eliminates that friction. One plugin. One dashboard. One place to activate, customize, and analyze visitor engagement. Compare what Surface Kit replaces: * Traditional sticky header plugins (free/paid variants) * Floating action button builders * Notification and popup platforms * Separate AI chatbot services * Analytics from multiple tools Surface Kit bundles all of this functionality into a single installation with unified analytics. AI Chatbot – Your 24/7 Sales and Support Machine Multi-model AI support means you’re never locked into one provider. Seamlessly switch between OpenAI, Anthropic Claude, and Google Gemini or use multiple models for different purposes. Key Features: * Select your preferred AI provider (OpenAI, Anthropic, Google Gemini) * Secure API proxy routes requests through WordPress to protect API keys * Customizable system instructions and brand voice * Smart trigger controls: auto-open on scroll, exit-intent, or manual * Conversation history persistence across sessions * Built-in conversation logging and analytics * Mobile-responsive chat widget with custom styling * Page-level visibility rules for precise targeting * Rate limiting and cost controls The chatbot learns from your site context. Provide documentation, FAQs, or custom knowledge the AI delivers responses grounded in your actual content. Sticky Navigation – Keep Navigation Accessible Sticky headers improve UX and reduce bounce. Surface Kit’s implementation is universal: works with any theme (Elementor, Divi, Genesis, custom themes), any page builder, and any WordPress setup. Features: * Automatic sticky activation when users scroll past original position * Scroll-aware fade-in and smooth animations * Optional bottom border and drop shadow styling * Scroll progress indicator bar (optional) * Device-specific visibility (show/hide on mobile, tablet, desktop) * Page-level rules: apply sticky to all pages, selected pages, or exclude specific pages * Minimal CSS/JS footprint protects Core Web Vitals * Real-time visual preview in the admin dashboard No CSS selectors required. Point-and-click setup works with any navbar structure. Floating Action Buttons – Direct Communication Channels 11+ button types keep visitors connected to your most important channels. Configure up to 3 active buttons displayed together, or use the orbital hub mode for expandable menus. Supported Actions: * Click-to-Chat (WhatsApp, Messenger, Telegram, Instagram, Facebook, X/Twitter) * Click-to-Call phone integration * Email shortcuts * Scroll-to-top with progress indicator * Custom URL buttons * Messenger/SMS workflows * Social media links Features: * Multi-button orbital hub with custom ordering * Trigger-based display (scroll depth, time delay, exit-intent) * Device targeting and scheduling windows * Page-level include/exclude rules * Custom styling: colors, icons, animations, sizing * Analytics: track opens, clicks, and conversions per button * Pre-filled messages for click-to-chat * Responsive design for all screen sizes Smart Popups – Exit-Intent, Targeted Offers, Lead Capture Display high-converting offers exactly when visitors are ready to act or about to leave. Features: * Exit-intent detection (trigger when cursor moves toward browser exit) * Display triggers: immediate, scroll-based (%, distance), time-delayed * Smart scheduling: set display windows (date ranges, specific times) * Cookie-based frequency control (show once per session, daily, weekly) * Page-level targeting: include/exclude specific pages and post types * Device-specific display rules * Custom form builder for lead capture * Pre-built templates for discounts, lead magnets, announcements Built-in Analytics Dashboard All engagement metrics in one place. No external tools required. Metrics Tracked: * AI Chatbot: message count, conversation duration, resolution rate * Floating Buttons: click-through rate, channel breakdown, conversion source * Popups: impressions, click-through rate, form submissions, conversion rate * Sticky Navigation: scroll depth, interaction patterns * Time ranges: 7 days, 30 days, 90 days, all-time * Device breakdown: desktop, tablet, mobile * Detailed event logs: timestamps, user actions, conversion sources Performance & Security Built for speed and privacy. Lightweight asset delivery: minimal CSS/JS adds <50KB to page weight Lazy loading: engage code only loads when feature is triggered Core Web Vitals optimized: no impact on LCP, INP, or CLS API key security: keys proxied through WordPress backend, never exposed to browser Local storage: all analytics and settings stored in your WordPress database GDPR-friendly: conversation history and analytics remain fully private No external data requests unless explicitly configured Cross-Theme & Builder Compatibility Works with every WordPress theme and page builder. Tested with: * Elementor (Pro & Free) * Divi * GeneratePress * Astra * OceanWP * Beaver Builder * WPBakery * Gutenberg (Block Editor) * Custom themes What’s Included in Free vs Pro Free Version: * Sticky navigation * 1 floating button (limited channels) * Basic popup builder * Keyword-based chatbot (no AI) * 90-day analytics retention * Essential support Pro Features (Premium): * Unlimited floating buttons * Multi-model AI chatbot (OpenAI, Anthropic, Google Gemini) * Conversation history and RAG context * Unlimited analytics retention * Page-level visibility rules for all features * Custom CSS injection * Priority support Real-World Use Cases E-commerce stores: AI chatbot answers product questions, sticky checkout button increases conversions, exit-intent discount popup recovers abandoned carts. SaaS applications: Sticky navigation keeps features accessible, floating chat button reduces support tickets, popups promote feature adoption. Marketing agencies: One dashboard controls engagement for multiple client sites, unified analytics proves ROI to stakeholders. Service businesses: Click-to-call buttons convert visitors, AI chatbot qualifies leads 24/7, sticky booking button is always visible. Content sites & blogs: Exit-intent email capture grows your list, sticky navigation improves content discovery, floating button links to your best-performing content. External Services & API Dependencies Surface Kit integrates with third-party AI services only when you enable the chatbot and provide your own API keys. No data is sent to external servers without explicit configuration. OpenAI API (optional, for chatbot) * Endpoint: https://api.openai.com/v1/chat/completions * Data sent: model selection, system instructions, conversation messages, API key * When: only when enabled and chatbot messages are sent * Terms: https://openai.com/policies/terms-of-use * Privacy: https://openai.com/policies/privacy-policy Anthropic Messages API (optional, for chatbot) * Endpoint: https://api.anthropic.com/v1/messages * Data sent: model selection, system instructions, conversation messages, API key * When: only when enabled and chatbot messages are sent * Terms: https://www.anthropic.com/legal/commercial-terms * Privacy: https://www.anthropic.com/legal/privacy Google Gemini API (optional, for chatbot) * Endpoint: https://generativelanguage.googleapis.com/v1beta/models * Data sent: model selection, system instructions, conversation messages, API key * When: only when enabled and chatbot messages are sent * Terms: https://developers.google.com/terms * Privacy: https://policies.google.com/privacy No requests are made to these services unless the chatbot is explicitly enabled and configured. Privacy & Data Collection To provide proper support and ensure plugin compatibility, Surface Kit may collect limited technical data when you choose to “Verify” your installation or provide feedback during deactivation. This process is optional and helps us improve the user experience. Data we may collect includes: Contact Information: Admin email address for support-related correspondence. Site Identity: Site URL and environment details to troubleshoot compatibility issues. Direct Interactions: Feedback, survey responses, and error reports provided during plugin usage or deactivation. Technical Logs: User agent, PHP/WordPress versions, and installation timestamps to identify bugs and performance bottlenecks. We do not track individual user behavior or share this data with third parties for marketing purposes. Support & Documentation For detailed documentation, setup guides, and troubleshooting, visit: https://getsurfacekit.com/docs Need help? Open a support ticket: https://wordpress.org/support/plugin/surface-kit/ Contributors Special thanks to the WordPress community for feedback and testing. License Surface Kit is released under the GPLv2 or later. See license.txt in the plugin folder or https://www.gnu.org/licenses/gpl-2.0.html for details.

MxChat is the most powerful free AI chatbot and content generation plugin for WordPress — connecting your website to ChatGPT, Claude, Gemini, Grok, DeepSeek, and 100+ AI models through a single, easy-to-use interface. Train your AI chatbot on your website content, WooCommerce products, PDFs, YouTube videos, and more using advanced RAG (Retrieval-Augmented Generation) technology. Now with a built-in AI Content Generator to create full blog posts and landing pages complete with images, SEO metadata, and inline AI editing. Documentation | Demo Videos Why Choose MxChat as Your WordPress AI Chatbot? ✅ 6 Major AI Providers in One Plugin: OpenRouter, OpenAI GPT, Claude, Gemini, xAI Grok, and DeepSeek – switch between 100+ models instantly ✅ Train on Your Website Data: Advanced RAG technology learns from sitemaps, PDFs, URLs, YouTube videos, or manual input for ultra-relevant responses ✅ Live Agent Handoff via Slack: Seamlessly escalate from AI to human support when customers need personal assistance ✅ Real-Time Debug Panel: See exactly what your chatbot retrieves and triggers with our admin testing interface ✅ Boost Sales with WooCommerce: Product cards, cart management, and AI-powered shopping assistance ✅ AI Content Generator: Create full blog posts and landing pages with AI-generated images, SEO metadata, and real-time preview editing ✅ Extensive Add-On Ecosystem: Forms, moderation, recommendations, theme customization, and more 🎬 Quick Setup with MxChat – Learn how to quickly setup and understand how your chatbot works 📦 Optional Premium Add-Ons Extend the free plugin with these optional premium features: MCP Server Add-On – Turn your MxChat install into a Model Context Protocol server so Claude, ChatGPT, and Claude Code list transcripts, push knowledge, and inspect bots natively — JSON-RPC 2.0 + OAuth + bearer auth, no per-message fees Advanced Content Editor Add-On – Smart internal linking, AI image management, readability analysis, Google Search Console integration, advanced SEO optimization, and 30-day AI Content Calendar for automated blog scheduling WooCommerce Add-On – AI-powered shopping assistance with product-aware conversations, native product cards with images and pricing, upselling and recommendations, order inquiry handling, cart management, and real-time inventory awareness Forms Add-On – Capture leads and data with custom in-chat forms MxChat Anywhere Add-On – Deploy your chatbot on any website with one script tag — Shopify, Squarespace, Wix, static HTML, and more AI Chatbot Theme Customizer Add-On – Instantly design chatbot themes with natural language using AI Multi-Bot Add-On – Run unlimited AI chatbots with custom knowledge and personalities Image Analysis Add-On – Enable AI-powered image analysis and OCR inside chats 👉 Visit our website to view all add-ons Core Features That Set MxChat Apart 🟢 100+ AI Models – Access ChatGPT, Claude, Gemini, Grok, DeepSeek, and 100+ models from OpenRouter with a single plugin 🟢 Lead Management Dashboard – Dedicated Leads tab inside Transcripts shows every captured email and name deduplicated by lead, with filters, bulk delete, CSV export, and one-click jump to each lead’s latest conversation 🟢 Chat Transcripts Dashboard – Review all conversations, analyze chat history, track user engagement, and see exactly which knowledge sources the AI used for each response 🟢 WooCommerce Product Training – Train your AI chatbot on your entire product catalog including descriptions, pricing, SKUs, and categories for intelligent shopping assistance 🟢 Live Agent Handoff – Seamlessly escalate conversations from AI to human support via Slack when customers need personal assistance 🟢 ACF Field Control – Choose exactly which Advanced Custom Fields are included in your knowledge base—perfect for excluding private notes or internal data 🟢 Advanced Action Recognition – Trigger Phrases use a smart vector embedding system to understand user intent and fire lead capture, appointments, redirects, and custom actions automatically — precise, deterministic control over when each action runs 🟢 AI Tools (Function Calling) – Let the chatbot decide on its own when to run an enabled action straight from natural language, with no phrases to set up. Use Trigger Phrases, AI Tools, or both together (function calling needs a tool-capable AI model) 🟢 Document Processing – Let visitors upload and chat with PDFs and Word documents directly on your frontend 🟢 Pinecone Vector Storage – Optional lightning-fast knowledge retrieval for large datasets and enterprise-scale deployments 🟢 Web Search Integration – Brave search provides real-time information beyond your knowledge base 🟢 AI Content Generator – Create full blog posts and landing pages from a prompt with AI images, SEO metadata, real-time preview, and inline AI editing via chat 🟢 Image Generation – OpenAI GPT Image and Google Imagen for visual content creation within chat conversations 🟢 Streaming Responses – Real-time response streaming for OpenAI, Claude, Grok, and DeepSeek models for the fastest possible chat experience 🟢 REST API – Bearer-token endpoints to read transcripts, push knowledge, and bulk-delete sessions — wire MxChat into n8n, Zapier, analytics dashboards, GDPR workflows, or your own agents Choose from 100+ Premium AI Models Access the world’s most advanced AI models based on your specific needs: OpenRouter: 100+ models from multiple providers with a single API key – including OpenAI, Anthropic, Google, Meta, Mistral, and more! OpenAI: GPT-5.5, GPT-5.4, GPT-5.4 Mini, GPT-5.4 Nano, GPT-5.3 Chat, GPT-5.2, GPT-5.1 Chat Latest, GPT-5.1, GPT-5, GPT-5 Mini, GPT-5 Nano Anthropic Claude: Claude Opus 4.8, Claude Opus 4.7, Claude Opus 4.6, Claude Sonnet 4.6, Claude Opus 4.5, Claude Sonnet 4.5, Claude Opus 4.1, Claude Haiku 4.5, Claude 4 Opus, Claude 4 Sonnet X.AI: Grok 4.1 Fast (Reasoning), Grok 4.1 Fast (Non-Reasoning), Grok 4, Grok-3, Grok-3 Fast, Grok-3 Mini, Grok-3 Mini Fast Google Gemini: Gemini 3.5 Flash, Gemini 3.1 Pro, Gemini 3 Flash, Gemini 3.1 Flash-Lite, Gemini 2.5 Pro, Gemini 2.5 Flash, Gemini 2.5 Flash-Lite DeepSeek: DeepSeek V3 Lead Management Dashboard — Turn Chat Traffic Into a Real Lead List Every email and name your chatbot captures now lands in one clean, sortable dashboard — so you can finally see your leads as a list instead of hunting through individual transcripts. What You Get: One Row Per Lead — emails captured across multiple sessions are automatically deduplicated, so each lead appears once with a conversation count and a “last seen” timestamp Top Pages Capturing Leads — instantly see which pages on your site are driving the most lead captures; click any page to filter the list to leads from that page only Powerful Filtering — search by email or name, filter by date range (24h / 7d / 30d / 90d / all-time), or filter by status (leads with a conversation vs. orphan leads who submitted the form but never chatted) Orphan Lead Tracking — visitors who drop their email in the pre-chat form but never send a message are surfaced separately so you never lose a captured contact One-Click View Conversation — jump from any lead straight into their latest full conversation in the transcripts viewer Bulk Delete + CSV Export — select multiple leads to delete or export in one action; CSV export supports email-only or email + name + conversation count + last-seen + top page Clean, Responsive, Native — works beautifully on desktop, tablet, and phone with the same polished dashboard feel as the rest of MxChat Zero Setup, Zero Migration — uses your existing chat data, no new database tables, no configuration — turn on lead capture and the dashboard just works Perfect for sales teams managing inbound leads, agencies reporting to clients, and anyone who wants to see the actual ROI of their chatbot at a glance without digging through individual conversations. AI Content Generator — Create Blog Posts & Landing Pages with AI MxChat includes a built-in AI Content Generator that lets you create full blog posts and landing pages directly from your WordPress dashboard — no external tools or copy-pasting required. How It Works: Describe Your Content — Enter a topic, title, or detailed prompt and choose between a blog post or landing page layout AI Generates Everything — The AI produces fully styled HTML with responsive CSS, ready-to-publish content, and optional AI-generated images using OpenAI GPT Image, Gemini, or Grok Real-Time Preview — See your content exactly as it will appear on your site with a live scaled preview, including desktop and mobile viewport switching Edit with AI Chat — Use the built-in AI chat panel to request changes like “make the heading bigger” or “change the background to blue” — the AI updates your content in real time Publish Instantly — Content is saved as a native WordPress post or page with clean HTML, SEO metadata, and responsive design that works with any theme Key Content Generator Features: Choose from multiple AI models for content generation (GPT-5, Claude, Gemini, Grok, and more) AI-generated images placed directly into your content with automatic media library uploads SEO title and meta description generation for search engine optimization Built-in SEO analysis with real-time scoring and one-click AI auto-optimization Fullwidth and standard layout options with automatic theme compatibility Content history to revisit and manage previously generated posts Works with popular page builders and themes including Elementor, Bricks, Divi, Astra, Kadence, and more Optional Advanced Content Editor Add-On for Google Search Console analytics, smart internal linking, readability analysis, and advanced SEO optimization MxChat Anywhere — Deploy Your Chatbot on Any Website Your WordPress site powers the AI, but your chatbot doesn’t have to live there. The MxChat Anywhere Add-On lets you deploy your fully configured chatbot on any website with a single script tag — Shopify, Squarespace, Wix, static HTML, SaaS apps, documentation sites, or anything with an HTML page. Key Features: One script tag to add your chatbot to any site — no coding or framework required Full style isolation via Shadow DOM so host page CSS never breaks your chatbot All your MxChat settings carry over automatically — colors, themes, quick questions, email collection, streaming, and more Multi-bot support lets you deploy different chatbot configurations on different sites Secure domain whitelisting and API key authentication prevent unauthorized usage Lightweight vanilla JS widget with zero dependencies — no jQuery needed on the target site Ideal for SaaS products with a WordPress blog but a separate web app, e-commerce brands on Shopify, documentation sites, or any business that needs their chatbot beyond WordPress. 📱 Mobile-Friendly & Fully Customizable MxChat’s chatbot widget adapts seamlessly to all devices — desktop, tablet, or mobile. Customize colors, greetings, and placement to match your brand and provide a smooth experience across your entire website. 🔐 Reliable, Fast, Secure MxChat is optimized for performance and security. Your AI chatbot runs smoothly, loads fast, and protects your customer data with enterprise-grade security measures. 🌟 What Makes MxChat the Best AI Chatbot for WordPress? Used by hundreds of WordPress websites worldwide 5-star average rating from satisfied customers Native WordPress integration – no external dependencies Setup in under 2 minutes with simple API key configuration 🆓 Start with MxChat’s Powerful Free Plan MxChat offers a fully functional free plan that includes everything you need to get started with AI chatbot and customer support. With no credit card required, you can: Access all AI models from 6 major providers AI Content Generator for blog posts and landing pages with SEO scoring and AI auto-optimization Train chatbot on unlimited website content Loops email capture for lead generation Web search and image generation capabilities Real-time admin debug panel Chat transcript review and export RAG support & contextual awareness Whether you’re running a small business or launching a new online store, MxChat’s free plan gives you the tools to offer intelligent customer support and grow your business — without paying a cent. Developer Hooks & Filters MxChat provides WordPress filter hooks so developers can extend and customize chatbot behavior without modifying core plugin files. View full documentation with code examples. mxchat_before_process_post Runs during knowledge base indexing and lets you modify a post’s data before MxChat processes it. Use this to include custom field data (e.g. product specifications or ACF fields), strip internal content you don’t want the chatbot to learn, or transform posts based on bot ID. Receives the WP_Post object and the bot ID. mxchat_system_instructions Dynamically modify the system prompt before every AI response. Use this to inject live data such as business hours, inventory status, or user-specific context into the prompt at runtime. Receives the instructions text, bot ID, and session ID. MxChat also supports WordPress shortcodes directly in the system prompt field — any registered shortcodes are automatically expanded before being sent to the AI. ✅ Get Started with MxChat AI Chatbot Today Installing MxChat for WordPress takes just a few clicks. Get started with our free plan and upgrade anytime to access our complete add-on ecosystem and premium features. 💰 Pricing Most powerful features are included in the free plan. Upgrade to Pro for the complete add-on ecosystem and advanced capabilities. View all pricing options Use of Third-Party Services This plugin connects to AI service providers to generate responses: Service Providers: – OpenRouter – Terms | Privacy – OpenAI – Terms | Privacy – Anthropic – Terms | Privacy – Google – Terms | Privacy – X.AI – Terms | Privacy – DeepSeek – Terms | Privacy Please ensure compliance with applicable terms and data privacy laws. Credits This plugin incorporates the following third-party library: Smalot PDF Parser: Used for parsing and extracting text from PDF files. This library is developed by Smalot and distributed under the MIT License. For more details, visit the Smalot PDF Parser GitHub repository. This plugin was developed by MxChat.