Intro to Content Elements

Weebly Elements are the essential building blocks of your site. Nearly all the content you add to your pages will be built with Elements.

To learn how to put these Elements to use, watch the short How'd They Do That video below, and/or read the guide that follows it.


Quite simply, you only need to find the Element you want to use then Click, Drag and Drop it exactly where you want it.

Find, Click, Drag, Drop.

As you add more elements to your page, the draggable content area will expand to accommodate them.

While dragging an Element to a page, this blue guide line will tell you where the element will be placed when you drop it.

Either stack elements on top of each other, or, drag one element to the left or right of another.


Placing elements side by side will automatically create columns on the page. You can adjust the space between these columns by using the vertical bar that appears between them by clicking and dragging it to the left or right. Take a look at our complete guide to working with columns for more info.

All elements have three universal options: Copy, Delete and Move.

Hover over an element and a blue box will appear.

The "X" in the upper right allows you to delete this element. Keep in mind though, once deleted, it can never come back.

The arrow in the upper left allows you to copy an element (to the same page or another page) or to move an element (to another page).

And clicking on the box between the "X" and the arrow, allows you to pick the element up and drag it around the page.

Was this article helpful? 1561 out of 1810 found this helpful