WPLift is supported by its audience. When you purchase through links on our site, we may earn an affiliate commission.

How to Add Widgets to WordPress Pages & Post (2021)

Last Updated on May 31st, 2021

Published on August 12th, 2013

Tags: , , ,

Share This Article

There are a few basic features you’ll want to learn about as you start designing your first WordPress site. You’ll need to learn how to use default content types like pages and posts, for example. Furthermore, you must be familiar with the ins and outs of WordPress widgets. 

Widgets are small components that you can use to create sidebars for your website. They make it simple to add text, links, and other types of information to specific areas. For many sites, the default WordPress widgets are sufficient, but you can also download additional options if you want.

We’ll cover everything you need to know about widgets in this article. This includes information on what they are, how to add a widget to WordPress, and the options available. We’ll also show you how to use a few plugins to add even more widgets to your site. Let’s take a look, shall we?

What are WordPress Widgets?

WordPress is intended to be a user-friendly platform for beginners. WordPress makes it simple to customize your site to meet your needs, even if you have limited technical skills and no experience with coding.

Widgets are one of the tools WordPress offers to accomplish this. A WordPress widget is a flexible component that lets you add a specific feature to your website. Widgets are an integral part of WordPress’s design and layout customizations, and they can be added to various areas of a website, such as sidebars and footer areas. 

Widgets give you the flexibility to identify content you want to show on every page of your site and make sure no one misses it, making your site more than just a blog.

Difference Between Widget and Plugin

Widgets and plugins appear to perform similar tasks on the surface. They do, however, have different responsibilities. 

A WordPress plugin, for example, usually adds ‘global’ functionality to your website that isn’t available by default. 

A widget, on the other hand, allows you to include additional content in various parts of your website (such as the header, sidebar, and footers). They can add features, but they’re usually smaller, more focused additions that can be dragged and dropped into place.

What kinds of Widgets are Available on WordPress?

Looking at some examples of WordPress widgets is the best way to understand the possibilities they provide. Let’s look at eleven different types of widgets that you’ll see on WordPress sites.

Article Continues Below

Map Widget

If your company has a physical location and you want people to be able to find you quickly, a map widget on your website can help.

Navigation Widget

Widgets can also be used to encourage visitors to move around your site. The Navigation Menu widget allows you to create a custom navigation menu in addition to your site’s main navigation menu, which you can then add to a widget area. 

Recent Comment Displays 

The Recent Comments widget shows the most recent comments on your site, allowing visitors to jump right to them and participate in the conversation.

Recent Post 

The Recent Posts widget is one of the most popular widgets in blogs. 

It allows you to show a list of your most recent posts in the sidebar or footer of every page on your site, increasing the likelihood that visitors will browse the site and read several posts.

Social Media Widget

Adding your social media feed to the sidebar or footer of your website will show visitors that you’re active on social media and encourage them to like or follow you.

Search Displays 

The Search widget, which comes preloaded with WordPress, is a very simple but extremely useful widget. By including this in your sidebar or header, you make it easier for visitors to find information on your website.

Call to Action Widget

You can use a call-to-action widget to encourage people to take action, which is a great use of a widget. Your widget could be a simple button, or you could use a text widget, HTML widget, or even an image widget, all of which come pre-installed with WordPress to create something more unique.

Media Widget

Including media in your sidebar or footer will liven up your site and give visitors something to look at or interact with. The built-in Image widget allows you to display any image in your sidebar or footer, and it also allows you to turn that image into a link.

Alternatively, the Video widget allows you to stream video from YouTube or Vimeo directly into your site’s widget area. This is especially useful if your site has dedicated widget areas for the home page, but it can also be useful in the footer to draw people’s attention when they reach the end of a post.

Article Continues Below

Shopping Cart Widget

If you’re using a plugin like WooCommerce to run an eCommerce store on your site, it’s a good idea to include a cart widget so users can easily navigate to their cart no matter where they are in the store. 

If your theme includes a widget area in the header, you could put this in the sidebar where it will be easily seen, or in the header for added visibility.

Login Widget

