Weebly is one of the popular site builder tools available for small site owners. The popularity comes with its drag and drop editor which anyone case use without coding knowing. The editor contains lot of elements which you can drop on the content area to start building site. In this article, we will explain all Weebly elements available as part of the site editor. Check out 200+ free Weebly tutorials to take your site to next level.
Weebly Site Editor Elements
All Weebly elements are available under “Build” tab and classified into the following categories:
- Commerce and
In addition to these elements, Weebly has some additional elements available only in the blog editor.
1. Basic Elements
Basic Weebly elements are the primary blocks used to build your site. Following are the basic elements:
- Image + Text
- Contact Form
All basic elements are free to use in the site content area.
2. Structure Elements
These elements are used to structure your site and the search box in this category is a Pro element. There are four elements available under this group:
- Search Box (Pro)
3. Media Elements
Media elements are used to add multimedia to your site and consist of both Pro and free elements.
4. Commerce Elements
Commerce group has two elements:
5. More Elements
Elements which are not covered under the above categories are grouped under “More”.
- Block Quote
- Embed Code
- Social Icons
- RVSP Form
- Feed Reader
6. Weebly Blog Elements
Weebly Blog has the following additional elements:
- Read More Break
- Flickr Badge
- LinkedIn Button
- Blog Archives
- Blog Author
- Blog Categories
- Blog Feed
“Read More Break” is added into “Basic” group and all other elements are grouped under a new group “Blog Sidebar”. These elements can be only seen when you create a new post in your blog page.
All Weebly elements can be simply dragged and dropped in to the site’s content area.
You click on any element to see various customizing options applicable to that element. Below is the customizing options for a simple text element.
Copy, Delete and Move Elements
Each element can be deleted by clicking on the “X” mark shown in the right upper corner of the element. You will be prompted to confirm the deletion of the element.
In addition to deletion, you can also move or copy any element by clicking on the arrow mark shown in the left upper corner of the element as shown in the picture beside.