The widget library for WordPress is here Download plugin

Split-Screen Statistics & Impact Grid

Free

Communicate your company's growth and achievements effectively with the Split-Screen Statistics & Impact Grid. This widget moves beyond basic number counters by utilizing a sophisticated, editorial-style split layout that pairs a strong visual headline with a data-rich metric grid.

The design is divided into two distinct panels. The Left Panel serves as the introduction, featuring a large, customizable headline overlaying a subtle SVG Concentric Circle Pattern. This vector background adds depth and professional polish without distracting from the message, and its color can be adjusted to blend perfectly with your chosen background hue.

The Right Panel features a responsive grid system that automatically organizes your key metrics into a clean, two-column layout. Each statistic is treated as an individual slide, allowing you to easily add, remove, or reorder data points within the editor.

Key Features:

  • Dual-Tone Theming: Independently customize the background and text colors for the left and right panels to create high-contrast, impactful designs (e.g., Light on Dark, or Brand Color on White).
  • Editable SVG Background: The concentric circle pattern on the left is a vector graphic, meaning it remains crisp on all screens. You can modify its color and opacity directly in the editor.
  • Full Typography Control: Unlike standard widgets, this tool allows you to edit font families, font sizes, and colors for every element—from the main headline to the smallest stat label—ensuring perfect alignment with your brand guidelines.
  • Responsive Grid Logic: The statistics section adapts seamlessly to screen size, displaying as a balanced 2-column grid on desktops and stacking vertically for optimal readability on mobile devices.
  • Dynamic Content: Easily scale your data reporting by adding unlimited statistic items via the slide interface.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.