Elementor Templates & WordPress

WordPress has some pretty cool themes you could use for your site, but should you want to personalize your blog. So it doesn’t look like every other blog site, I suggest using Elementor Plugin. It allows for live customization options and has a bunch of additional features. Such as share buttons, PopBoxes for site subscriptions, Mailchimp intergration, Pinterest intergration, and so much more. The live feature is what sold me, it is a huge time saver. 

In addition, Elementor allows you to create templates, coverting them into shortcodes. And shortcodes can be added as sections on site pages, which allows you to edit your site at lighting speed by simplying editing the template. Rather than editing each page individually. Believe me when I say this comes in handy as your site becomes more complex over time. It saves time, decreases frustration and maintains consistency throughout.

Here is how to create sections/page templates and apply shortcodes.

Step One:
Download Elementor Plugin and activate, once it is activated a tab labelled Elementor should appear on side tabs when accessing your site via wp-admin..Elementor

Step Two:
Go to Add New located at the top of the page.

Screen Shot 2018-12-10 at 5.12.20 PM

From there a screen will pop up, as the one below, it will ask for the type (page or section) and title. Note, if you choose to set the type as a page, you will still be able to use the shortcode on a page as a section. The selection in type does not restrict you in any way, it is simply there for organizational purposes. A way for you to distinguish should you decide to make a full page template versus a section template. 

Keep in mind, that should you choose to create the template as a section, it will default to WordPress Theme (don’t worry this can be changed and I will show you how). But, should you not want to be forced to do an additional step. Then I suggest setting up your template as a page and setting the page attributes (template) according to your needs.

Screen Shot 2018-12-12 at 2.51.42 PM

From there click ‘Create Template’ and begin designing the template as per your needs by dragging whatever widgets you need into the section. You can add sections/widgets by simply clicking the pink button with a plus sign on it (pretty self explanatory). 

In addition, you could also combine multiple widgets into one selection. This can be beneficial should you want to group certain items together or when creating page sections. And it also minimizes the number of sections. And, don’t worry you could always adjust and make changes to specific widgets, even when they are grouped together.

Step Three:
Publish. And boom! You created your first section/page shortcode. Now to exit and go back to your Dashboard, click the left button at the top of the Elementor sidebar (the one with the three lines), then go to Exit to Dashboard.

Screen Shot 2018-12-12 at 3.26.20 PM

It will take you to the ‘Edit Template’ screen on the WordPress Dashboard. If you created the template as a page, you can alter the page attributes (aka layout) on the right hand side under Page Attributes, and change the template according to your needs.

Screen Shot 2018-12-12 at 3.39.39 PM

But, if you created the template as a section, the change will have to be done when adding the shortcode to a page of your choosing. Note, that the change ought to be made after the addition of the section. Or else it will default back to the WordPress theme. But, again you will find the Page Attributes on the right hand side when in edit mode (not edit with Elementor). Then, from there hit update.

Step Four:
Let’s go back so I can explain where to find the shortcode and how to add it to your page. Once the template is complete exit out to ‘My Templates’ on the Elementor tab and you will have a list of all the templates you have created. The shortcode will be found of the far right column.

Screen Shot 2018-12-12 at 3.45.34 PM

Select the shortcode and copy, then go to the page in which you wish to add it by editting with Elementor. Select the shortcode widget and paste. Hit update and BOOM!

Screen Shot 2018-12-12 at 3.52.10 PM

There you have it, you have successfully added a shortcode to your page. Which now can be added to multiple and edited universally throughout by simply editing the template. 

Hope this was of benefit to you. Should you have any additional questions or concerns, feel free to comment below or send me an email.

One thought on “Elementor Templates & WordPress

  1. […] box via the usage of a shortcode. For more on working with Elementor and shortcodes see my post Elementor Templates & WordPress, it will give to a breakdown on how to set up pages via shortcodes, which definitely makes life and […]

Diggin' it?! Comment below..

This site uses Akismet to reduce spam. Learn how your comment data is processed.