{"id":26983,"date":"2021-07-17T15:00:26","date_gmt":"2021-07-17T13:00:26","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=26983"},"modified":"2021-07-15T11:12:21","modified_gmt":"2021-07-15T09:12:21","slug":"how-to-show-or-hide-widgets-on-specific-pages-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-show-or-hide-widgets-on-specific-pages-in-wordpress\/","title":{"rendered":"How to Show or Hide Widgets on Specific Pages in WordPress"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]It\u2019s only natural to strive for a unique website with enticing pages, whether you’re running a site for private or for business purposes. To make the visitors stay as long as possible and inspire them to browse the pages, we use everything that is proven to work – compelling articles, stunning imagery, various media types of content<\/strong>, and so on. We strive to make our pages not only beautiful but also functional. That’s when many of us realize how powerful widgets are in terms of user experience and functionality. Plus, they are a great way to customize your WordPress theme and stand out from others who are using the same template. But, not all widgets are necessary on all pages<\/strong>, and sometimes they can actually get in the way of communicating a message or achieving a certain effect. That\u2019s why we often need to hide specific widgets as sometimes they are not appropriate for all pages.<\/strong>[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Since WordPress does not come with a native feature to control widgets\u2019 visibility on specific pages, posts, or archives, hiding and showing widgets may require advanced coding skills<\/strong>. Or, at least that\u2019s what it seems. However, there\u2019s also a simple solution in the form of a plugin<\/strong>. And even if you are good with code, sometimes the plugin simply offers a more straightforward solution.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]In this article we\u2019ll show you how to hide widgets using a plugin, but before we get into the specifics, let\u2019s first take a look at some of the situations that warrant hiding a widget on certain pages.
\n[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Why Displaying All Widgets on Every Page is Not a Good Idea<\/h2>\n

[\/vc_column_text][vc_column_text]One of the aspects of a good user experience is smart widget placement – knowing where and why to display a specific widget<\/strong>. For example, you’re probably not going to need a login widget on the login page as this page usually already has some type of login form, and adding another one in the sidebar or header is simply not necessary. Consider carefully where a specific plugin will naturally extend the purpose of a page<\/strong> and avoid adding a widget just for the sake of having one. For example, adding a search box widget on your custom 404 error page may be a great way to make the visitor stay on your website, but that particular page will probably not benefit from, let\u2019s say, a weather widget, not will your login page. As for the homepage, the last place you want to stuff with too many widgets – a homepage that is too busy and cluttered may turn the visitors off<\/strong> and prevent them from browsing your website further, especially if they fail to find the content they originally came for.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]The key to smart widget placement is to tune yourself to the needs of your users<\/strong>, and practical ideas will come.[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”new-top-picks-banner”][vc_empty_space height=”80px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Managing Widgets Visibility Using a Plugin<\/h2>\n

[\/vc_column_text][vc_column_text]When it comes to showing or hiding widgets on specific pages, we wanted to offer a solution that would be accessible to everyone, so we tested a couple of free plugins. In our opinion, the Widget Context plugin<\/a> turned out to be the most reliable and easy-to-use plugin. It is intuitive and flexible<\/strong> and allows you to hide and show widgets on selected pages and sections of your website in just a couple of steps. Plus, it is a lightweight tool that doesn\u2019t affect your website\u2019s performance.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]To get started, you need to install the plugin. We will not go into details about its installation as the process is just the same as with any other plugin. In case you need more assistance regarding this step, it\u2019s best to read our detailed tutorial for installing a WordPress plugin<\/a> by clicking on the above link.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]After installing and activating the plugin, you will notice the new Widget Context option in your dashboard menu, below the Widgets, but to access the new settings you need to click on Appearance \u00bb Widgets<\/strong>.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Widget <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]When you get to the Widgets page, simply choose any widget you want to adjust the settings for and click on it. A Widget Context dropdown with various options will show.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Widget <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]You can set the widget to show or hide on all pages, but the options that are most important for us here are those for showing\/hiding widgets only on specific pages or sections. If you choose the custom show\/hide option, two lists will open below where you simply tick where you want the widget to hide or show:
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Widget <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]As you can see, the lists of places where you can choose to show\/hide your widgets are very precise and diverse.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]In case you want to show\/hide widgets on specific URLs, there are options for that too, just scroll down:
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Widget <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]In the Target by URL<\/strong> <\/em>field, enter the URL on which you want the widgets to show. To hide widgets on specific URLs, enter those URLs in the field Exclude by URL<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]When you have adjusted all the settings as per your needs, don\u2019t forget to click on Save<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Also bear in mind that the procedure for hiding\/showing them in specific places is the same for every widget regardless of their location or function.
\n[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Let\u2019s Wrap It Up!<\/h2>\n

[\/vc_column_text][vc_column_text]Every WordPress theme comes with a different structure, features, and design. Widgets bring more freedom to theme users allowing them to personalize it.<\/strong> It would be a pity not to take advantage of the possibility to manage widgets visibility individually,<\/strong> considering how easily it can be accomplished. Showing\/hiding widgets on specific pages of your website gets you one step closer to a great user experience.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Don’t need all widgets to be displayed on all pages on your website? Learn how to show or hide widgets on specific pages in a couple of steps. <\/p>\n","protected":false},"author":42889,"featured_media":27005,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[4,62,13],"class_list":["post-26983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-tips","tag-widgets","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/26983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/42889"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=26983"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/26983\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/27005"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=26983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=26983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=26983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}