{"id":7487,"date":"2017-05-08T00:34:53","date_gmt":"2017-05-07T22:34:53","guid":{"rendered":"http:\/\/www.awantego.com\/en\/?p=7487"},"modified":"2023-03-29T11:53:41","modified_gmt":"2023-03-29T09:53:41","slug":"preview-elementor-visual-editor-wordpress","status":"publish","type":"post","link":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/","title":{"rendered":"Preview: Elementor Visual Editor for WordPress"},"content":{"rendered":"
\"Elementor<\/a>

Elementor editor pane<\/p><\/div>\n

If you are doing WordPress for a while you may have seen Visual Compose<\/strong>r and some other Visual Editors that replace WordPress\u2018 classic editor<\/strong> for post and pages. Some of the major WordPress Themes come<\/strong> with their own backend editor like Enfold or \u201cThe Arc\u201d 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.<\/p>\n

Although they all add value for you as a website owner and speed up the time needed to design a beautiful site \u2013 they all harm your sites performance in the long run.<\/p>\n

It was not surprising that I was quite interested when I heart of a new visual editor for WordPress \u2013 which is both faster and free(!): Elementor<\/strong> \u2013 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.<\/p>\n

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

The plugin installation files of Elementor consist of approx. 5 MB<\/strong>.Compared to js_composer this is just \u00bc 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.<\/p>\n

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) \u00a0and choose \u201cElementor\u201d as the editor of choice.<\/p>\n

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.<\/p>\n

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.<\/p>\n

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.<\/p>\n

\"Elementor<\/a>

Elementor Visual Editor comes with 60 pre-defined Temapltes for your pages<\/p><\/div>\n

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.<\/p>\n

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

\"Elementor

Elementor Full Screen Canvas<\/p><\/div>\n

The real work with Elementor doesn\u2019t really feel like work. The cool thing about it: With the editing pane one the left and the preview on the right there\u2019s 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.<\/p>\n

\"Integrated

Integrated Preview for Tablets and Smartphones<\/p><\/div>\n

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

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.<\/p>\n

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<\/strong> while being 1,0 to 1,6 MB in size. Again \u2013 pretty good job.<\/p>\n

\"Elementor

Elementor Speed: Around 0,7 to 1,0 sec loading time for 1,6 MB sized page<\/p><\/div>\n

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.<\/p>\n

The best thing about Elementor sill is: It\u2019s free<\/strong> and Opensource. Wow.<\/p>\n

But I\u2019ll 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\/<\/a> ) to those amazing coders who brought Elementor to the WordPress Community.<\/p>\n

Did I mention that Elementor has the potential to replace most visual editors for WordPress on the market? Stay tuned as we\u2019ll publish more posts and reviews about Elementor here.<\/p>\n

Did you already use Elementor? What are your experiences with this new plugin for WordPress? Leave a comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"

