Take advantage of a 20% on ALL our Hosting plans. Only $5.999 COP/month! ✨

Press ESC to close

How to Create your website with Elementor

It is clear that more and more people want to have their own website, however, many consider that this is impossible without hiring a web developer, or without having knowledge in programming; in this case we recommend ElementorThe tool is easy to use and also comes in a free version. 

Elementor is a plugin to design web pages, which is framed within what we know as visual builder in WordPress. It allows you to build your website in real time, dragging and dropping blocks or widgets on a blank template.

Why use Elementor 

Although WordPress allows you to choose between several visual builders, Elementor has great advantages without talking only about the economic part. Among the features that can be highlighted of this visual builder are:

  • Real-time display of results
  • Allows you to modify your codes and adapt them to your needs 
  • Supports a wide variety of templates 
  • You can create and modify your own templates 

Technical configuration 

Before starting, you must take into account some important aspects to have your website:

  • Hosting or hosting for your website files 
  • A domain with the appropriate extension .COM, .COM.CO, .CO, .MX, .NET, among others.

Elementor plugin installation 

The first thing you must do before proceeding with the configuration, is to search within the WordPress repository for the plugin, then download it, install it and activate it on the platform.

Once you have these essentials, and you have downloaded and installed, go to the Plugin in the WordPress installation, select add new and then upload plugin. This way you will be able to display it on the welcome page, as a new navigation element of the WordPress administrator.

Envato Elements

Once the technical configuration is complete, you must also install Envato Elements. With this tool you will have a variety of templates that you can download and use when building your website with Elementor.

Create your pages with Elementor 

Creating a blank template to start building your website is not complicated. Elementor works directly with WordPress, so you just need to create a new post or page according to your settings.

This way we will get to the Elementor editor, to start working on the design of the web page.

Fact:

To achieve that the page is on the entire screen, you just have to have in WordPress available the full width template. You must perform the same installation process as with Elementor. When finished, select save changes to have this option available. 

Elementor interface 

Elementor's interface stands out for being comfortable and simple for those who use it. You can visualize on the left side everything related to the page design and on the right side, the page where you will be able to observe the changes in real time.

  • Widgets: you will find all the elements associated with the design and structuring of the web page such as: columns, header, image, text editor, video, button, separator, spacer, Google maps, icons, etc. etc.
  •  Page view: here you will be able to visualize in real time the changes you make in your web page. A very effective way to know if the actions we perform are well.
  • Global:  in this option you can find all the global settings of Elementor, such as: color, fonts, size, settings, among others.
  • Adaptive mode: the adaptive mode, works to verify the physical appearance on different platforms, both mobile and computer.
  • Templates: here you can find templates to edit, or save your own templates.
  • Save: Once you have finished your work, you should always save before leaving the editor. This will prevent you from losing information or progress in your work.

Elementor's interface is so simple that you can create your website in just a few minutes. It works with drag and drop action, so you don't need to know programming. The containers, text boxes or buttons are already programmed, you just have to place them as you like on the page.

These boxes or buttons can be easily adjusted in size just by using the mouse. In the upper right corner you can find the editing of each of the widgets used, and this will allow you to remove or duplicate it whenever you want.

These can also be adjusted in color, position or size as required, and these options can be found at the top of the embedded button. At style for color or size changes, and in general for position (center, right, left, up or down).

Advantages of Elementor 

Elementor stands out for providing multiple options to its users, so we will tell you the advantages of using it.

Free version: One of the great advantages offered by Elementor, is that in its free version it has almost all its functions available; allowing its users to take full advantage of the options of this visual builder. 

Fast construction: Having a website in just a few minutes is possible with Elementor, since this tool already comes with default templates. You just have to modify them to your liking and upload the content. 

 Drag and drop: This is one of the facilities of the tool, it allows you to drag and drop the elements you want to add to your web page, that's why it is so easy and fast to build a web page. 

Widgets: you have at your disposal all the essential elements for the elaboration of your web page; such as icons, buttons, text boxes, videos, containers, among others.

Languages: This is also configured in multiple languages, which allows an almost universal use, making it easy for thousands of users to take advantage of it.

Results in real time: this is one of the few tools that allows you to visualize the changes on your website in real time, offering a more pleasant experience and allowing you to quickly correct errors.

Conclusion 

In conclusion, you don't need to be a programming professional to build your website with Elementor. The free version of the tool is presented as an option for those who are just starting out in WordPress and may not have the resources to hire a web developer or programming knowledge.

Clickpanda hosting