How To Start Using The Weebly Builder

The Weebly makes it easy to build a fantastic site, but that doesn’t mean a little guidance can't make it even easier. All the basics you need in order to put together your first (second, third, fourth, seventeenth) site can be found here in our Beginner's Guide.

Select a Theme

The first step on the road to building your site is selecting a theme. There are some very special themes to choose from, all of which are responsive and built to adapt to a variety of purposes.

You can look them over with a quick scroll through our Theme Gallery.

We know it might be a touch overwhelming to choose exactly which theme you want before you've even started working on your site, but there's no need to fret since you can very easily change the theme later (and we'll show you how). For now just find a theme that looks good and run with it.


Building Your Site


Elements are the building blocks of a site. Nearly all the content (aside from a few exceptions, like Headers) you to add to your pages will be built with Elements.

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.

Add as many Elements to a page as you want, and the page will just lengthen as you add more elements on top of, or below, the last.

As you drag 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.

When you place elements side-by-side, we'll generate two columns on the page that allot equal space to each element.

You can adjust the space between these columns by using the narrow bar that appears between them. Just click and drag to the left or right.  

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) to 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.



There are four ways to add pictures to your pages: Image Elements, Slideshow Elements, Gallery Elements, and via Headers. The most commonly used of these is the Image Element, so we'll focus put our focus there in this article.

Drag the image element to a page. Then click on the element to open the dialog box.

There are several ways to add a photo. The most direct is to upload an image from your own computer, by dragging an image from your desktop into the window, or clicking the green “Upload a photo” button and selecting the file.

The size of a picture will vary after upload, but it may be a different size than you'd like and will often be as wide as the entire site.

You can alter this, though; hover over over the image and a blue box in the lower right corner will appear, which you can click and drag to adjust the image’s size.

Clicking on the photo also opens up a settings dialog box that you can use to make further changes.

Notable controls:

  • Link: This option turns the image into a link. We cover links later in this guide.
  • Lightbox: If you turn this on then any visitor who clicks the image on your site will be shown a larger version.
  • Spacing: Makes minor adjustments to the amount of white space around the picture.
  • Caption: Lets you add a basic text caption under the pic.
  • Advanced: Allows you to adjust (or turn off / on) the border around the picture.


And the Edit Image button will open a simple image editor, where you can add basic effects, rotate, or crop your image.

Once you've made any changes click OK. If you don't like the changes you can click Crop again to readjust or click the grey Cancel button to drop out of the editor.

Дали Ви помогна овој одговор? 22 Корисниците го најдоа ова како корисно (23 Гласови)