If you are doing WordPress for a while you may have seen Visual Composer and some other Visual Editors that replace WordPress\u2018 classic editor for post and pages. Some of the major WordPress Themes come with their own backend editor like Enfold or \u201cThe Arc\u201d which was announces as a Visual Composer Killer. All the<\/p>\n","protected":false},"author":3,"featured_media":7493,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":[],"rop_publish_now_history":[],"rop_publish_now_status":"pending","footnotes":"","_links_to":"","_links_to_target":""},"categories":[515],"tags":[516,224,517,223],"class_list":["post-7487","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-elementor","tag-plugin","tag-visual-editor","tag-wordpress","category-515","description-off"],"yoast_head":"\nPreview: Elementor Visual Editor for Wordpress<\/title>\n<meta name=\"description\" content=\"Elementor Visual Editor ismeant as a replace for Visual Composer. We have tested the plugin for Wordpress and we're pretty impressed: Here's our review.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Preview: Elementor Visual Editor for Wordpress\" \/>\n<meta property=\"og:description\" content=\"Elementor Visual Editor ismeant as a replace for Visual Composer. We have tested the plugin for Wordpress and we're pretty impressed: Here's our review.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Awantego\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/astigamedia\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/unternehmerportal\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-07T22:34:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-29T09:53:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.awantego.com\/en\/wp-content\/uploads\/elementor-canvas-elements.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"369\" \/>\n\t<meta property=\"og:image:height\" content=\"882\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matthias B\u00f6hmichen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/unternehmerp\" \/>\n<meta name=\"twitter:site\" content=\"@astigaMedia\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matthias B\u00f6hmichen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/\",\"url\":\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/\",\"name\":\"Preview: Elementor Visual Editor for Wordpress\",\"isPartOf\":{\"@id\":\"https:\/\/www.awantego.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.awantego.com\/en\/wp-content\/uploads\/elementor-canvas-elements.jpg\",\"datePublished\":\"2017-05-07T22:34:53+00:00\",\"dateModified\":\"2023-03-29T09:53:41+00:00\",\"author\":{\"@id\":\"https:\/\/www.awantego.com\/en\/#\/schema\/person\/0ddb1e5528693d5f26b0e33cc80a69cc\"},\"description\":\"Elementor Visual Editor ismeant as a replace for Visual Composer. We have tested the plugin for Wordpress and we're pretty impressed: Here's our review.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.awantego.com\/en\/wp-content\/uploads\/elementor-canvas-elements.jpg\",\"contentUrl\":\"https:\/\/www.awantego.com\/en\/wp-content\/uploads\/elementor-canvas-elements.jpg\",\"width\":369,\"height\":882,\"caption\":\"Elementor editor pane\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.awantego.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Preview: Elementor Visual Editor for WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.awantego.com\/en\/#website\",\"url\":\"https:\/\/www.awantego.com\/en\/\",\"name\":\"Awantego\",\"description\":\"Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.awantego.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.awantego.com\/en\/#\/schema\/person\/0ddb1e5528693d5f26b0e33cc80a69cc\",\"name\":\"Matthias B\u00f6hmichen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.awantego.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/dbfb5fdbdee7da713c7cd6e5d0b8180b240131721353c84c6dd07ec82386cae6?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/dbfb5fdbdee7da713c7cd6e5d0b8180b240131721353c84c6dd07ec82386cae6?s=96&r=g\",\"caption\":\"Matthias B\u00f6hmichen\"},\"description\":\"Matthias B\u00f6hmichen is the founder of awantego.com. He loves content, wordpress and to learn new technologies and tools. He blogs about his entrpreneurial life (in german though) at Unternehmer-Portal.net . For more tutorials check out his playground on Wordress-Expert.info.\",\"sameAs\":[\"https:\/\/www.facebook.com\/unternehmerportal\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/unternehmerp\"],\"url\":\"https:\/\/www.awantego.com\/en\/author\/boehmichen\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Preview: Elementor Visual Editor for Wordpress","description":"Elementor Visual Editor ismeant as a replace for Visual Composer. We have tested the plugin for Wordpress and we're pretty impressed: Here's our review.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Preview: Elementor Visual Editor for Wordpress","og_description":"Elementor Visual Editor ismeant as a replace for Visual Composer. We have tested the plugin for Wordpress and we're pretty impressed: Here's our review.","og_url":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/","og_site_name":"Awantego","article_publisher":"https:\/\/www.facebook.com\/astigamedia","article_author":"https:\/\/www.facebook.com\/unternehmerportal\/","article_published_time":"2017-05-07T22:34:53+00:00","article_modified_time":"2023-03-29T09:53:41+00:00","og_image":[{"width":369,"height":882,"url":"https:\/\/www.awantego.com\/en\/wp-content\/uploads\/elementor-canvas-elements.jpg","type":"image\/jpeg"}],"author":"Matthias B\u00f6hmichen","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/unternehmerp","twitter_site":"@astigaMedia","twitter_misc":{"Written by":"Matthias B\u00f6hmichen","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/","url":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/","name":"Preview: Elementor Visual Editor for Wordpress","isPartOf":{"@id":"https:\/\/www.awantego.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.awantego.com\/en\/wp-content\/uploads\/elementor-canvas-elements.jpg","datePublished":"2017-05-07T22:34:53+00:00","dateModified":"2023-03-29T09:53:41+00:00","author":{"@id":"https:\/\/www.awantego.com\/en\/#\/schema\/person\/0ddb1e5528693d5f26b0e33cc80a69cc"},"description":"Elementor Visual Editor ismeant as a replace for Visual Composer. We have tested the plugin for Wordpress and we're pretty impressed: Here's our review.","breadcrumb":{"@id":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#primaryimage","url":"https:\/\/www.awantego.com\/en\/wp-content\/uploads\/elementor-canvas-elements.jpg","contentUrl":"https:\/\/www.awantego.com\/en\/wp-content\/uploads\/elementor-canvas-elements.jpg","width":369,"height":882,"caption":"Elementor editor pane"},{"@type":"BreadcrumbList","@id":"https:\/\/www.awantego.com\/en\/preview-elementor-visual-editor-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.awantego.com\/en\/"},{"@type":"ListItem","position":2,"name":"Preview: Elementor Visual Editor for WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.awantego.com\/en\/#website","url":"https:\/\/www.awantego.com\/en\/","name":"Awantego","description":"Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.awantego.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.awantego.com\/en\/#\/schema\/person\/0ddb1e5528693d5f26b0e33cc80a69cc","name":"Matthias B\u00f6hmichen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.awantego.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/dbfb5fdbdee7da713c7cd6e5d0b8180b240131721353c84c6dd07ec82386cae6?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dbfb5fdbdee7da713c7cd6e5d0b8180b240131721353c84c6dd07ec82386cae6?s=96&r=g","caption":"Matthias B\u00f6hmichen"},"description":"Matthias B\u00f6hmichen is the founder of awantego.com. He loves content, wordpress and to learn new technologies and tools. He blogs about his entrpreneurial life (in german though) at Unternehmer-Portal.net . For more tutorials check out his playground on Wordress-Expert.info.","sameAs":["https:\/\/www.facebook.com\/unternehmerportal\/","https:\/\/x.com\/https:\/\/twitter.com\/unternehmerp"],"url":"https:\/\/www.awantego.com\/en\/author\/boehmichen\/"}]}},"_links":{"self":[{"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/posts\/7487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/comments?post=7487"}],"version-history":[{"count":0,"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/posts\/7487\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/media\/7493"}],"wp:attachment":[{"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/media?parent=7487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/categories?post=7487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.awantego.com\/en\/wp-json\/wp\/v2\/tags?post=7487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}