Custom WordPress Support Plugin

The Challenge

The client needed a flexible way to show different support agents on different pages without slowing down the website with multiple plugins. They required a solution where they could easily manage team photos, names, and contact forms from the WordPress backend, with full control over the popup’s design and positioning.

The Solution

I built a custom-coded WordPress plugin from scratch, avoiding “plugin bloat” to maintain a 100% Core Web Vitals score. By integrating Advanced Custom Fields (ACF) with custom PHP hooks, I created a dynamic system where the admin can:

Assign specific support agents to specific pages.
Control the popup’s UI position (Bottom-Left, Bottom-Right, etc.) per page.
Trigger instant Contact Form 7 integration within a seamless, AJAX-powered modal.

Tech Stack & Tools

Backend Logic: PHP, WordPress Plugin API, Custom Hooks.
Dynamic Data: Advanced Custom Fields (ACF) for per-page agent management.
Frontend UI: HTML5, CSS3 (Modern Responsive Design).
Interactivity: Vanilla JavaScript for smooth open/close animations and transitions.
Integrations: Contact Form 7 for lead generation.

Key Features Developed

Smart Positioning: Toggle popup placement via the WordPress backend.
Agent Profiling: Dynamic image and name rendering based on page context.
Zero Latency: Custom-coded logic ensures the popup doesn’t impact SEO or page speed.
Seamless UX: Fully responsive design that works perfectly on mobile and desktop.