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 install Split-Screen Statistics & Impact Grid to your website

Bring this layout to life on your website in just a few clicks.

Views

Install on Squarespace

Edit visually using the extension or native blocks

+

First, ensure you have pasted the global Redesignee connector script into your site's Code Injection settings. Once connected, you have two easy ways to build:

  1. Native Block: Simply add the native Redesignee Widget Block directly from the fluid engine editor menu inside Squarespace.

  2. Manual Markdown: Add a standard Markdown Block, paste your widget’s code snippet, and the Redesignee floating "Customize" button will automatically appear right over the block.

Both methods let you tweak settings, copy items, and design visually in real time. Saving your changes syncs the updates instantly to your live page.

See Squarespace installation guide
Alerts

Install on WordPress

Connect natively via Gutenberg or Elementor

+

Make sure you have the free Redesignee WordPress Plugin installed. If you are using Elementor, simply drag and drop the Redesignee widget from your sidebar. If you are using the Gutenberg Block Editor, click the " + " icon and select the Redesignee Block. Launch the Cloud Library directly inside your workspace, choose your customized template, and import it with a single click. It automatically inherits your theme fonts and styles!

WordPress plugin installation guide
New Item

Install on Other CMS as Code

Quick copy-and-paste for custom setups

+

If you are using Webflow, Shopify, Wix, or a custom HTML site, click the "Export Widget" button on this page and ensure the platform selector is set to"HTML". Click "Copy" to copy the clean, un-nested source code snippet directly to your clipboard. Paste this code into any HTML component, Code Block, or Embed tool inside your website builder. All styles, animations, and scripts are self-contained and ready to run.