Training / Building with Elementor / Lesson 2 of 9

How to add and arrange widgets

A widget is a single item on your page, such as a heading, an image or a button. You build a page by dropping widgets into containers.

You'll learn

How to add a new heading, paragraph, image or button to a page

Takes

About 5 minutes

You'll need

A page open in Elementor

Watch: “Add a container with a widget”, an official video from Elementor. It shows the same job on their own demo site, so your screen may look a little different. The written steps below are the ones to follow.

1

Open the widget list

Click the plus in the top bar. The panel on the left shows every widget you can use.

2

Find the one you want

Type into the search box, for example “heading” or “button”.

3

Drag it onto the page

Hold the mouse button down on the widget, drag it across to the page and let go when a blue line shows where it will land.

4

Fill it in

The widget’s settings open on the left. Add your words or choose your image.

5

Move it

Click and drag a widget to a new position, or drag its line in Structure.

6

Remove it

Right-click the widget and choose Delete.

Common mistakes

My new widget looks different from the rest of the page.

Don’t start from blank. Duplicate a similar item that’s already on the page and change its contents.

It landed in the wrong box.

Drag it again and watch for the blue line, or move it in Structure.

I can't find a widget mentioned in a lesson.

Some widgets come with Elementor Pro or with other plugins. Ask us whether your site has it.

Still stuck?

Tell us which page it’s on and what you’re trying to do. We can talk you through it or make the change for you.