Guide on How to Use Elementor in WordPress

Guide on How to Use Elementor in WordPress


Guide on How to Use Elementor in WordPress - The visual aspect is much more impactful and has more high points in attracting people's interest. Compared to text that is stagnant and takes time to read and understand, photos or images are a more aesthetic selling tool as well as easier to digest in a short time.

That's why websites that have themes, layouts and designs that focus on visual attractions are much more desirable and have high traffic. Not to mention the user-friendly appearance combined with visuals that have strategic and beautiful placements will make visitors feel at home to navigate the website.

To get a website like that you need a plugin that can help you build your landing page, homepage, blog and design in one place. One of the plugins that you can try is Elementor which is famous for its practicality, namely drag and drop. Let's find out more about how to use Elementor in WordPress below.

What is Elementor?

Elementor is a page builder or page builder visual form plugin from WordPress that can be obtained for free and allows users to make their WordPress websites attractive and beautiful but in an easy and fast way. Users no longer have to learn and understand programming languages ​​anymore.

Its users can achieve a high level of design, while designing live, and on the front of their site. Elementor is the first to date as the only front page builder that offers limitless design possibilities. It includes dozens of useful widgets, an attractively designed template library, a unique mobile editing tool and a visual revision history feature.

The Elementor plugin itself was developed in 2014 ago and was introduced for public use in June 2016 with a record install of 1 million active WordPress users worldwide. Elementor also has two versions, namely a free version and a paid version with its own advantages.

Features and advantages of using Elementor

Features and advantages of using Elementor


Basically Elementor is used to help design each page on the website, but apart from that Elementor also offers many advantages and functional features that you can try as below:

1. Landing page

This is a special feature to be able to invite and invite website visitors to provide feedback or certain actions. These actions can be in the form of filling out forms, making product purchases, subscribing to websites and links and others.

2. Op-in forms

This feature is a form provided and designed to request data and information from website visitors. Here you can enter any information you would like to request from your site visitors from name, email address, and so on. You can also arrange this op-in form in a place that you think is appropriate, such as in the header, footer, sidebar or in the content.

3. Widgets

As an add-on element that helps complement the overall functionality of a page, widgets are a complete choice of place for WordPress users. You can add and enter login form features, content recommendations and suggestions, maps and addresses, and much more.

4. Pop-ups

For those of you who want to highlight interesting and different advertisements, messages or promotions, you can try this one pop-up feature. A pop-up feature will appear every time a visitor clicks or accesses a particular website page that you want to highlight.

5. Global Widgets

With the goal of creating one that is designed for design and can be applied to any part of the web at once, Global Widgets will give you complete control over which widgets you want to appear in multiple places on your website.

6. Custom post types

These are ordinary content pages you can find on WordPress, but as WordPress evolved from a simple type platform to a powerful CMS, the term has stuck. Elementor will help display this post according to the wishes of the user.

7. Custom headers and footers

Headers and footers are elements that contain identity and also detailed information about a website. You can fill it in with an explanation of what your website is built for and is intended for. The header is at the top of the web and the footer is at the bottom.

Get to know the Elementor Page Builder parts

Coming with a complete solution for designing websites, Elementor Page Builder is supported by many components and features which also have their own plugins.

The completeness of these features and elements will be very promising for old and new users because they no longer need to add other applications to back up. Here are Elementor elements and parts that you should know about.

1. Options tab

This feature is located at the bottom of the Elementor side panel but if you open it from a browser you will find it on the left side of your page. Consisting of options or options in the form of tabs, this options tab contains settings, navigator, responsive mode, history and preview changes.

2. Page Settings

This element contains the basic settings of Elementor which consists of 3 different options which are mutually supportive of each other:

a. Style

In this Style option, users can make adjustments to the appearance of colors and fonts on their website. You can change the default color and default font options at any time. The color picker feature will also help you determine unique aesthetic combinations

b. Settings

The Settings option contains the WordPress settings as well as the Elementor plugin settings. The WordPress settings provide feature activation in Elementor while the Elementor settings themselves allow users to set the content on the distance between the content, the width of the content as well as the display of content photos and galleries.

c. Go To

The Go To feature has 3 other options as well. Finder is a feature to quickly find Elementor content elements without having to manually scroll through the element library again.

View Page is a feature similar to Preview Changes which does not allow you to preview the page before saving or publishing it. Exit Dashboard is a feature that you can click if you want to decide to return to the dashboard page.

4. Element Library

The Element Library is a collection of all the elements that exist and can be added to web pages. There are 3 types of elements that you can choose according to your needs:

  • Basic which contains all the simple elements contained in each content
  • General which contains advanced versions of widgets compared to basic widgets with more elements that can be added
  • WordPress which is the default choice of widget from WordPress whose contents are not much different from Elementor.

How to use Elementor

How to use Elementor


Once you understand all of the features and elements above, the next step is to learn how to use the Elementor plugin. Below are 3 steps that you can learn and apply.

1. How to install Elementor

Adding the Elementor plugin to your website is quite easy by clicking the Plugins menu > Add New. Then enter the keyword Elementor in the search field on the right. Install the Now Elementor plugin and wait for the button to turn Active, then click the button and the plugin is ready to use.

2. How to design using templates

  • Once your plugin has been activated, the Elementor menu will appear on the Dashboard and the Edit with Elementor button will appear on every page of your website. click the button every time you want to edit the page which will take you to a special page for designing.
  • On the right side of the side panel is where you can change the appearance and add the desired features.
  • Meanwhile, to create a page from a template, you can click the button with a picture of a folder. Next you will find a dedicated page containing all the templates.
  • There are various templates in the form of blocks or the arrangement of text on the page, Pages which is a template for the entire page.
  • If you find a suitable design, click Insert at the bottom of the design
  • The design you want will appear on the page and you can change the content and add elements as you see fit.
  • If the customization meets your needs, save the design by clicking the small arrow button next to the Publish box, and then clicking Save Draft.
  • To save it as a template, click Save As Template which allows you to reuse the same look on other pages.

3. How to design from scratch

  • To start designing a page from scratch/blank, click the (+) button on the left.
  • This button will take you to the page structure options.
  • Select page structure.
  • The page will be filled with sections that can add elements in the library and sections.
  • Once your design process is complete, click Publish Save Draft or Save as Template.

Conclusion and closing

The easiest way to create a website with an attractive, personal and unique look is by simply installing the best WordPress design themes. Although it is possible that themes alone are not sufficient and sometimes themes also have limited customization options, especially if the theme is free.

This is where you need the support of a page builder plugin to build and develop your website page design more freely with full creative control in your hands. Of course, this will be very burdensome for those of you who don't understand coding, so you need a user-friendly page builder like Elementor above.

Because of its convenience and practicality in dran and drop, it will help even you beginners in building your website more efficiently and attractively. Elementor provides help and support that you might not get from other plugins that make the website creation process a fun experience for everyone.

So that's an article about getting to know the elementor plugin and how to use elementor well. Hopefully this article can provide insight for all of you.

(Rahani)