wordpress directory plugin
wordpress directory plugin
  • Days
  • Hours
  • Min
  • Sec
blog left design shape
How to add Elementor template shortcode

How to Include Elementor Template Shortcode Easily in 2024

Elementor has established itself as the top page builder because of the dynamic features and functionalities it offers for a very smooth and super fast page-building experience. This mighty page builder provides tons of beautiful templates with which you can make your website more attractive than ever before. Depending on the nature of your website, you can pick any premade template to shine brightly. 

But things become complicated when you want to display your saved templates on Elementor. To minimize your tension this way, there is an effortless yet powerful technique to display a template on your website. You can use the Elementor template shortcode to include any Elementor template on any post or page on your website in no time.

Considering the fact, in today’s tutorial, we are displaying how to include the Elementor template using shortcode on your website. So why wait? Let’s scroll down and explore!

When are Shortcodes Important? 

You can use a single line of shortcode to show a template if you write blog posts that don’t need a custom-built design page. Shortcodes are also helpful if your theme has built-in pages that aren’t Elementor friendly. In this case, you have the option to employ the Elementor shortcode feature to display Elementor templates on those pages.

Explore HelpGent Now

See your online business grow

A Guideline on How to Display Elementor Template Shortcode

Now, we will start the process of displaying the Elementor template shortcode using the Elementor page builder. We guess you use WordPress as your website’s dedicated Content Management System (CMS). We will complete the overall process through a stepwise guideline. 

Step 1: Install and activate the plugin

We will begin the process by installing a plugin called Piotnet Addons for Elementor, a plugin to increase the functionality of Elementor. This plugin makes the process way easier by generating an automated shortcode for each Elementor template you have. 

To begin the plugin installation process, go to your WordPress Dashboard Admin Menu bar and click on Plugins ➤ Add New. It will take you to the Add Plugins page. 

Now, write Piotnet Addons for Elementor in the Search plugins box. Once it’s visible in the search result, click on Install Now.

Elementor template shortcode: Install 'Piotnet Addons for Elementor' on website.

After installing the plugin on your website, click on Activate to make the plugin active on your website. 

Elementor template shortcode: Activate 'Piotnet Addons for Elementor' on website.

Step 2: Copy a shortcode from a saved template

As you have activated ‘Piotnet Addons for Elementor’ on your website, now all of your Elementor templates will have an automated generated separate shortcode. Now, you will need to copy the shortcode from the template you choose.

To do this, return to your WordPress Dashboard Admin Menu Bar and click on template ➤ Saved Template. You will be redirected to the ‘’Saved Templates’ page. Now, choose any template and copy the shortcode adjacent to it in the Shortcode row. Here you have selected a template named ‘Restaurant’ and copy the shortcode along with it. You have nothing else to do here.

Elementor template shortcode: Copy the shortcode of a template.

Step 3: Add the copied shortcode of Elemetor template to a page

Now, it’s time to add the shortcode of the Elementor template you copied in the previous step to a page. For this, go to the Elementor Page Editor and write ‘Shortcode’ in the Search Widget bar. A widget named shortcode will automatically appear.

Elementor template shortcode: Search a widget named 'Shortcode'.

Next, drag the Shortcode widget on Drag widget here

Elementor template shortcode: Drag and drop the Shortcode widget.

Paste the Shortcode of Restaurant template in the specific Box. Once you have pasted the shortcode in the Box, you will see the preview of the Restaurant template on the right side of the Page Editor. Lastly, click on Apply to save all the changes you have made. 

That’s how you can include the Elementor template using a shortcode.

Elementor template shortcode: Enter the shortcode and click on 'Apply'.

Polishing Off

That’s it! There is a wide range of features and functionalities that Elementor offers to provide you with a fantastic website-building experience. Likewise, To make the template displaying process easier and effortless, you can use Elementor template shortcode.

With that in mind, in today’s guide, we have demonstrated the method of displaying Elementor templates using shortcodes. We are hopeful that, from now on, you will be able to perform this function more efficiently than ever.

If you liked this post, don’t forget to subscribe to our blog so that we can notify you once any post is published. Finally, you can also follow wpWax on FacebookTwitter, LinkedIn and Instagram for more exciting news, offers, and product updates.

Written by

Abdullah Al - Harun

Abdullah Al Harun is a technical content writer at wpWax and a digital marketing enthusiast. Apart from tech, he enjoys reading books on different aspects of communication, journalism, science, and arts. On his time off, you will find him playing cricket with his teammates.

Leave a Reply