A login widget will make it easy for people to log into your site without having to go to a separate login page if you’re running a membership site. 

Form Widget

You could include a form in your sidebar if you want people to contact you, ask questions, or subscribe to a mailing list. A login link is included in the Meta widget that comes with WordPress.

Why Add Widgets to WordPress Pages and Posts?

Widgets are fantastic, and many plugins will include custom widgets that allow you to do things you wouldn’t normally be able to do. The majority of these extra features can only be added to the sidebar or footer of a page. Because themes only allow you to place widgets in specific areas. There are several other opportunities that a widget could bring to your website’s pages that you may not be aware of.

  • In a sidebar, you can add additional menus to help your users navigate that page or the entire site. 
  • If you want to balance your user experience and ad revenue on your WordPress site, you’ll find that adding a widget to your sidebar and footer specifically for this purpose is essential. 
  • New blog posts, evergreen content, and limited-time offers are examples of additional content that may have their own pages on your site but could benefit from some extra promotion to your readers. Adding these content types as widgets in a sidebar is a clever way to bring them to the forefront without making them appear cluttered.

How to Add Widgets to WordPress Page and Post?

It’s time to install the widgets you need for your WordPress site once you’ve decided what kind of widgets you’ll need. 

Don’t go overboard with the additions. Users are less likely to notice them if there are a lot of them. Instead, concentrate on two or three key sidebar widgets. You can put more in the footer, where they’ll be less noticeable. 

Also, if your theme has any extra widget areas, decide which widgets to put in them. Make sure they go with your site’s layout and design.

  • To add a widget to your site, first, log in to your dashboard, then go to Appearance Widgets: Add a Widget.
how to add widgets to WordPress - available widgets
  • You’ll find a list of the default WordPress widgets here, along with a title and brief description for each. One or more designated widget areas can be found on the right, with headers (such as Sidebar or Footer) indicating their location. Some widgets may already be present in these areas, depending on your theme. Simply click and drag a new widget into a widget area.
  • To remove widgets from your site, do the opposite. You can also reorder individual widgets by dragging them up or down. That concludes our discussion. You should notice the following new feature if you go to the front end of your site:
how to add widgets to WordPress posts

How to Add Widget to WordPress Page and Posts using Plugins?

While you can add widgets to your website using native WordPress functions, the default settings prevent you from displaying (or disabling) these widgets on specific posts or pages, whether you want them there or not. 

Plugins can be used to solve this problem. These custom add-ons will allow you to control where and how widgets appear.

Article Continues Below

AMR Shortcode Any Widget

AMR Abbreviation Using a shortcode, Any Widget allows you to easily insert a widget, multiple widgets, or an entire widget area (sidebar) into any page. This plugin is extremely simple to use. 

It converts a widget to a shortcode format. Unlike widgets, shortcodes will work regardless of where they are placed. The procedure is very quick, taking only a few minutes at most. 

Because you simply add a shortcode block before adding the shortcode to the page, the plugin is compatible with the Gutenberg block editor. 

Overall, this plugin makes adding post and page widgets to any WordPress content a breeze. Let’s get this thing up and running.

Pros

  • A shortcode can be used to insert one or more widgets, as well as entire widget areas, into a page. 
  • It works equally well in both the classic and Gutenberg editors. 
  • The widget will be styled by the plugin in accordance with your theme’s style.

Cons

  • You must memorize the shortcodes for each widget you wish to use in your posts (or go back to the widget page to get a reminder).

Price

  • FREE

Steps to Add Widget

  • Navigate to the page or post where you want the widget to appear. 
  • In the Visual Editor, paste the shortcode. 
  • It should look like this on the page or post after you’ve completed these steps:

Get AMR Shortcode Any Widget

Content Block (Custom Post Widget)

The Content Blocks feature allows you to use a shortcode to display the contents of a specific custom post in a widget or in the content area.

If you’re using standard WordPress text widgets to display content in different areas of your template, only users with administrator access can edit it. If you want non-administrator accounts to be able to change the widget content, you can use this plugin to grant them access to the custom posts that contain the widget content.

