help center

Search
Close this search box.
On this page

What is a widget?

Last Update: August 10, 2023

Widget basics

In Elementor, widgets are the building blocks for your website. They add functionality to your page, allowing you to do everything from writing text to adding dynamic data. The most commonly used widgets are: the Heading widget, Text Editor widget, Image widget, and Button widget. These five widgets alone, can already provide you with the blocks for a basic page with heading, a hero section and a call to action

Screenshot showing some of the basic widgets available through your Elementor plugin.
Some of the basic widgets you’ll have access to!

You can find more advanced widgets with Elementor Pro. This includes share buttons, animated headlines, etc.

Screenshot showing some of the Elementor Pro widgets available through your Elementor Pro plugin.
Some of the Elementor Pro widgets!

Theme-related widgets allow you to build and customize certain parts of your site. These widgets include the Post Comments widget, the Site Map widget  the Author Box widget and many more.

Screenshot showing some of the Theme Element widgets available through your Elementor Pro plugin.
Theme Elements widgets available in Elementor Pro.

You can even build an entire online store with WooCommerce widgets.

Screen shot of the WooCommerce widgets available with your Elementor Pro plugin.
Create a professional ecommerce site with WooCommerce widgets.

You can learn more about how to drag and drop widgets onto your page by reading, Build your first page with Elementor.

Finding a widget

Widgets are located in the widget panel of the Elementor Editor.

The widget panel
Widgets are located in the widget panel.

If you’re looking for a specific widget and can’t find it, type the name in the search bar.

The widget search bar
Type the name of the widget in the search bar.

Use the Favorites menu for easy access to your most commonly used widgets:

Right-click the widget and select Add to Favorites.

Add to Favorites selected
Select Add to Favorites for easy access to the widget.

Access these widget by opening the favorites menu.

The favorites menu
Easily locate your most used widgets in the favorites menu.

How do I edit widgets?

After the widget is placed, the widget panel will change to show the Content, Style, and Advanced tabs.  

  1. Use the Content, Style, and Advanced tabs to customize your widget.
    image 4 What is a widget? 17
    Edit your widget here!

  2. The Content tab is where you’ll customize the content of the widget. For instance, in a Text widget this will contain the widget’s text, while for an image widget it will be where you select the image.
  3. The Style tab is where you’ll style the widget’s content. For example, in a text widget, this is where you’ll set the font size, color and weight.
  4. The Advanced tab contains options that are relevant for all widgets, such as padding and margins.

What do different types of widgets do?

You can use widgets to do anything on your website–from adding basic elements like text and images to building a complete eCommerce solution. You can also add social media links with social widgets. Use dynamic  features to liven up product pages. Interactive widgets include flip boxes and forms for collecting user details.   

What are the best widgets for me?

The widgets you’ll want to use will depend on the design of your website and the functions you’ll need. You can find articles on all of the different widgets available for your Elementor site here.

To further explore how to use and position widgets, you can build your first page with Elementor or learn about page layout.

To get the most out of Elementor, check out the Elementor Academy for helpful learning resources. If you come across any issues or need help, please contact our Support Center.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article

Stuck?
Our Elementor Expert is Ready

Book a 45-min video consultation call with an Elementor expert and elevate your site!