to see their live follower count & stats
Instagram Stats Checker — WordPress Widget
A beautiful, responsive Instagram analytics widget that displays real-time follower counts, engagement metrics, and profile insights directly on your WordPress site.
Overview
Transform any WordPress page into an Instagram analytics dashboard with this elegant, self-contained HTML widget. Simply paste the code into a Custom HTML block and let visitors check any public Instagram account’s stats instantly — no plugins, no bloat, no API keys required.
Key Features
📊 Live Profile Analytics
- Real-time follower, following, and post counts
- Estimated engagement rate with visual progress indicator
- Profile bio, category, and verification badge display
- Last-updated timestamp for data freshness
🎨 Stunning Visual Design
- Modern gradient aesthetics with animated background elements
- Glassmorphism-inspired cards with smooth hover interactions
- Instagram-style gradient avatar borders
- Professional typography using the Inter font family
📱 Fully Responsive
- Optimized for desktop, tablet, and mobile screens
- Adaptive stat layouts (grid → horizontal rows on small devices)
- Touch-friendly buttons and inputs
⚡ Enhanced User Experience
- Quick Suggestions — One-click popular accounts (Cristiano, Messi, Selena Gomez, etc.)
- Recent Searches — Auto-saves last 5 lookups with avatars via localStorage
- Keyboard Support — Press Enter to search instantly
- Smart Error Handling — Clear, helpful messages when data is unavailable
🔗 Social & Sharing
- Direct “View on Instagram” profile links
- Native Web Share API integration (mobile) + clipboard fallback (desktop)
- Copy profile stats link with toast notification feedback
🌙 Accessibility & Modern Standards
- Automatic dark mode detection (
prefers-color-scheme: dark) - Respects reduced motion preferences (
prefers-reduced-motion) - Semantic HTML structure for screen readers
- High contrast ratios for readability
Technical Specifications
| Specification | Details |
|---|---|
| Integration | WordPress Custom HTML Block / Gutenberg |
| Dependencies | None (vanilla JS + CSS) |
| External Resources | Google Fonts (Inter), Instagram API proxy |
| Browser Support | Chrome, Firefox, Safari, Edge (last 2 versions) |
| Performance | ~15KB total, no render-blocking resources |
| Data Storage | localStorage (recent searches only) |
How It Works
- User enters an Instagram username (with or without @)
- Widget fetches public profile data via instastatistics.com API
- Engagement rate is algorithmically estimated based on follower count tiers
- Results render with animated counters, gradient bars, and action buttons
- Search is saved to recent history for quick re-access
Use Cases
- Influencer Marketing — Let clients verify creator stats before collaborations
- Social Media Agencies — Showcase competitor analysis tools on your site
- Content Creators — Embed your own live stats on your portfolio or media kit page
- Trend Tracking — Monitor celebrity or brand account growth publicly
- Educational — Teach social media metrics without complex dashboards
Installation
- Add a Custom HTML block to any WordPress page or post
- Paste the complete code (CSS + HTML + JavaScript)
- Publish — the widget is immediately live and functional
Customization Notes
- Colors: Modify the gradient values in the CSS (
#c163ff,#f06292,#7c2fd0) to match your brand - Suggestions: Edit the
.ig-suggestionssection to feature different default accounts - API Source: The default uses a free proxy service; for production sites with high traffic, consider upgrading to a paid Instagram API provider like RapidAPI or ScraperAPI