Skip to content

This is Weebly, a tool to create your website without design knowledge

25 mayo, 2021

A few days ago we talked to you about Strinkingly, an interesting web design tool suitable for all audiences whose operation we decided to explain step by step in order to make things easier for you when it comes to develop your own page. An application that, however, is not unique in its kind.

Thus, today we opted for another alternative resource: Weebly, an online platform dedicated to the creation of free and paid sites whose origins date back to 2006. An application that will allow you to achieve results more than worthy without too many headaches.

Weebly first steps


To start using it no need to download any softwareInstead, it will be enough to access their website and register. In addition to the corresponding integrated form – which must include our email, full name and password – we can do so through our Facebook and Google accounts. We opted for this penultimate option.

Next, we must accept the terms of the application and, automatically, we will be redirected to a page where different templates are located. These are grouped by different themes: business, online store, staff, events, blog and portfolio. All of them are free and have examples that we can navigate through in order to get an idea of ​​how it would suit our needs.

Screenshot 2016 07 29 At 11 15 45

On this occasion, we opted for Portfolio and the Cento template, at which point a pop-up window appears in which we are told to choose the domain of our site. In this regard, we have several alternatives: use Weebly subdomains, register a new domain, or use one that we already have.

In any case, it will be this option that determines whether the application continues to be free or not. In any case, its price is not expensive, but you can register your own domain from seven euros. Using one already purchased is also free.


Editing our website

Returning to the subject that concerns us, design and once the free version has been chosen (with the Weebly name in the extension), we will be shown a page organized like any photo editing tool or similar: in the center is the general template – which we can change at any time- and to the left the toolbox.

The central part also has different frames predefined by the topic we have chosen, while the box offers us an integrated tutorial, as you can see in the image that we attach on these lines.


Likewise and if we look at the top of this panel We see a tab under the name of applications, some tools that you can add to the site and that include metrics, calendars and other utilities to the web. To learn more about each one of them, you just have to click on the images or access the application center.

We started editing the header clicking on it and modifying the text, and then we go down to change the design of the images and text that we are going to place in the next box. We could also have dragged the different elements that we wanted to place. Before changing, in any case, a preview will always appear.

Objects, of course, can be personalize. In the case of maps (to determine the location), there is the possibility to change the width, height, position, spacing, zoom and, of course, the default direction that appears. When we edit the texts, on the other hand, we can also underline, change the size and color of the typeface, and so on.


When uploading images, we also observe the Loading process on the bottom. These automatically adapt to the space predefined by the template. They can also be edited later, linked, and others. In the case of a gallery, it is possible to reduce or enlarge the number of columns, the distance between them, include a caption, and other similar parameters. The downside is that we are obliged to upload them individually.

For the contact forms, the page itself includes by default the email that we have provided, an address that we can modify if we wish. All these objects, in any case, can be moved, placed in different areas of the web, and so on. How? Moving them with the mouse as if we were in a Power Point.

Beyond the predefined options and taking into account the mentioned tools menu, we can include new elements. Just click on the icon that represents them and drag them to the central area. In this regard, we find text boxes, images, galleries, a slide show, a location, a subscription form, a contact form, and buttons.

Premium options

The last of the drawings in the Basic section (where we are) corresponds to the option to insert code. Structure options are simpler: add a spacer or divider, while the media section includes the ability to insert your own HD videos, audios, youtube videos, downloadable documents, flash and other files. Some of these options depend on the plan we have contracted (podcasts and high definition video).

Other possible additions are Google Adsense, specific products, the share tab on other websites, appointments, surveys, including the site in the content aggregator, a search box and icons of social networks. However, these sections change to adapt to each section (for example, if we access the blog tab, an icon to add “blog files” is included.

Screenshot 2016 07 29 At 11 56 45

When we finish –and after clicking on Publish-, we will also observe that the page in question already appears in the main menu of our account, a result that we can edit again whenever we want. In short, a very interesting and complete tool, perfect for those who enjoy “fingering” but do not want to “die trying” to create their website.

In Genbeta | Nine and a half tools to design like a web designer without being one