Meet #Elementor Pro 2.0 Theme Builder - The Answer To All Your #WordPress Challenges.

It all started as a crazy dream: creating a complete website builder solution for WordPress. Until now, there were two major restrictions preventing it from happening:

  • Some parts of the theme simply couldn’t be touched. You had to use code and a lot of guesswork to change different areas of your theme. Using Elementor, you were restricted to the content area of your website.
  • Until now, you could only create static content, not dynamic content. Unlike landing pages, the dynamic parts of your site (like blog posts or product pages) required dynamic content, and couldn’t be handled without code.

With Elementor Pro 2.0, we addressed both issues, making it possible to design every part of the website dynamically, visually, and with zero code required.

Meet Elementor Theme Builder

With this release, you can finally visually customize your website headers, footers, archive pages, single post pages and other areas of your site. This not only saves you time, but introduces a whole new drag and drop experience to create WordPress websites.

We believe the new theme builder capabilities will change how people create and edit websites. We worked months developing the most streamlined, simple process for editing every area of your site. WordPress users on all levels will be able to quickly learn to use and incorporate the new features in their workflow.

The new website building process include the following parts:

  • Template Type – Choose the type of template you want to create. This can be header, footer, single post page or archive page.
  • Dynamic data – Build the framework of your page using dynamic content. This way, your content gets filled dynamically with content from your website
  • Conditions – Set conditions to determine where your template will apply: across your website, for a specific page, or any condition you may like

Let’s explore each of these parts in more detail.

Template Types

Design Every Part of Your Site Like You Know and Love In the Elementor Editor

With Elementor Pro 2.0, you need to start thinking of templates as design units, capable of customizing each and every area of your site (including your blog, footer and so on).

Until now, you were limited to a specific area in your website: the content that resides between the header and the footer. This is a restriction of all page builders, leaving other parts of the website to be coded on the theme level.

Now, we are introducing several new templates. All the left-out parts that used to be handled solely on the theme level, can now be visually designed in Elementor. These templates are seamlessly integrated into place.

Created a new header template? Elementor recognizes it as a header template and can use it as a header in your website without any need for coding.

The same goes for single post templates. You create the single post template, and Elementor knows how to implement it on any or all of your single posts.

Archive pages are created in the same manner. You create an archive template, then implement it on your posts archive or your products archive, search results and so on.

It all starts with creating a new template.

By using these new templates, you gain control over other areas of your website, with no need to code anything. If you’ve ever struggled with header.php and other types of files, you can start to grasp how this is going to simplify WordPress web design.

Dynamic Content

Build the Framework Once. The Content Is Added Dynamically.

After choosing the type of template you want to create, it’s now time to fill it with dynamic content.

Until now, page templates included static content only. You created a page and then published it.

Elementor Pro 2.0 allows you, for the first time, to create a template with dynamic content. You create the design framework of the page, including dynamic parts like page title or featured image, and the content is put in automatically.

The dynamic content tags include:

  • Posts: URL, Title, Featured Image, Content, Excerpt, Meta, Date, Time, Terms, ID, Attached Files
  • Archive: Title, Description, Meta, URL
  • Author: Name, Profile Picture, BIO, Meta
  • Comments: URL, number of comments
  • Site: Site Name, Site Tagline, Site URL
  • General: Current Date

Theme Elements

Dynamic Widgets At Your Service

To make it easier to build your templates using any dynamic content, we created several new theme element widgets. Among the new widgets:

Post excerpt Copy 2

Post Excerpt

Shows the excerpt of the post

Post content Copy 2

Post Content

Includes the entire content area of the post

Post info Copy 2

Post Info

Shows the author, date, time & comments

Featured image Copy 2

Post Featured Image

Displays the featured image of the post

aoutor

Author Box

Shows the author name, gravatar and description

post navigation copy 6

Post Comments

Displays the comments of the post

post navigation copy 5

Post Navigation

Next & previous links to other posts

Archive title Copy 2

Archive Title

Display title for a post type archive

Posts Archive Copy 2

Posts Archive

Displays the archive of your posts

Site title Copy 2

Site Name

Displays the site name, as specified in the Customizer

Site logo Copy 2

Site Logo

Displays the site logo, as specified in the Customizer

Post title Copy 2

Post Title

Shows the current title of the post

Post title Copy 2

Post Title

Shows the current title of the post

Post content Copy 2

Post Content

Includes the entire content area of the post

Featured image Copy 2

Featured Image

Displays the featured image of the post

Post info Copy 2

Post Info

Shows information about the post

Post excerpt Copy 2

Post Excerpt

Shows the excerpt of the post

post navigation copy 6

Post Comments

Displays the comments of the post

post navigation copy 5

Post Navigation

Next & previous links to other posts

aoutor

Author Box

Shows the author name, gravatar and description

Archive title Copy 2

Archive Title

Display title for a post type archive

Posts Archive Copy 2

Posts Archive

Displays the archive of your posts

Site logo Copy 2

Site Logo

Displays the site logo, as specified in the Customizer

Site title Copy 2

Site Name

Displays the site name, as specified in the Customizer

The meaning of this dynamic feature is huge:

For headers, you can build the entire menu from scratch, maybe add a search form, add another top bar. You can embed your site’s logo, and if you ever change that logo on the site level the header will automatically be updated on all pages.

For single posts, you can embed elements like the page title, featured image, the content and every part of the blog post. Then, if you create a new blog post, the design of the page will automatically be inherited from that template.

For archive page, you can build the template of your blog, and customize it without touching any code, all inside the Elementor editor.

This feature can be used to customize any type of dynamic content or custom post type, including advanced content you create with ACF.

Preview Settings

Fill Your Template With Content From Your Actual Site to Preview What the End Result Looks Like

When you create dynamic content, especially for single post and archive pages, it’s sometimes difficult to imagine the end result. For this reason, we added the option to preview the result with any previously made content.

If, for example, you create a single post, you can see how the final result will look like by previewing the single post with any of your previously published posts. This way, you can work on the design while seeing what the actual result will look like. You can also try different previews and switch between posts, to make sure you like the result across several posts.

display-conditions

Display Conditions

Set Exactly Where Your Templates Are Implemented Across Your Site

Once you finish creating your dynamic content, it’s time to choose the conditions that the content will be applied to.

Apply your template across your entire site, for a certain category, certain page or any other condition you want.

Each template includes display conditions that determine exactly where the template is implemented.

For example, if you create a header template and want to display it ONLY as the header of your single posts, you can do it easily by choosing single posts from the drop down menu.

ep-any-theme

Pick A Theme, Any Theme

One of the truly great things about Elementor Pro 2.0 is that it works with any WordPress theme. This gives you, as a WordPress user, maximum flexibility and freedom to work with your favorite theme, or switch themes and not have to worry about making changes.

If you are a theme developer, you should use our detailed documentation regarding how to register a new location and manually integrate to our Locations API.

Design your entire site in a new visual way that is light years ahead - Join #Elementor

The Easiest Way to Customize Your Theme​

Get Elementor Theme Builder, the ultimate WordPress design tool, and control every part of your website, without theme or code restrictions.

What's Next

Building a WP Website Will Never Be The Same

Elementor Pro 2.0 introduces a new way to build and customize websites. You finally get total control over every part of your WordPress site.

In the following months, we will be working hard on expanding the capabilities of Elementor 2.0 further, including a complete WooCommerce solution, ACF and Toolset.

If you’re already Pro users, update and download Elementor Pro 2.0 from your dashboard. Please make sure that you read this guideline before updating Elementor.

Get the best drag and drop WordPress theme builder. Join Pro today!