This is a V4 Atomic component, part of the paid catalog. Browsing and previewing are free; copying and downloading need a paid plan. See what each plan includes. Anything you copy while your plan is active stays licensed to you permanently, on unlimited sites, including client sites.
Styled by YOUR site. This preview uses our demo colors and fonts. The component itself contains no hardcoded styles: paste it into Elementor and it automatically adopts your site's Global Styles, so every element matches your brand.
Structure
4-step process grid
22 elements, laid out across 4 columns. Built from Elementor V4 atomic elements; spacing and type come from your design system variables.
Works with: Elementor Free · Requires Elementor V4 (atomic editor)
About This Component
How It Works with 4-step Process Grid, saved as how-it-works-002-4-step-process-grid-atomic, sets 22 elements evenly at 4-column spacing. All 22 pieces of how-it-works-002-4-step-process-grid-atomic let its div-block and flexbox widgets read your V4 variables. how-it-works-002-4-step-process-grid-atomic needs only the free Elementor plugin.
How to use
- 1.Click “Copy for Elementor” above (or download the file)
- 2.Open your page in Elementor editor
- 3.Right-click on the canvas → Paste
- 4.The component appears with your site's Global Styles applied automatically
How It Works with 4-step Process Grid
This component is built with Elementor 4.0 atomic elements. Clean and lightweight structure. The V4 Atomic catalog is the paid half of the library.
Widgets used
Unlock Pro widgets with Elementor Pro
Get access to forms, sliders, testimonial carousels, and 20+ premium widgets
Get Elementor Pro →Launch Your Website: Get 20% Off Hostinger!
Ready to build your dream site? Get fast, reliable, and affordable web hosting with Hostinger. Use my exclusive link to score an extra 20% off your plan today!
Get 20% Off →Get premium cloud hosting, enterprise-grade security, and 24/7 support at your fingertips.
Ideal for agencies, freelancers, and businesses building professional WordPress sites.
Get Cloud hosting for WordPress →Related How It Works / Process
How It Works Layout Style 5 6
4 numbered steps horizontal with counter stat
How It Works Layout Style 5 49
steps + testimonial (success story) left-aligned layout
How It Works Layout Style 2
3 numbered steps horizontal with CTA button below
How It Works Layout Style 5 2
3 numbered steps horizontal spacious variant with extra padding
How It Works Layout Style 2 19
alternating left/right steps with background container card
How It Works Layout Style 5
3 numbered steps horizontal with icon accents
How It Works Layout Style 2 2
3 numbered steps horizontal 2-column variant
How It Works Layout Style 2 3
3 numbered steps horizontal full-width layout