Chykalophia Docs
Elementor

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.

elementorwordpressbeginnerediting

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 most common ones are Heading, Text Editor, Image, Button, Video, Icon Box, and Image Box. You will find them all in the left panel of the Elementor editor.

Basic widgets (Free)

These come with Elementor Free and are available on every Elementor site.

Heading

Displays a title. Use it for page headings, section headings, and sub-headings. You can set the HTML level (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. Double-click to type directly on the canvas. Supports bold, italic, bullet lists, numbered lists, and links.

Best for: paragraphs, descriptions, body copy.


Image

Displays a single image. Click the image thumbnail in the left panel to open the Media Library and upload or choose a photo. Supports links, captions, and alt text.

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. Drag the height handle to set the amount of space.

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 (mostly Free)

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. Requires a Google Maps API key (your developer has this set up).

Best for: contact pages, location sections.


Social Icons

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.

Form

A full contact form builder. Add fields, set up email notifications, and connect to CRM tools. See Working with Elementor forms.


Creates a slideshow or carousel of images with captions and buttons. Great for portfolios and testimonial rotators.


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

The widget library is in the left panel when nothing is selected on the canvas.

  • Browse by category — widgets are grouped into Basic, Pro, General, and more.
  • Search — type the widget name in the search box at the top of the panel to find it quickly.
  • Drag to place — drag any widget from the panel onto the canvas to add it.

Can't find a widget?

If you search for a widget and it does not appear, it may require Elementor Pro. If your site has Pro installed, all Pro widgets will be visible. Contact us if you are unsure what is available.

Common questions

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

The most useful Elementor widgets | Chykalophia Docs