• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Awantego

  • Websites
  • Unique Content
  • SEO
  • Blog
  • Contact

Visual Editor

8. May 2017 by Matthias Böhmichen

Preview: Elementor Visual Editor for WordPress

Elementor editor pane
Elementor editor pane

If you are doing WordPress for a while you may have seen Visual Composer and some other Visual Editors that replace WordPress‘ classic editor for post and pages. Some of the major WordPress Themes come with their own backend editor like Enfold or “The Arc” which was announces as a Visual Composer Killer. All the aforementioned editor replacements are paid premium plugins and usually have a flaw: they slow down the performance of your WordPress site.

Although they all add value for you as a website owner and speed up the time needed to design a beautiful site – they all harm your sites performance in the long run.

It was not surprising that I was quite interested when I heart of a new visual editor for WordPress – which is both faster and free(!): Elementor – the new kid on the block has been on the WordPress market for 1 year or so and has reached 600.000 downloads at WordPress org within a 12 months timeframe. Not bad.

So I gave it a try on my personal playground at http://www.wordpress-expert.info

The plugin installation files of Elementor consist of approx. 5 MB.Compared to js_composer this is just ¼ th of visual composers 20 Meg needed. After activating Elementor you might want to configure the settings of Elementor first. Like Visual Composer you can define where (post, pages, custom post types) you want to use Elementor and which user roles are allowed to use the Elementor Editor.

A new pages is created and designed as you would do it with Visual Composer: Click Page -> Add new. Set the underlying page template to fit your screen-design (with or without a sidebar)  and choose “Elementor” as the editor of choice.

What hit me right away was the performance of Elementor: Within very few seconds the canvas of Elementor came up and was ready to work with. Wow. This gous in line with the user rating of 4.9 (out of 5) on WordPress.org. Amazing.

On the left hand side approx. 25% of your canvas screen is reserved for the design elements of Elementor visual editor. The editor pane looks well organized and literally needs no manual (there is a help button in the center bottom area). Almost every function and all necessary elements can be found with 1 or 2 clicks.

Two small menus on the top left and right will open the settings of Elementor (left) and the design elements (top right) to be used on the canvas. Great stuff. Still impressed.

Elementor Visual Editor comes with 60 pre-defined Temapltes for your pages
Elementor Visual Editor comes with 60 pre-defined Temapltes for your pages

Elementor comes with a set of 60 pre-defined and ready to be used page templates. Each of them can be imported by a simple click. You might then customize a pre-defined layout which comes close to your design ideas. Not bad.

Bonus: You can save any layout you are working on as one of your personal templates within Elementor– and re-use it later on for more pages to come. Very handy.

Elementor Full Screen Canvas
Elementor Full Screen Canvas

The real work with Elementor doesn’t really feel like work. The cool thing about it: With the editing pane one the left and the preview on the right there’s no more need to toggle between editing and preview mode. It simply is the same. In addition Elementor Visual Editor comes with three viewing options for the page or post: One as it will be seen on desktop computers which is used for designing and is the default view, one view with 768 px is for tablet and a last one with 360 pixels emulates a smartphone. It looks a bit like the preview arrangement in Google Chrome.

Integrated Preview for Tablets and Smartphones
Integrated Preview for Tablets and Smartphones

For designers this is extremely powerful as they can preview their results on all three devices in just one place. Really good job – guys. And I am still pretty much impressed.

After playing around with the Elementor designer for half an hour I could not find a flaw or error nor a bug. During that time I had created three test pages with Elementor. A first template imported from Elementor, a simple page just with small design elements and a last page with larger jpg images in it.

As usual I headed over to Pingdom and tested their speed after my caching plugin had the static page in its internal cache. All 3 pages loaded around a 0,7 to 1,0 seconds while being 1,0 to 1,6 MB in size. Again – pretty good job.

Elementor Speed: Around 0,7 to 1,0 sec loading time for 1,6 MB sized page
Elementor Speed: Around 0,7 to 1,0 sec loading time for 1,6 MB sized page

Elementor as a visual editor seems to be capable not just to replace Visual Composer due to its speed and amazing design concept. I assume there will be some enhancements over time too.

The best thing about Elementor sill is: It’s free and Opensource. Wow.

But I’ll probably be happy to pay 49 US-$ sooner or later (97 for 3 sites, 199 for unlimited number of websites) for Elementor Pro (https://elementor.com/pro/ ) to those amazing coders who brought Elementor to the WordPress Community.

Did I mention that Elementor has the potential to replace most visual editors for WordPress on the market? Stay tuned as we’ll publish more posts and reviews about Elementor here.

Did you already use Elementor? What are your experiences with this new plugin for WordPress? Leave a comment below.

Filed Under: Wordpress Tagged With: Elementor, Plugin, Visual Editor, Wordpress

Primary Sidebar

Latest Posts

  • Online Marketing Buzzwords: User-Generated Content

    Online Marketing Buzzwords: User-Generated Content

    17. February 2022
    Fans often contribute to a company’s marketing efforts without even realizing they are doing so. User-generated content, however, is becoming more common every day. What …More »
  • Every SERP Feature You Should Know About

    Every SERP Feature You Should Know About

    17. June 2021
    SERPs, or search engine results pages, started very basic, just listing the possible websites someone would be interested in based on their search phrases. Now, …More »

Contact us:

Digital Agency Awantego.com
Phone: +49(0)711/48890-50
E-Mail: info@awantego.com

Address
Breitscheidstr. 65
70176 Stuttgart
Germany

Recent Posts

  • How to use Google’s Answer Box for boosting Website Traffic

    How to use Google’s Answer Box for boosting Website Traffic

    16. May 2021
    Even if they may not be aware of it, most of today’s browsers have already seen …More »
  • Online Marketing Buzzwords: Immersive Storytelling

    Online Marketing Buzzwords: Immersive Storytelling

    5. September 2019
    Great stories have ways of drawing people in, and that is not just true of written …More »
  • Seven Ways You Can Create Better Product Recommendations

    Seven Ways You Can Create Better Product Recommendations

    11. August 2019
    Shoppers don’t always know what they really want or need until they actually see it. Modern …More »

Services:

  • Website Creation
  • Search Engine Optimization
  • Automatic Content Creation
  • WordPress Management

More Marketing News

  • Google Local Pack: How to Get Your Website Highly Ranked

    Google Local Pack: How to Get Your Website Highly Ranked

    17. July 2019
    Google Local Pack: What’s That all About? The Google local pack is an excellent way to …
  • What is a WordPress Theme?

    What is a WordPress Theme?

    12. April 2019
    The way your website looks is crucial. Everything needs to look good together, needs to work …
  • What You Need to Know About WordPress Plugins

    What You Need to Know About WordPress Plugins

    11. March 2019
    When you want to create a website for your business, WordPress might be the best option. …
  • The Fastest WordPress Themes and Why You Want One

    The Fastest WordPress Themes and Why You Want One

    12. February 2019
    While having a website that looks great and functions well is important, the speed of the …

Footer

Links

Disclaimer

Imprint

Online Marketing News

About Awantego

We are a full service digital marketing webagency specializing in wordpress web design, content creation, search engine marketing and SEO.

We love to implement creative web design for websites, homepages, blogs and eCommerce web shops using WordPress.

What`s your next challenge for us?

How to find Awantego

Digital Agency Awantego


8 – 17 o’clock – Online 24/7
Phone: +49(0)711 4889050

E-Mail: info@Awantego.com

Address
Breitscheidstr. 65
70176 Stuttgart
Germany

  • Imprint
  • Disclaimer
  • Contact

© 2022 · Awantego.com ·