ITzone360 Widgets
·
Production-ready custom Elementor widgets — Info Card, CTA Button, Feature Box, Counter, Team Member, Testimonial, and Pricing Box.
ITzone360 Widgets is a lightweight, dependency-light collection of custom Elementor widgets built with the WordPress Plugin API. No jQuery is used in any custom JavaScript, and every widget is built to pass the WordPress.org Plugin Check tool across the Plugin Repo, Security, General, Performance, and Accessibility categories.
Widgets Included
- Info Card – Icon, title, description, CTA button, with full style controls (color, typography, shadow)
- CTA Button – Advanced call-to-action with gradient background and hover animation
- Feature Box – Icon/Image toggle, title, description, background (color or gradient), hover-lift shadow, optional button
- Counter – Animated count-up number with prefix/suffix, thousands separator, and scroll-triggered vanilla JS animation (no jQuery)
- Team Member – Photo, name, position, description, and individual Facebook / LinkedIn / X / Instagram links
- Testimonial – Client photo, name, company, 1–5 star rating, and review text
- Pricing Box – Plan name, price, “Featured” highlight badge, repeater-driven feature list (included/excluded), CTA button
All widgets share a consistent cew- CSS namespace and are registered through a single, extension-friendly bootstrap (itzone360_widgets/register_pro_widgets action hook, reserved for a future Pro add-on).
Tech Stack
- PHP — Elementor Widget API (
Widget_Base,Controls_Manager,Repeater,Group_Control_*) - WordPress Plugin API — hooks,
wp_register_script/wp_enqueue_style - Vanilla JavaScript —
IntersectionObserver+requestAnimationFramefor the Counter widget’s scroll-triggered animation, no external libraries - CSS3 — flexbox layouts, custom properties via Elementor’s
selectorsAPI
Requirements
- Elementor (free or Pro) must be installed and activated