Description
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.
Support & Documentation
For detailed documentation, setup guides, and troubleshooting, visit:
https://sanchit.pro/surface-kit-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.
Screenshots
AI Model Selection – Switch between OpenAI, Anthropic, and Google Gemini in one click 
Unified Dashboard – Manage sticky navigation, floating buttons, popups, and chatbot from one panel 
Analytics Overview – Track engagement metrics across all features with date range filters 
Sticky Navigation Controls – Configure scroll-aware sticky navbar with visual preview 
Floating Button Manager – Create up to 11 button types with custom triggers and styling
Installation
Automatic Installation
- Go to WordPress Admin Dashboard > Plugins > Add New
- Search for “Surface Kit”
- Click “Install Now” and then “Activate”
- Navigate to the Surface Kit menu in the left sidebar
Manual Installation
- Download the Surface Kit ZIP file from WordPress.org
- Go to Plugins > Add New > Upload Plugin
- Choose the ZIP file and click “Install Now”
- Activate the plugin from your Plugins list
- Navigate to Surface Kit in the left sidebar to begin setup
Initial Setup
- Go to Surface Kit > Settings
- Choose which features you want to enable (Sticky Nav, Floating Buttons, Popups, Chatbot)
- Configure each feature according to your needs:
- For Sticky Navigation: select the navbar element
- For Floating Buttons: add your communication channels
- For Popups: create exit-intent offers
- For Chatbot: enter your AI provider API key
- Check the real-time mobile preview to verify everything displays correctly
- Use Analytics to track performance
FAQ
-
Does Surface Kit slow down my site?
-
No. Surface Kit is built for performance with minimal CSS/JS footprint (under 50KB). Assets only load when features are triggered. Core Web Vitals are protected.
-
Can I use my own AI API keys?
-
Yes. You provide your own API keys from OpenAI, Anthropic, or Google Gemini. You maintain full control over costs and API usage limits. Surface Kit acts as a secure proxy between your website and the AI service.
-
Does the chatbot require expensive AI API calls?
-
No, you control costs. The AI chatbot only runs when you enable it. You set your own usage limits and can view API costs in real-time.
-
Yes. Surface Kit works with any WordPress theme and page builder. It’s compatible with Elementor, Divi, GeneratePress, Astra, custom themes, and more. No coding required.
-
Yes. Use page-level visibility rules to display specific buttons only on the pages where they matter most. Customize targeting by page, post type, or custom conditions.
-
Does the chatbot store conversation history?
-
Optionally. You can enable conversation persistence so repeat visitors see past conversations. All history is stored locally in your WordPress database—no third-party storage.
-
Can I use multiple AI models at once?
-
Yes. The Pro version lets you switch between OpenAI, Anthropic Claude, and Google Gemini. Run different models for different purposes (support chatbot vs. content recommendations).
-
What data does Surface Kit collect?
-
Surface Kit only collects engagement analytics: button clicks, chat interactions, popup impressions, and conversions. All data stays in your WordPress database. No external tracking or third-party analytics.
-
Is Surface Kit GDPR compliant?
-
Yes. All analytics and conversation data remain inside your WordPress environment. You control all data storage and retention. No external tracking or data sharing.
-
Can I disable analytics?
-
Yes. You can disable analytics collection entirely from the settings. Surface Kit will continue to function normally.
-
How much does it cost?
-
Surface Kit is free to download and use. The free version includes sticky navigation, floating buttons, popups, and basic chatbot. Pro features (AI with multiple models, advanced analytics are available with a paid plan.
-
Do I need to pay for AI model access separately?
-
Yes. The AI chatbot uses third-party AI services (OpenAI, Anthropic, Google), so you’ll need an account and API key with your chosen provider. You pay the AI service directly based on your usage. Surface Kit doesn’t add any markup—you pay the provider’s rates.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Surface Kit – The All-in-One Engagement Platform. Sticky Headers. Floating Buttons. AI Chatbot. Popups.” is open source software. The following people have contributed to this plugin.
Contributors
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.0.2
- Added plugin row quick links: Settings and Live Preview
- Added AI chatbot button icon variants (Chat Bubble, AI Spark, Robot)
- Moved chatbot global widget controls into a dedicated Global Settings area
- Improved frontend chatbot UI with cleaner styling and settings icon toggle
- Refined API key handling display to keep saved keys hidden in admin
2.0.1
- Initial stable release
- Multi-model AI chatbot (OpenAI, Anthropic, Google Gemini)
- Sticky navigation with scroll detection
- 11+ floating action button types
- Smart popup builder with exit-intent technology
- Page-level visibility targeting
- Integrated analytics dashboard
- React-powered admin interface
- Mobile-responsive preview panel
- API key security (server-side proxy)
- Full compatibility with popular themes and page builders