We were one of the first sites to create elementor reviews. It has been more than four years since then. In these four years, we have seen their amazing growth. They not only went there, but also carried out more than 700000 active installations on young (our 2018 updates), reaching more than 5million installations (our 2020 updates). However, we also saw that the team continued to launch many excellent new functions at a very fast speed. Elementor introduced many new features, so it was decided that the comments needed to be updated again. We originally released it in 2016. Updated in 2018 Then update again in may2020 And just launched version 3.0, so I want to update it again in October 2020! If the elementor people can slow down and let me take a break, but it’s great that elementor continues to introduce useful new features in such clips. The
Review includes all of the following main functions: Topic builder dynamic content pop-up builder wookermes builder by default, if elementor introduces the function before october2020, it will be introduced in this comment. Ready to confirm? Let’s dig… What does this plug-in do? By default, the element is still the word press page builder. If you are not familiar with the term, elementor will use simple drag and drop controls and real-time visual previews of websites to help build content and websites without disturbing the basic code. I repeat, you are:
Collect pages like Lego. Simply drag different \
The article will continue below, but if you purchase additional Pro features, you can also access the following items: Build theme – use the same drag and drop interface to build titles, footers, archive pages, single pages, and so on. Dynamic content – you can insert dynamic content into custom fields of your design. Pop up builder – design flexible pop-up windows and display them on the site. Woocommerce builder – can design store and archive pages for stores. Global fonts and colors – this helps ensure consistent site design and rapid changes across the site. More elements – you can get many new elements that will help you build your website. Pro templates – the free version contains some free templates, but most of the best templates are part of the pro add-on functionality. Global component – you can reuse the same component on multiple pages and edit it in one location. Real time custom CSS – you can easily add custom CSS directly from the element interface. Although there are many key details to deal with how the basic interface works, we will start with the basic view and learn how to build pages using the free elementor page builder. The
The first time you start the element, a real-time visual preview of the web site containing several additional elements is displayed (which allows you to actually create the design). Working family
All functions of the element can be unlocked. The
Let’s preview and control the designs on various devices. Now that we have completed the basic introduction to the working mode of elementor, let’s take a look at some specific functions of elementor from \
First, you can preview the designs on various devices using the buttons in the lower left corner. However, in addition, you can also show or hide elements, columns or parts based on your device on the Advanced tab. This feature looks cool on the desktop, but there are almost always interference factors on the mobile, so it is very useful (think about large images). If we use the revision to cancel mistakes, we will all make mistakes… There is still the rest of life, although it is difficult to recover the mistakes, but the elementor. You can click the history button at any time to view the following list: Actions – specific actions performed during the session are listed here. Revisions – listed here each time you save or publish content. To rollback to an earlier version, simply click next. Although many page builders provide this function, the elementor has strong flexibility and can return to the previous version. Changing a template to design a page on a blank canvas is a very simple feature But this is very important and one of the reasons why I have always loved elementor. To create an access page using page builder, you need to hide the header, footer, and sidebar of the word press theme. You can find themes that are easy to create, but most themes do not provide this functionality. Using many other page builders means bad luck. However, the elementor allows you to work immediately in an empty state using an embedded elementor canvas template. In general: the element works with all the latest word press topics. Library: using prefabricated templates saves a lot of time, and sometimes you don’t even want to create the entire design from scratch. If this happens, the elementor template will be saved for one day. The element template makes it easy to import designs that you can edit and adjust using the regular element interface. The element itself contains a built-in template library. Male templates are now available in two different formats, which is another improvement of elementor 2.0. Blocks – individual page parts (a kind of Legos) that can be grouped together to form a page. Topic building is also useful. Page – the entire page design where everything has been put together. In addition to the templates provided by the elementor, you can also: For future use, save your design as a template, import the elementor template from a third-party source, such as easythemepacks, and sell advanced elementor templates that you can use in your own location (check out our easythemepacks review). You can right-click for quick editing or right-click the navigator, which is one of the things you might not think of. But it is very useful for speeding up the design. Thankfully, the elementor fully supports right-click and can quickly perform the following operations: Edit elements copy repeating elements \/ styles and
Paste (useful for copying styles between elements without copying tasks) save deleted elements as a global template (using the pro version), open navigator malenavigator The navigator is a very useful tool for collapsing and viewing the overall layout of the design (or the developer’s DOM). To edit a specific element, simply click the element in the navigator list and the element opens the setting in the sidebar. You can also change the name of an element in the navigator to make it easier to remember. For example, you can call the part \
Not only that, you can also view where the site uses the template. You can also edit the display condition without opening the entire element interface (you can change the location where the template is used). The last useful function is that it can be quickly compressed to this interface directly from the sidebar of the element editor. Another useful feature provided before element 3.0 is that you can edit various template parts without leaving the element interface. For example, suppose you are editing a single post template. However, during editing, the items you want to change in the title template are displayed. In the past, you had to close the editor, navigate to the template list, and then edit the title template. When you are finished, you must return to a single post template. Not anymore. Now, you can click the interface to start editing the title template. After that, you can click again to return to editing a single post template. Implement a unique integrated theme design system – new features of element 3.0 integrated theme builder is not the only new feature of element 3.0. It can make it easier for you to build cohesive sites. Elementor 3.0 also adds a new design system function, which can easily set the entire color and font, so that all pages maintain the same cohesion by default. If you want to change it later, you only need to change the entire color or font once, and these changes will be applied to the entire site. Of course, you can still override the entire color individually when needed. Don’t worry about disrupting the \
Even with tor woocommerce builder, you will want to continue using woocommerce friendly themes. This will: Use woocommerce builder to control stores, categories, and individual product designs, including all regular word press content. Use WordPress Themes to control shopping carts and payment pages. Pop up builder – after the introduction of Theme Builder by elementor 2.0, the elementor team considered the content types that can be designed as elementors. I was wrong… In january2019, elementor launched another new tool, popup builder. As you can see from the name, popup Builder allows you to create custom pop-up menus using the same visual drag and drop interface. It also provides the flexibility to access all the element artifacts and design options. For example, you can create: Use the form component to connect directly to the email marketing service’s email receiving consent pop-up. Use the login \/ registration pop-up menu for login and registration artifacts. A CTA pop-up menu that uses buttons to guide visitors to action. For logged in users, you can also use dynamic content in pop-up windows that provide full new scope functions, for example, automatically insert the name of the person when the pop-up menu is displayed. Pop ups can only be positioned on the entire site or on specific parts of content. Then, like other word press pop-up plug-ins, get other target positioning and trigger rules. You can get all the popular trigger rules, including exit intention. X seconds later (or immediately) scrolling depth (percentage or when visitors reach a specific element) x clicks (visitors may trigger a pop-up when they click the button to create the second stage CD-ROM drive) inactive disengagement intention also provides advanced goal setting rules, which can be performed as follows: Limit pop-up display after X page browsing or session pop-up display times limit the pop-up display times of visitors (or specific user roles) who log in from a specific location (such as search engine) or visitors (or specific user roles) who arrive from a specific reference URL hide the pop-up target on a specific device (for example, only for desktop visitors) You can also have full control over the pop-up canvas. You can create files of any size and place them anywhere on the site. For example, you can create: Slides displayed next to the notification bar at the top or bottom of the central pop-up full screen welcome pad. In general, popup builder is a powerful tool that can completely replace the needs of third-party pop-up or fiber-optic plug-ins. The only missing feature is the built-in feature of analysis or a\/b testing (pop ups can be tracked to events using Google Analytics). The elementor popup builder works as follows: To start creating a new pop-up menu, go to template → pop up → add. Like other elementor templates, you can start with a blank board or choose from a large number of prefabricated pop-up templates. After selecting the starting point, you can edit it like other element designs. The only notable difference is that there are several new options to control the pop-up canvas. Click the gear icon in the lower left corner to access this option. You can use this setting to control size (width \/ height), position, animation, and so on. For example, here, you can select from the full screen filler or the notification bar (or multiple other options). After the select target and trigger rule pop-up design is completed, you can click publish to select the specified target and trigger rule. This tab contains three tabs:
Should I choose? Obviously, there is no single answer here, and this decision mainly depends on your unique situation. But let’s look at a few scenarios. If you want to use elementor… Please add highlights to your blog post. Create a more beautiful core page, such as the \
Available for any type of pop-up window: Receiving e-mail \/ guidance to create CTA phase II cut in (click to pop up) can also obtain a large number of target settings and trigger rules, so that the right people can see your suggestions. You can also personalize pop-up windows using dynamic features. This is another way to improve the conversion rate. In addition to form artifacts, you can access the following other marketing artifacts: Finally, the special CTA price list can use all the conventional design flexibility of elementor, and can easily create a login page without cooperation with developers, so as to guide the testimonial action for adding the social evidence of the countdown timer of urgency. If you build a website for a customer when you build a website for a customer, all of the above discussion is a double fact. The pro version also provides the following good features: Easier pricing – simplify project pricing by accessing multiple functions at one price. For example, form plug-ins and slider plug-ins do not need to be paid separately. Elementor Pro includes all of these in one price. Simpler update – all content is provided by elementor pro (rather than multiple individual plug-ins), so there is little possibility of client problems during the update process. If you are really worried about breaking things on the client side, you can choose not to grant access to the element. Instead, you can use dynamic content to insert content in custom fields. Then, you can let the client edit the corresponding custom fields in the security on the back end of word press. 3.0 is faster than ever. Finally, I’ll end with a brief description of the performance. Performance is one aspect of the page builder that people often criticize, including the elementor. Unfortunately, this is something that needs to be addressed to some extent. If you want a simple visual drag and drop interface, and you want all the wonderful visual effects, you won’t be able to create a code base as cleanly as coding everything from scratch. However, some page builders outperform others in terms of performance, and page builders can obviously do something to make themselves easier. Since the launch of elementor 3.0 in September 2020, elementor has implemented some of these best practices to make itself easier. A major change in elementor 3.0 is that the number of DOM elements generated by elementor is greatly reduced. If you are not familiar with what this means, by default, the elementor adds fewer \
Element is already my favorite page builder. I am still locked by thrive architect on some websites because of inheritance, but the elementor is for personal use on all new websites I started. So in terms of functions, the recommended ones are also very convenient. However, when you build your site with elementor, you gain another value. The elementor team is not satisfied with the laurel. Despite their great success, they continue to introduce new features (such as the latest theme builder feature). Choosing a WordPress page builder is a very important consideration because it is a long-term decision. I want to work with the team to maintain and improve the plug-ins. Elementor is not the only team that meets this standard (divi builder and Beaver builder are also very active page builder plug-ins. If there are only two, I think the elementor team has the most impressive resume in the past few years. Introduce useful new features. For both of these reasons, I believe that elementor is the best page builder of the present and future. Get elementor for free get elementor Pro
