Cross Domain & Live Template Copy Addon for Site
2000+ ready blocks, header-footer, pages, & templates
Add awesome floating animation to any elements
Customize tooltip with images, gifs, & backgrounds
Make every widgets & content equal of heights
Select content audience from roles and browsers
Add dynamic links to any thing on your website
Add background overlay color to widgets & sections
Display lots of party popper particles in any section
One-click to duplicate whole page, post & template
Snappy particle animations for your live website
Customize widget dimension beyond normal scale
Embed content, site, media within your website
Customizable cursor button for professional web design
Dynamic grids for easy web design maneuvers
Fully custom grid and carousel for posts (single)
Discrete navigation controls for carousel widgets
Highlight text or heading with marker notations
Turn section backgrounds into interactive galleries
Dynamic horizontal scrolling slider widget in action
Crafted page templates to help you get started with your landing page just by dropping a starter design
Ready Blocks comes with a variety of layouts and design elements, such as headers, footers, and widgets etc.
Pre-designed headers with lucrative styles that are suitable for various niche websites and design tastes
A helpful collection of footer designs to help you create an instant attractive footer on your landing page
Find us 24/7 at your service. We are glad to help.
Detailed guidelines available for every features at BdThemes
Learn something new, stay informed about WordPress, Web Design and more
Here are some of the key milestones in my development:
Learn product usage, WordPress tips & tricks from our videos
Earn hefty commissions by joining us in the promotion
Widget Idea Share is a great way to find similar widgets that you can improve.
Certainly! If you need to get in touch with us feel free to reach out
The zoloblocks plugin which lets you create stunning websites using the gutenberg site builder
Showcase customer feedback and reviews to build trust and credibility.
Boost your website engagement and drive more sales with Spin Wheel WordPress plugin.
The AI Image Generator Plugin for WordPress is a powerful tool by ChatGPT
Most superior Slider in the Era of Elementor Slider
The only Compatible blogging widgets in Elementor for any Blog
Create next gen e-commerce website for your business in WordPress
Organize your photos in a different angel every time with Elementor
Get 360° Augmented Reality for WooCommerce today!
Copy & Paste any web design you like just with 2 clicks!
A fully functioning theme for elementor with unlimited options
Get amazing Flyers, visiting card, Logo template from here
Element Pack provides upmarket widgets at comparably lower prices for the consumers. To maximize the client’s satisfaction, EP ensures all its resources are placed where they should belong.
Shortcodes are also the off-the-shelf products of Element Pack. It is a common term in our WordPress community. But still, newbies find it odd to understand its worth.
This blog is meant for those who still need an understanding of what Shortcodes are, how they work, and tips & tricks.
Let’s get started!
In case you are wondering “What are shortcodes?”, this answer should satisfy you:
Shortcodes are codes that may be some letters or a sentence enclosed in [] Brackets and execute any specific function by pulling original codes from inventory.
In simple terms, a shortcode is a representative of an original code. Using a shortcode will execute the main code having the same effect on the display.
WordPress is an open-source application. Due to its free-to-use nature, you can fully utilize its code structure as you like. But as a non-developer, handling the main code may not be your best move. So, WordPress also provides shortcodes for specific functions for general usage.
Although WordPress has shortcodes, those are not the only ones. Most of the plugin company and themes like to have their own shortcodes that comes in a package like Element Pack. They are good to use too. Just make sure not to uninstall the plugin related to the used shortcodes or the codes will cease to function.
It is a common question and the answer is simple: because you need it.
Yes, that’s right. Of course, we have widgets to add functions on our site but guess what? Widgets can’t be placed within the text field. Simply, you can not use the widget everywhere. No matter who developed it, it is simply impossible to use the widget in every corner of a website.
That’s why you need shortcodes to add functions where widgets can’t be used.
Now for the best part! Element Pack has a good amount of shortcodes in its inventory. Each one is unique and is pretty fun to use. All of the shortcodes have important applications and thus important.
To prevent the shortcodes interfere with the blog page, we will remove [] Bracket from the beginning and end of the codes. Let’s see how to use them one by one.
[ep_alert]Alert Message[/ep_alert]
To set a quick alert notification within any text area, you can use this Alert Shortcode.
On the text editor, simply paste the shortcode between the text and hit save.
You will see the alert message in the preview mode. Easy, right?
Moreover, you can further customize the alert message by color and typography.
class = “my-class”
type = “primary, success, warning, danger”
style =”color: #fff; font-size: 18px;…….”
Just need to put additional lines to the shortcode.
[ep_alert class=”” type=”” style=””]Alert Message[/ep_alert]
Final example of the Alert shortcode.
[ep_countdown]
This shortcode may interest you more than once. Unlike occupying a total section, you can show a countdown timer within texts. It’s easy and has a wide range of applications.
Simply, put the code inside any text.
See it appear in the preview.
Of course, you can change the text style of the countdown.
Easy, right? Also, you can define the date for the countdown by adding this code: date = “2020-10-10 12:00”
In summery, the whole code will look like this:
[ep_countdown date=”2020-10-10 12:00″]
Like that, you can add a countdown timer between texts for promotions, sales offers, etc.
[ep_current_date]
The following shortcode displays the current date according to the time-zone within your page.
Suppose, you need to update the date and time in the footer area where static numbers sit. You may need to add info like the copyright date, site’s date, etc. But with static numbers, you may forget to edit them and end up with the wrong date.
Instead, use this shortcode to add a dynamic date within any text area on your webpage. Simple.
In case you need to display only the year, please use this format of the code:
[ep_current_date format=”Y”]
That’s it!
[ep_label]Label[/ep_label]
The Label shortcode is for adding labels to your texts. It lets you choose your words for the label as well as the color of the label.
Just insert the code in the texts.
See it is preview mode.
Also, add these lines before the closing bracket to further customize it:
class = “my-class”
type = default, success, warning, danger
style =”color: #fff; font-size: 18px;”
That’s it!
[ep_lightbox]Lightbox[/ep_lightbox]
Do you know, you can summon a lightbox from within texts?
Yes, it is possible with this shortcode here. Adding it inside the text field will let you insert images, videos, youtube, and even google maps. Cool, isn’t it?
[ep_lightbox class=”” link=”” caption=””]Lightbox[/ep_lightbox]
Just use this extended code and add the link in the link field above.
Then, in preview mode, you will see the lightbox there. Clicking the blue text will reveal the lightbox content. Of course, you can change the text label as well.
[ep_clipboard]Copy Content[/ep_clipboard]
This is a handy shortcode for quick-copy any paragraphs from the web content. Just clicking on the content will execute the copy command in this case.
Insert the shortcode in between the text. Make sure to put the target text inside the code start/end formation.
In preview mode, once you hover over the target text, you will see a message saying ‘Click to copy’. Initiate copy by just clicking on the text.
That’s it!
[ep_site_title]
This shortcode displays the site title within the text area once used. You may need to show your site title on many occasions and this code will handle it dynamically. Meaning that it will show the live site title and will change as the site name changes.
Just put in inside the text field.
The title will show within the text area on the preview mode.
Up till now, all you saw were the shortcodes provided by Element Pack. All the examples used here have one code running in action.
Now, here is the secret trick!
You can combine the shortcodes together and make a new function of them.
Yes, you read it right! The shortcodes can be summoned inside another shortcode. Doing that will add one function on top of another function, making it possible to reach a new feature. We will leave that to your imagination.
Thank you for your attention. Hope you have learned something today.
Change your mind? No problem. We offer a no-hassle, 14-days money back guarantee.
Largest Elementor Templates pack with the most user-friendly UI and 290+ useful Elementor widgets. Build websites from zero to 100% perfection in no time.
This website is powered by Element Pack Pro and Rooten Theme.
Copyright © 2025 BdThemes. All Rights Reserved.