Mega BFCM Deals -

Claim Your Deal

How to Use Element Pack Essential Shortcodes

Back

How to Use Element Pack Essential Shortcodes

Md Abdullah Sakib Talukdar
October 4, 2020
12:06 pm

In the documentation below, I’m going to tell you about element pack shortcode. The shortcode can use anywhere if need.

Alert Shortcode :

Alert Message

In Alert shortcode, you will get Alert Message. You can use it anywhere. Also, you can use below property –

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none
type to add a background color according to the type of the message that is delivered	primary ( light blue color) success ( light green color) warning ( light orange color) danger ( light red color)	default
style add font color, size, font type, etc.	any type of css style can apply here	none

For Example:

Alert Message

Preview:

alert - BdThemes — Alert Preview Image.

Author Avatar Shortcode :

If you use Author Avatar shortcode , you will get Author Image. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class show the figure of the author of the class name holder	any type of html class name	none

For example:

Preview:

Author Name Shortcode :

Md Abdullah Sakib Talukdar

If you use Author Name shortcode , you will get Author Name. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class show the name of the author of the class name holder	any type of html class name	none

For example:

Md Abdullah Sakib Talukdar

Preview:

author name 2 - BdThemes — Author Name Preview.

Badge Shortcode :

Badge Text

If you use Badge shortcode , you will get Ready badge style. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class can add custom design using class name (design should be against the class name)	any type of html class name	none

For example:

Badge Text Here

Preview:

badge 1 - BdThemes — Badge Preview Image.

Breadcrumbs Shortcode :

If you use Breadcrumbs shortcode , you will get current page breadcrumbs. You can use it anywhere, for example:

Preview:

breadcrumbs 1 - BdThemes

Button Shortcode :

If you use button shortcode , you will get button here. You can use it anywhere. Also you can use below property –

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none
link use link to connect to external website or source	any type of active link (i.e. "https://example.com")	#
type to add a background color or change button type	default (light gray color) primary (light blue color) secondary (gray color) danger (red color) text (plain text) link (plain link)	default (light gray color)
style add font color, size, font type, etc.	any type of css style can apply here	none

For Example:

Preview:

button 1 - BdThemes — Button Preview Image.

Clipboard Shortcode :

Copy Content

If you use clipboard shortcode , you can copy any text. You need first hover copy text then show copy button then you need click. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class can add custom design using class name (design should be against the class name)	any type of html class name	none

For example:

Copy Content

Preview:

clipboard copied 1 - BdThemes — Copy Text Image

Countdown Shortcode :

: : :

In The Countdown shortcode, you will get countdown. You can use it anywhere. Also you can use below property –

Option name	Possible values	Default value
class can add custom design using class name (design should be against the class name)	any type of html class name	none
date add custom countdown date (target date for countdown)	date value i.e. date = "2021-07-09 09:00"	2020-10-10 12:00

For Example:

: : :

Preview:

countdown - BdThemes — Countdown Preview Image.

Current Date Shortcode :

November 1, 2025

If you use Current Date shortcode , you will get WordPress default date. You can use it anywhere. Also you can use class parameter & string format.

Option name	Possible values	Default value
class can add custom design using class name (design should be against the class name)	any type of html class name	none
format change the date format at will	F j, Y – November 6, 2010 F j, Y – November 6, 2010 F, Y – November, 2010 l, F jS, Y – Saturday, November 6th, 2010 M j, Y – Nov 6, 2010 Y/m/d – 2010/11/06	2020-10-10 12:00

For example:

November 1, 2025

Preview:

Current date 1 - BdThemes — Current Date Preview Image

Current User Shortcode :

If you use Current user shortcode , you will get WordPress current user. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class can add custom design using class name (design should be against the class name)	any type of html class name	none

For example:

Preview:

current user 1 - BdThemes — Current User Preview Image

Label Shortcode :

Label

If you use label shortcode , you will get label style here. You can use it anywhere. Also you can use below property –

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none
type to add a background color according to the type of the message that is delivered	primary ( light blue color) success ( light green color) warning ( light orange color) danger ( light red color)	default
style add font color, size, font type, etc.	any type of css style can apply here	none

For Example:

Label

Preview:

label 1 - BdThemes — Label Preview Image

Lightbox Shortcode :

If you use Lightbox shortcode , you will get lightbox. You can use it anywhere. Also you can use below property –

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none
link use link to connect to external website or source	any type of active link	https://youtu.be/aqz-KE-bpKQ
caption for adding a name value	any type of text	Youtube

For Example:

Preview:

- BdThemes — Lightbox Preview Image

Notification Shortcode :

Content

If you use notification shortcode , you will get notification. You can use it anywhere. Also you can use some parameter ( class, message ):

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none
message displayed in the notification	any type of text	Notification message

For Example:

Content

Preview:

notification 2 - BdThemes

Page Title Shortcode :

How to Use Element Pack Essential Shortcodes

If you use Page Title shortcode , you will get current page title. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none

For example:

How to Use Element Pack Essential Shortcodes

Preview:

page title 1 - BdThemes — Page Title Preview Image.

Page URL Shortcode :

https://bdthemes.com/element-pack-essential-shortcodes/

If you use Page URL shortcode , you will get current page URL. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none

For example:

https://bdthemes.com/element-pack-essential-shortcodes/

Preview:

page url 1 - BdThemes — Page URL Preview Image.

Post Date Shortcode :

October 4, 2020

If you use Post Date shortcode , you will get post date. You can use it anywhere. Also, you can use class parameter.

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none

For example:

October 4, 2020

Preview:

post date 1 - BdThemes — Post Date Preview Image.

Site Title Shortcode :

BdThemes

If you use Site Title shortcode , you will get WordPress Site title. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none

For example:

BdThemes

Preview:

site title 1 - BdThemes — Site Title Preview Image.

Site URL Shortcode :

https://bdthemes.com

If you use Site URL shortcode , you will get WordPress Site URL. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none

For example:

https://bdthemes.com

Preview:

site url 1 - BdThemes — Site Url Preview Image.

Tag List Shortcode :

If you use tag list shortcode , you will get WordPress Site all tags. You can use it anywhere. Also you can use class parameter.

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none

For example:

Preview:

tag list 1 - BdThemes — Tag List Preview Image

Tooltip Shortcode :

If you use tooltip shortcode , you will get tooltip here. You can use it anywhere. Also you can use below property –

Option name	Possible values	Default value
class give a specific definition using class	any type of html class name	none
position set the tooltip position	top - (Aligns the tooltip to the top) top-left - (Aligns the tooltip to the top left) top-right - (Aligns the tooltip to the top right) bottom - (Aligns the tooltip to the bottom) bottom-left - (Aligns the tooltip to the bottom left) bottom-right - (Aligns the tooltip to the bottom right) left - (Aligns the tooltip to the left) right - (Aligns the tooltip to the right)	top-center
tooltip_text displayed text in the notification	any type of text	This is Tooltip

For Example:

Content

Preview:

tooltip 1 - BdThemes — Tooltip Text Preview Image.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 60-days money-back guarantee.

Explore All Packages

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.

Call or WhatsApp for assistance:+880 1700 55 95 95