Elementor hero section templates, structure first.
187 hero sections, each a real capture of a rendered Elementor template. Split, centred, editorial, with proof strips or forms. All grey on purpose: pick the one whose hierarchy fits the job, then give it your colour.
A hero has one job: earn the scroll.
How to choose a hero section
Every hero in this room answers the same three questions in a different order: what is this, who is it for, and what should I do next. The right block is the one whose order matches your page's argument, not the one with the nicest photo plate.
Lead with the claim when the offer is simple and the visitor already knows the category — a centred headline, one line of support, one button. Musharrat and Mutawasit are built for this.
Lead with proof when the visitor is sceptical — a split hero with a real product plate on one side and a short proof strip (logos, a figure, a quote) under the headline. Raqiq puts the plate first and the copy in an offset card so the eye lands on the object before the words.
Lead with the form when the page exists to capture a lead — a hero with the form inside it, and copy that tells the visitor exactly what happens after they submit. Look in the split-layout behaviour for these.
What is inside a Wajha block
An ASAS hero is an Elementor container with its own padding, alignment and responsive rules, holding the widgets you would expect: a heading, a text editor, one or two buttons, an image, and sometimes an icon list or a form. Nothing is flattened into a screenshot. When you import it, every element is selectable and editable in the Elementor panel.
Import into Elementor
- Download the block (or your whole stacked page) from the Studio as a
.jsonfile. - In WordPress go to Templates → Saved Templates and click Import Templates.
- Choose the file. It appears under Saved Templates with its ASAS name.
- Open any page in Elementor, click the folder icon, choose My Templates, and insert it.
Placeholder images are fetched from ASAS on import and copied into your media library, so the block arrives whole. Replace them with your own material.
Related rooms
A hero rarely stands alone. It usually sits under an entrance and above a logo strip or features. Every ready-made Home page in the library is stacked exactly that way.
Hero sections, answered.
Are the hero sections free?
Yes. Browsing, stacking and colouring need no account. Downloading the Elementor JSON needs a free account — a name, an email and a password, no card.
Do I need Elementor Pro?
Most hero sections use core Elementor widgets only. Where a block uses a Pro widget, the Studio names it before you download, because Elementor silently drops widgets it doesn't have on import.
How do I import a hero section into Elementor?
Download the .json, open Templates → Saved Templates in WordPress, click Import Templates, choose the file, then insert it on any page from the Elementor editor's template library.
Why are they grey?
A grey template lets you judge hierarchy, spacing and reading order without a colour scheme arguing for itself. Apply one of twelve kits in the Studio, or your own brand after import.
Can I use them on client sites?
Yes. Import a download into sites you build, edit every part of it, publish it for yourself or a client. The only thing you can't do is repackage the library and sell it as a template product.
New blocks land monthly.
One email when a room grows or a behaviour is added. No digest, no tips, nothing weekly.