This plugin creates a custom post type called ‘content block.’ You can use the title to describe the contents and widget position of the content block or display it on the page. It’s worth noting that these content blocks can only be viewed within the context of the page.

Pros

  • You can even put them in a widget using the featured image feature. 
  • The WPML Multi-Language plugin is compatible with the Content Blocks plugin, and the correct language is displayed in the widget area automatically. 
  • Using the built-in shortcode functionality, the Content Blocks can be included in posts and pages.

Cons

  • Not often updated

Price

  • FREE

Steps to Add Widget

  • Navigate to appearance and the click widgets
  • Click and drag the Content Block title to the desired location under Available Widgets. In this case, we’ll use Sidebar B for the website’s right side. For more information on Content Block locations, see the Page Layout article.
  • Select the title of your content blocker to the desired Widget location
  • Choose the display options you want. You can choose to show the Content Block Title or the Featured Image. You can also make the Featured Image the Background Image, as well as move it to the right or left.
  • Under Widget Context, you will need to select the pages or type the URL for the pages you would like the Content Block to display on (or not to display on).
  • Under Widget Context, you will need to select the pages or type the URL for the pages you would like the Content Block to display on (or not to display on).
  • Then click save

Get Content Blocks (Custom Post Widget)

SiteOrigin Widget Bundle

Installing a plugin usually only provides you with a single widget that performs a single task. However, the SiteOrigin Widgets bundle includes a variety of useful widgets such as a Google Maps widget, slider widgets, button widgets, call-to-action widgets, and more. Every blog should have this plugin installed.

The SiteOrigin Widgets Bundle is so much more than a set of widgets. It’s a base on which you can build widgets in a fraction of the time. It has advanced form building, data handling, and templating capabilities. The Widgets Bundle’s core takes care of everything so you can concentrate on creating beautiful widgets. 

Even if you don’t want to make your own custom widgets, the Widgets Bundle is simple to extend in other ways. For all of our existing widgets, you can create custom templates, styles, and form fields. Creating a custom style for the button widget that matches the look and feel of your theme is one example use case.

Pros

  • Among the well-featured WordPress page builders, SiteOrigin is by far the oldest. With age comes a fully built plugin that has evolved over time to include all of the basic features needed to create a functional website. 
  • Simple image widget with massive power.
  • Display a grid of images. Also useful for displaying client logos.

Cons

  • It is not always the case that free is the best option. SiteOrigin has a very basic user interface with drab colors. Instead of custom icons for the builder, some of its widgets use WordPress icons. Its functionality receives a lot of attention, rather than balancing it with the user interface. 
  • Normally, the SiteOrigin plugin is downloaded without the widget bundle. You must first download and install the widget bundle before using it to create or edit web pages. 

Price

  • FREE

Steps to Add Widget

  • Install the SiteOrigin Widgets Bundle from PluginsAdd New, then search for SiteOrigin Widgets Bundle using the search form in the top right corner of the page. Install and activate the software. 
  • Go to PluginsSiteOrigin Widgets to find the Widgets Bundle dashboard once it’s been activated. You can view all widgets, enabled widgets only, or disabled widgets only using the tabs at the top of the page. Locate the widget you want to enable and click the Activate button.

Get SiteOrigin Widget Bundle

Wrapping Up!

WordPress developers have been experimenting with them in a variety of ways.

You can use this as a WordPress site owner to add almost anything you can think of to your WordPress site.

If you’re comfortable with code, you might want to learn how to make your own custom WordPress widget.

By including additional content in your blog posts and web pages, you can encourage visitors to engage with your site. While WordPress’s default settings may not have all of the features you require, the additional plugins on this list can assist you in creating the WordPress site you desire.

You can also save time by using standard WordPress widgets to add content to multiple posts that can be updated from a single location, such as the menu builder or the links widget when adding links to pages.

That’s all there is to it; we hope this article has taught you how to add and use widgets in WordPress! ‘Til next time, yeah?

A team of WordPress experts that love to test out new WordPress related software, WordPress plugins and WordPress themes.