How to Add Shortcode in Elementor [THE PROPER WAY]

In this tutorial, I'm gonna show you how to Add Shortcode in Elementor in the proper way.

✅Get Elementor Pro:

✅Get Domain & Webhosting(50% off):

✅Get creative templates on my Template Shop:

Today I’m gonna show you how to use shortcode in Elementor website.

If you don’t know what shortcode is, shortcode is a special code which you can write inside your post or pages to display various things like a calendar or a contact form or it can be anything. Today I’ll show you how to use this shortcode inside your Elementor page. You can use it in 2 different ways, I’ll show you both of them.

Our first way is by using the text editor widget. We can simply put the shortcode inside the text editor widget. Everything works properly, but the problem is you can not see the actual preview of the shortcode in the edit page.

That's why I recommend you to follow the second way which is using the shortcode widget. When you use the Elementor Shortcode Widget, you can see the instant preview on edit page, which helps you to adjust the design properly on live.

So, that’s how you can use shortcodes in Elementor.

[lotteheuvel]

Amazing, this is so easy! Thanks for the clear explanation

[BurritoBrooks]

Is there a way to add shortcode for things like product title? I'm trying to create a dynamic text document.

[arsalanrehman]

In elementor widget review I made custom review and call short code in review section but show only one and other show blank how