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
Centered contact card: name, email, message, and a clear send action.
12 elements, single-column layout. 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
Contact Form Dark Slate 020, shipping as atomic-forms-contact-020, gives 12 elements single-column atomic-forms shape. Nothing in atomic-forms-contact-020 is hardcoded: the flexbox and heading widgets follow V4 variables. atomic-forms-contact-020 imports anywhere running an Elementor Pro license.
How to use
- 1.Enable the V4 editor. In WordPress go to Elementor, Settings, Features and make sure the V4 editor (atomic elements) is active. On Elementor 4.2 and newer it ships enabled; older 3.x installs cannot import V4 templates.
- 2.Import the template or paste the JSON. Click Download JSON on the component page and import it via Templates, Saved Templates, Import Templates. Copy JSON and right-click, Paste from other site works too, straight onto a V4 canvas.
- 3.Connect the submit action. Select the form, open its Actions After Submit, and add your email action with your own address. The blocks ship with the fields and button wired; where submissions go is your choice, exactly like a hand-built Elementor Pro form.
- 4.Restyle with variables. V4 styles live on classes and variables, not widget-by-widget settings. Adjust the class once and every matching element follows: that is the point of the atomic system.
Full guide with troubleshooting: Elementor V4 Atomic Forms: Import Guide
This component includes widgets from the Elementor Pro plugin (e.g., forms, sliders). You'll need an active Elementor Pro license on your WordPress site to use them. Learn about Elementor Pro →
Contact Form Dark Slate 020
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 Atomic Forms
Contact Form Dark Slate 001
Centered contact card: name, email, message, and a clear send action.
Contact Form Dark Slate 002
Centered contact card: name, email, message, and a clear send action.
Contact Form Dark Slate 003
Centered contact card: name, email, message, and a clear send action.
Contact Form Soft Light 004
Centered contact card: name, email, message, and a clear send action.
Contact Form Soft Light 005
Centered contact card: name, email, message, and a clear send action.
Contact Form Dark Slate 006
Centered contact card: name, email, message, and a clear send action.
Contact Form Dark Slate 007
Centered contact card: name, email, message, and a clear send action.
Contact Form Dark Slate 008
Centered contact card: name, email, message, and a clear send action.