The Elementor widgets beginners use most are Heading, Text Editor, Image, Button, Icon Box, Icon List, Video, Spacer and Divider (free), plus Form, Posts or Loop Grid, Nav Menu and Testimonial Carousel (Pro). With about ten widgets you can build most business pages. Learn those well, keep each page to the widgets it really needs, and use global styles so they all match.
- Ten core widgets cover around 90 percent of everyday page building.
- Use Heading for real headings (H1 to H3), not big text in a Text Editor.
- Icon Box and Image Box are the quickest way to make service cards.
- Prefer container gap over Spacer widgets for spacing.
- In the Atomic Editor, widgets are called elements and share one Style tab.
Which free Elementor widgets should you learn first?
| Widget | What it does | Typical use |
|---|---|---|
| Heading | Adds an H1 to H6 title | Page and section titles |
| Text Editor | Rich text paragraphs | Body copy, lists |
| Image | Single image with link and caption | Photos, logos |
| Button | Styled link | Calls to action |
| Icon Box | Icon, title and text together | Service and feature cards |
| Image Box | Image, title and text together | Team, portfolio, product teasers |
| Icon List | List with icons and links | Benefits, contact details, footer links |
| Video | Embeds YouTube, Vimeo or self-hosted video | Explainers, testimonials |
| Accordion / Toggle | Collapsible content | FAQs |
| Google Maps | Embedded map | Contact page |
Which Elementor Pro widgets are worth knowing?
- Form: contact and lead forms with email, webhook and CRM actions. See the form widget tutorial.
- Loop Grid and Loop Carousel: display posts, products or custom post types with your own card design. See the Loop Grid tutorial.
- Nav Menu and Mega Menu: build site navigation in the header.
- Testimonial Carousel: rotating reviews.
- Price Table and Price List: clear pricing. See how to build a pricing table.
- Call to Action and Flip Box: eye-catching promo blocks.
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
What changed with Atomic elements in Elementor 4?
In the Atomic Editor (default for new sites since Elementor 4.0), the core widgets have lighter, cleaner HTML and share one Style tab, so a Heading and a Button are styled the same way. You style with Classes and Variables instead of setting fonts and colours on each widget. Classic widgets still work, and you can use both while you transition. For the full picture see Elementor Components.
How do you use a widget, step by step?
- Open the elements panel (the plus icon) and search for the widget name.
- Drag it into a container on the canvas.
- Fill in the Content tab: text, link, image or icon.
- Style it using global colours and fonts rather than custom values.
- Adjust spacing in Advanced or, better, with the container’s gap.
- Check mobile view and tweak sizes.
How many widgets is too many?
Every widget adds a little HTML, and add-on widgets often load their own CSS and JavaScript. A home page with 150 widgets and four add-on packs will feel slow on phones. Aim for clean structure: one container per section, the fewest widgets that do the job, and no Spacer widgets where a gap setting would work.
Want to learn Elementor faster, live and 1-to-1?
I teach WordPress and Elementor 1-to-1 over Zoom or Google Meet, on your own website, at your pace. Lessons start at $40, every lesson is recorded so you can rewatch it, and you get a short checklist afterwards. Beginners, business owners, students and freelancers are all welcome. See lessons and prices or book a free intro call.
Frequently asked questions
How many widgets does Elementor have?
The free plugin has around 40 widgets and Pro adds dozens more, depending on the plan. Most sites use only 10 to 15.
What is the difference between Icon Box and Image Box?
Icon Box shows an icon above or beside a title and text. Image Box does the same with a photo instead.
Should I use the Spacer widget?
Sparingly. Container gap and padding are cleaner and easier to keep consistent on mobile.
Which widget should I use for page titles?
The Heading widget, with the HTML tag set to H1 for the page title and H2 or H3 for section titles.
Are Elementor add-on widgets safe?
Reputable add-ons are, but each adds code and update risk. Install only the ones you use.
Sources
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
More WordPress guides
Guide, 4 min readFacebook Seller to Website Owner: What to Learn in WordPress First
Guide, 3 min readWordPress for Teachers: Build and Run Your Own Class Website
Guide, 3 min readShould a Doctor Learn WordPress to Manage the Clinic Website?
Guide, 3 min readReal Estate Agents: Learn to Update Your Own Listings in WordPressRather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
