Adding shortcodes allows users to add dynamic content to areas of the site that would not have otherwise accepted them. The text widget is a general purpose widget area. Traditionally, WordPress forbids adding shortcode content here. The workaround presented here allows users to make this modification.<\/p>\n

What are shortcodes? Shortcodes are little code snippets that perform specific functions. Usually, shortcodes are coded into plugins to allow you to add special code to text areas that would not normally be able to accept PHP code directly.<\/p>\n

In this guide, we will get the shortcode we want, add a text widget, and add our shortcode to the text widget.<\/p>\n

Getting the Shortcode and Adding Widget<\/h2>\n
The first step is to get the shortcode you want to use and a text widget. In this example, we’re using a Ninja form.<\/p>\n
\n
$\"Click$ <\/a>Click WP<\/strong>Forms<\/b>.\n
<\/div>\n<\/li>\n
$\"Get$ <\/a>Copy the Shortcode<\/i> for the Information Request Form (available in the second column).\n
<\/div>\n<\/li>\n
$\"Click$ <\/a>Click Customize<\/b>.\n
<\/div>\n<\/li>\n
$\"Select$ <\/a>Click Widgets<\/b>.\n
<\/div>\n<\/li>\n
$\"Footer$ <\/a>Choose the area to which you are adding the widget.\n
<\/div>\n<\/li>\n
$\"Add$ <\/a>Click Add a Widget<\/b>.\n
<\/div>\n<\/li>\n
$\"Choose$ <\/a>Choose Text<\/b>.\n
<\/div>\n<\/li>\n
$\"Past$ <\/a>Title the widget and add the shortcode.\n
<\/div>\n<\/li>\n
Click Save & Publish<\/strong><\/li>\n<\/ol>\n $\"Result\"$ <\/a>You will notice the widget is just text. The shortcode does not bring in our form. In the next series of steps, we’ll change this behavior.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\n
\n
\n
\n
Editing the functions.php file<\/h2>\n
This step involves editing one of your theme’s source files. This is an advanced step. It can also be hazardous if you are unfamiliar with the structure of WordPress themes.<\/p>\n
This is why it would be best to take this step in a WordPress child theme<\/a>. This way, updates made to the base theme will not wipe out the changes we are about to make.<\/p>\n
Before beginning the steps below, copy the following code:<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
add_filter( 'widget_text', 'shortcode_unautop');\r\nadd_filter( 'widget_text', 'do_shortcode');\r\n<\/pre>\n
\n
\n
\n
\n
\n
$\"Click$ <\/a>Click Settings<\/b>.\n
<\/div>\n<\/li>\n
$\"Choose$ <\/a>Under Settings<\/i> choose BoldGrid<\/b>.\n
<\/div>\n<\/li>\n
$\"Uncheck$ <\/a>Find the option for Reorder Admin Menu<\/i> and uncheck Use BoldGrid Admin Menu System<\/b>.\n
<\/div>\n<\/li>\n
$\"Save$ <\/a>Click Save Changes<\/b>.\n
<\/div>\n<\/li>\n
$\"Click$ <\/a>Click Dashboard<\/b> to refresh the page.\n
<\/div>\n<\/li>\n
$\"Open$ <\/a>Hover over Appearance<\/b> and click Editor<\/b>.\n
<\/div>\n<\/li>\n
$\"Theme$ <\/a>On the right column, click Theme Functions<\/b>.\n
<\/div>\n<\/li>\n
$\"Paste$ <\/a>Paste the code copied above at the bottom of this field.\n
<\/div>\n<\/li>\n
$\"Update$ <\/a>Click Update File<\/b>.\n<\/div>\n<\/li>\n<\/ol>\n
$\"Form$ <\/a>Now, you will see the form code dynamically generated within the text widget. Well done, you have completed this tutorial.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
<\/div>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"
Adding shortcodes allows users to add dynamic content to areas of the site that would not have otherwise accepted them. The text widget is a general purpose widget area. Traditionally, WordPress forbids adding shortcode content here. The workaround presented here allows users to make this modification. What are shortcodes? Shortcodes are little code snippets that […]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"How to Add Shortcodes to Widgets | BoldGrid","bgseo_description":"Adding shortcodes allows you to add dyanamic content to text widgets (which normally do not allow them). This workflow is designed for advanced users.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[764],"tags":[],"class_list":["post-6734","post","type-post","status-publish","format-standard","hentry","category-boldgrid-themes"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/6734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=6734"}],"version-history":[{"count":16,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/6734\/revisions"}],"predecessor-version":[{"id":11241,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/6734\/revisions\/11241"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=6734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=6734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=6734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Editing the functions.php file<\/h2>\nThis step involves editing one of your theme’s source files. This is an advanced step. It can also be hazardous if you are unfamiliar with the structure of WordPress themes.<\/p>\n