The hero is the first thing a visitor sees, and it has one job: make the right person want to scroll or click within a few seconds. A good hero answers three questions at once. What is this? Is it for me? What do I do next?
Below are twelve Elementor hero sections, each designed for a specific kind of business. For each one we explain the decision that makes it work, so you can borrow the idea even if you build your own. For the general rules, see our guide to hero section best practices.
1. SaaS dashboard
SaaS dashboard. Instead of a stock photo, the right side shows the product itself: a small dashboard with real-looking numbers. SaaS buyers trust a product they can see.
2. Bistro menu card
Bistro menu card. A restaurant visitor wants today’s menu, opening hours and a way to book. The menu card puts all three above the fold.
3. Clinic appointments
Clinic appointments. Patients want to book, not read. Showing the next free appointment slots turns the hero into the booking form’s first step.
4. Dark launch dashboard
Dark launch dashboard. A dark background with one bright accent colour makes the headline and the button the only things your eye can land on.
5. Shop product cards
Shop product cards. For a shop, the products are the pitch. Product cards in the hero let people start browsing without scrolling.
6. Adventure trip finder
Adventure trip finder. A search bar as the main action works when visitors arrive knowing what they want: a destination, a date, a group size.
7. Florist bouquets
Florist bouquets. Big product photography and a calm serif heading. For a florist, mood sells more than features.
8. AI chat card
AI chat card. Showing a short example conversation explains an AI product faster than any headline can.
9. Hotel booking bar
Hotel booking bar. Hotel visitors compare dates and prices. Putting the booking bar in the hero removes a step from every booking.
10. Fintech app balance
Fintech app balance. A phone-style balance card makes a fintech app feel real and safe before the visitor reads a word.
11. Conference countdown speakers
Conference countdown speakers. A countdown and speaker photos create urgency and social proof together, which is what sells conference tickets.
12. Dealer car search
Dealer car search. Car buyers start with make, model and budget. The search form is the hero, and the headline supports it.
What these heroes have in common
- One clear action. Each hero has one main button or form. Secondary links are visually quieter.
- Show, do not describe. Dashboards, menus, product cards and booking bars replace generic photos.
- Built for the visitor’s first question. A diner asks “when can I eat?”, a patient “when can I come in?”, a buyer “do you have it?”.
- Mobile first. Each layout stacks cleanly on phones, with the action still visible near the top.
Get these designs
The first two heroes (SaaS dashboard and Bistro menu card) are free. Download them from our free Elementor templates. They work on the free version of Elementor.
All twelve above, plus twelve more, are in the Elementor Hero Sections kit: 24 designs for $19, with a lifetime licence for unlimited sites. Building in Bricks instead? The same designs are in the Bricks hero kit.
