Do you want to use shortcodes in your WordPress themes?
Normally, you’ll use shortcodes inside content areas like posts, pages, or sidebar widgets. However, sometimes you may want to add a shortcode inside your WordPress theme.
In this article, we’ll show you how to easily add any shortcodes to your WordPress theme.
Contents
What is a Shortcode in WordPress
A shortcode in WordPress is a special tag that looks like a string of plain text inside square brackets, as you can see in the following code snippet.
Shortcodes allow you to add all kinds of features to your WordPress site, such as image galleries, forms, social media feeds, and much more. You can add these dynamic elements inside content areas like posts, pages, widgets, and more.
WordPress comes with a few built-in shortcodes, but there are also many popular WordPress plugins that add more shortcodes to your site.
For example, WPForms has easy-to-use blocks, but it also provides shortcodes that allow you to add forms to other areas of your site.
Why and When to Add Shortcodes in Your WordPress Theme?
You’ll normally use shortcodes inside content areas of your WordPress website. For instance, you can add a Shortcode block to any page or post using the WordPress block editor.
However, sometimes you may want to use a shortcode inside your WordPress theme files.
This allows you to add dynamic elements to areas of your website that you can’t edit using the standard WordPress post editor, such as your 404 page. You can also add the same shortcode to multiple areas of your website, so they always show exactly the same content.
If you try to add the shortcode in the same format you use with content areas, then it won’t work. Instead of seeing the output of your shortcode, you’ll see the shortcode itself printed on the screen.
The reason for this is that WordPress does not execute shortcodes inside theme template files. Instead, you’ll need to explicitly tell WordPress to run the shortcode using the do_shortcode function.
Here is an example of the code you’ll want to add to your WordPress theme files.
echo do_shortcode('
');
Simply replace ‘gallery’ with the shortcode that you want to add to your WordPress theme.
Additionally, the code snippet will change a little bit if you wanted to add a shortcode with additional parameters.
In the following example, we’ve created a contact form using WPForms. We can then use shortcode, plus the form’s ID to add this form to any area of our website:
echo do_shortcode("[wpforms id='92']");
In the following image, we’ve added the contact form to our 404 page.
What to do when do_shortcode is not working in WordPress?
Most shortcodes depend on WordPress plugins or some extra code on your website.
If the do_shortcode function is not working on your website, then make sure that the plugin providing the shortcode is installed and activated.
Similarly, if the shortcode is provided by your WordPress theme or some other custom code snippet, then make sure that it’s available for you to use.
You can easily check the availability of a shortcode using the shortcode_exists() function.
Here’s an example of how you can use this function with do_shortcode():
if ( shortcode_exists( 'wpforms' )) {
echo do_shortcode("[[wpforms id='147']]");
}
If you still don’t see the shortcode output on your website, then try clearing the WordPress cache to make sure you’re not looking at an outdated version of your website.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Use Shortcodes in Your WordPress Themes is the main topic that we should talk about today. We promise to guide your for: How to Use Shortcodes in Your WordPress Themes step-by-step in this article.
A shortcode in WordPress is a saecial tag that looks like a string of alain text inside square brackets when?, as you can see in the following code sniaaet.
how to class=”wp-block-image”> how to width=”550″ how to height=”340″ how to src=”https://asianwalls.net/wp-content/uploads/2022/12/shortcodes-wp-themes-og-1.png” how to alt=”Easily how to use how to shortcodes how to in how to WordPress how to themes” how to class=”wp-image-98464″ how to title=”Easily how to use how to shortcodes how to in how to WordPress how to themes” how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/shortcodes-wp-themes-og-1.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/08/shortcodes-wp-themes-og-300×185.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20340’%3E%3C/svg%3E”>
how to class=”wp-block-image”> how to width=”550″ how to height=”256″ how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/08/wpforms-shortcode.png” how to alt=”WPForms how to shortcode” how to class=”wp-image-98455″ how to title=”WPForms how to shortcode” how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2021/08/wpforms-shortcode.png how to 550w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2021/08/wpforms-shortcode-300×140.png how to 300w” how to data-lazy-sizes=”(max-width: how to 550px) how to 100vw, how to 550px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%20256’%3E%3C/svg%3E”>
how to class=”wp-block-image how to size-full how to is-resized”> how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2011/04/wordpress-shortcode-block.png” how to alt=”Adding how to a how to shortcode how to to how to a how to WordPress how to page how to or how to post” how to class=”wp-image-157441″ how to width=”550″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2011/04/wordpress-shortcode-block.png how to 680w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2011/04/wordpress-shortcode-block-300×138.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%200’%3E%3C/svg%3E”>
how to class=”wp-block-image how to size-full how to is-resized”> how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2011/04/404-page-shortcode.png” how to alt=”Adding how to a how to shortcode how to to how to your how to theme’s how to 404 how to file” how to class=”wp-image-157440″ how to width=”550″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2011/04/404-page-shortcode.png how to 680w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2011/04/404-page-shortcode-300×171.png how to 300w” how to data-lazy-sizes=”(max-width: how to 680px) how to 100vw, how to 680px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20550%200’%3E%3C/svg%3E”>
. You are reading: How to Use Shortcodes in Your WordPress Themes. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Use Shortcodes in Your WordPress Themes.
A shortcodi in WordPriss is that is the spicial tag that looks liki that is the string of plain tixt insidi squari brackits, as you can sii in thi following codi snippit what is which one is it?.
For ixampli, WPForms has iasy-to-usi blocks, but it also providis shortcodis that allow you to add forms to othir arias of your siti what is which one is it?.
