Elementor: The Ultimate Guide to Adding Shortcodes in WordPress

Shortcode allows website owners to insert HTML code in their content without using any coding knowledge. They are a great way for users to create an attractive website without having any technical skills.

The shortcode feature is built into Elementor and it makes creating websites easier and faster by giving you an option to add various kinds of content such as social media icons, pricing tables, contact forms, etc., in just one click.

This article will demonstrate how to easily add an Elementor shortcode to your WordPress site.

What Is Elementor?

Elementor is a popular visual page builder for WordPress that competes with Beaver Builder, Visual Composer, and the Divi Builder. Elementor is a WordPress plugin that is intended to be an all-in-one solution for website development and style.

Elementor allows you to create new web pages quickly and easily. Elementor’s basic version is free on WordPress.org, with more powerful packages available on the Elementor website.

Elementor Homepage

What Is a Shortcode?

Shortcodes are tiny chunks of text enclosed in square brackets, such as [example], that represent a unique, predetermined piece of code that can be invoked on demand.

They are useful practically anywhere text can be put. Shortcodes, in essence, allow users to easily insert dynamic material into WordPress pages, posts, and so on.

Adding Elementor Shortcode

Getting Elementor shortcode

Assume you created a contact form using the WPForms plugin and want to display it on a page created with Elementor Page Builder. To do so, you’d need to first obtain the shortcode of the specific contact form you want to show.

Obtaining the shortcode for your contact form is a simple process. To do so, simply go into your WordPress Admin panel and then navigate to WPForms > All Forms.

Here you will find the shortcodes for all of the contact forms. If you cannot see the shortcodes, check the screen settings to see if the shortcodes column is enabled.

Embed contact form using Elementor shortcode

Go to wp-admin > Pages > Add New and select the Edit with Elementor button to create and modify a new page using Elementor.

To embed the contact form, we will use Elementor’s Shortcode widget. Therefore, let’s add the Shortcode widget to the website by dragging and dropping it.

Now, put the shortcode that you copied in the previous step into the Shortcode widget.

The contact form is now visible on the website. Finally, publish your page.

Adding the current year Elementor shortcode

To be able to add the current year shortcode, you must use Dynamic Tags, then select Current Date Time.

As you can see, the current date, time, and year are displayed. But we simply want to show the current year, not the date and time.

When you click on the title window again, the options menu will appear. You obviously have two options: date format and time format. Now, select Custom from the Date Format drop-down menu.

You will be presented with a sequence of seemingly random letters. The following table explains the meanings of the letters that appear in the custom table.

dDay of Month: Numeric, with leading zeros01–31
jDay of Month: Numeric, without leading zeros1–31
sThe English suffix for the day of the monthst, nd or th in the 1st, 2nd or 15th
l (lower-case L)Weekday: Full nameSunday – Saturday
DWeekday: Three letter nameMon – Sun
mMonth: Numeric, with leading zeros01–12
nMonth: Numeric, without leading zeros1–12
FMonth: Textual fullJanuary – December
MMonth: Textual three lettersJan – Dec
YYear: Numeric, 4 digits1999, 2023
yYear: Numeric, 2 digits99, 23
aTime: Lowercaseam, pm
ATime: UppercaseAM, PM
gHour, 12-hour, without leading zeros1–12
hHour, 12-hour, with leading zeros01–12
GHour, 24-hour, without leading zeros0-23
HHour, 24-hour, with leading zeros00-23
iMinutes, with leading zeros00-59
sSeconds, with leading zeros00-59
TTimezone abbreviationEST, MDT
cISO 86012023-02-23T15:35:21+00:00
rRFC 2822Thu, 23 Feb 2023 15:35:21 +0200
UUnix timestamp1455880176

Elementor Shortcode: Conclusion

It’s that easy to implement an Elementor shortcode in WordPress. Elementor Shortcode widget can display a Twitter feed, a gallery, a website API, and many other things.

If you found this article of ours helpful, please leave us a comment. Support us by checking out other helpful articles.


I am a business owner who enjoys learning about website-related topics. I want to share good and new things with everyone and take part in activities that I haven't done before.

Leave a Reply

Your email address will not be published. Required fields are marked *