The most useful Elementor widgets

A guide to the Elementor widgets you will use most often — what each one does and when to use it.

Elementor has dozens of widgets. This guide introduces the most commonly used ones and explains what each does. You do not need to know all of them — just the ones relevant to your site.

Quick summary

Widgets are the content blocks you drag onto a page. The ones you are likely to use most are Heading, Text Editor, Image, Button, Video, Icon Box, and Image Box. To find them, click Add Element (the + icon) in the top bar of the Elementor editor; the list opens in the left panel.

Basic widgets (Free)

These come with the free version of Elementor, so every Elementor site has them (unless someone has switched a widget off in Elementor's Element Manager).

Heading

Displays a title. Use it for page headings, section headings, and sub-headings. You can set the HTML Tag (H1, H2, H3, etc.) in the Content tab.

Best for: titles, section headers, call-to-action headlines.

Text Editor

Displays a block of body text with basic formatting. To type directly on the canvas, select the widget and start typing. Supports bold, italic, lists, and links.

Best for: paragraphs, descriptions, body copy.

Image

Displays a single image. In the Content tab, click Choose Image to upload a photo or pick one from the Media Library. Supports links and captions. Alt text is set on the image itself in the WordPress Media Library.

Best for: product photos, team photos, hero images, inline illustrations.

Button

A clickable button with a label and a link. Style the color, size, and shape in the Style tab.

Best for: calls to action, download links, contact prompts.

Video

Embeds a YouTube, Vimeo, or self-hosted video. Paste the video URL in the Content tab.

Best for: explainer videos, testimonial videos, product demos.

Spacer

Adds blank vertical space between elements. Set the amount of space with the slider in the Content tab.

Best for: breathing room between sections when padding alone is not enough.

Divider

Draws a horizontal line. Can be styled with different colors, widths, and line styles.

Best for: visual separation between content areas.

Icon

Displays a single icon from a large library (Font Awesome icons included). Set a link, color, and size.

Best for: feature bullet points, social media icons, decorative accents.

Intermediate widgets (Free)

These also come with the free version of Elementor.

Image Box

Combines an image, a title, and a description in one block. Common for displaying services, features, or team members.

Best for: services grids, feature lists, product highlight rows.

Icon Box

Like Image Box, but uses an icon instead of a photo. Good for feature lists where a visual icon suits the content better than a photo.

Best for: "Why choose us" sections, feature summaries, stats.

Testimonial

Displays a customer quote with the reviewer's name and photo. Simple and clean.

Best for: client testimonials, reviews.

Google Maps

Embeds a Google Map with a specific address. Elementor's help article says the widget needs a Google Maps API key, entered on the Integrations tab of Elementor's settings. Ask us if your map isn't showing.

Best for: contact pages, location sections.

Displays icons linking to your social media profiles. Set each platform's URL in the Content tab.

Best for: footer social links, about page.

Accordion

Creates expandable/collapsible FAQ sections. Each item has a title and a body that shows when clicked.

Best for: FAQs, product FAQs, pricing questions.

Tabs

Displays content in switchable tabs. Each tab has its own title and content area.

Best for: comparing options, organizing related information.

Pro widgets (Elementor Pro only)

These widgets require Elementor Pro. Some Pro features depend on which Pro plan you have; see Elementor's pricing page for what each plan includes.

Form

A full contact form builder. Add fields and set up email notifications. Connecting forms to third-party tools such as Mailchimp depends on your plan: Elementor's plan comparison lists form integrations for the Advanced plan and higher. See Working with Elementor forms.

Slides / Carousel

Slides creates a slideshow or carousel, and each slide can have its own background, text, and styling. Carousel shows several pieces of content, such as images, text, or buttons, in one compact space. For rotating client quotes, there is also a Testimonial Carousel widget (Pro). Great for portfolios and featured content.

Price Table / Price List

Structured widgets for displaying pricing clearly.

Posts

Displays a grid or list of your blog posts, products, or any post type automatically.

Call to Action

A pre-designed banner with an image, text, and button built in.

Finding widgets in the editor

Click Add Element (the + icon) in the top bar. The list of widgets opens in the left panel.

Browse by category — widgets are grouped into categories in the panel. To keep a widget handy, right-click it and choose Add to Favorites.
Search — type the widget name in the panel's search bar to find it quickly.
Drag to place — drag any widget from the panel onto the canvas to add it. Or select a spot on the canvas first, then click the widget.

Can't find a widget?

If a widget doesn't show up when you search, it may have been switched off in Elementor's Element Manager, or it may need a higher Elementor Pro plan (the WooCommerce widgets, for example, are only in the Advanced plan and higher). If Elementor Pro isn't activated, or its license has expired, you can't drag Pro widgets onto the page. Contact us if you are unsure what is available.

Common questions

An Image widget shows just a photo. An Image Box widget shows a photo with a title and description text below or beside it — it is a combined block for displaying service or feature cards.

Yes, within the page layout. A widget always sits inside a container (or a column, on older layouts). If you click a widget in the panel without first selecting a spot, Elementor adds it at the bottom of the page in a new container (or a new section, on older layouts).

Why can't I drag some widgets onto the page?

Those are most likely Elementor Pro widgets. Elementor says Pro widgets can't be dragged onto the page if your Elementor Pro license isn't activated or has expired. If your site has an active Pro license and a widget still won't drag, contact us.

Need a hand?

If you're stuck, email support@chykalophia.com and we'll help. Include your website address and a screenshot if you can.

Learn more

Elementor: Widgets