Home » WordPress Tutorials » Customization » How to Use the WordPress Widgets on Your Site

How to Use the WordPress Widgets on Your Site

WordPress offers pre-built sets of widgets especially designed to complement each individual WordPress theme, and custom ones that you can always download, should your preferred theme supports them.

By default, WordPress includes these pre-installed widgets:

In the next sections, you will read how you can incorporate these into your website.


How to Use the WordPress Widgets on Your Site

To incorporate any of these into a page of your site, you should first open the WordPress Widgets page. To do so, from your WordPress Admin Panel hover your mouse over the Appearance page and then click on the Widgets menu:

WordPress Widgets Menu


This will open the WordPress Widgets page. From here you can manage your preferences:

WordPress Widgets CUstomization


In our particular case, we will make some changes to our blog section. First, let’s locate our widgets in the blog section of our site:

WordPress Widgets


Then let’s see how this alignment has been created on the Widgets page:

WordPress Widgets Options


Now, let’s see how to change some of the settings. To do so, simply click on the name of a particular widget and a menu with options will appear:

WordPress Widgets Menu Options


With this menu, you can change the place of the widget, change styles, change names, duplicate and make all other kinds of tweaks. If you are not sure what any of the options means, hover your mouse over any option icon and a text with an explanation will appear.

When you are ready with your setup, don’t forget to click the blue Update button at the top right, so your changes are applied and saved:

WordPress Widgets Update Button


How to Add a Pre-Installed Widget to Your Site

The process is quite straightforward. While in the Widgets page (Dashboard->Appearance->Widgets) click on a given area, and a Plus icon will appear:

WordPress Widgets Add New


WordPress Widgets Choose


From the suggested list search for a widget, you wish to include and simply click it. (if you can’t find what you search for, click on the Browse All button and an extensive menu with options will appear). For this example, we added an Image block:

WordPress Widgets Image


With a bit of tweaking, we included an image we find suitable and applied it to the system:

WordPress Widgets Image Select


We added our new Image Widget to our blog post. Here’s how it turned out to be:

WordPress Widgets Image Apply



Widgets are quite handy and flexible and can fit on any type of website. They are simple to use and yet vast in their functionality.

If you are new to the topic of WordPress widgets, then you should definitely check out:

Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

How to Add a Site Logo Block in WordPress with Gutenberg

Adding a site logo in WordPress with Gutenberg is straightforward and requires only a few mouse clicks and just several minutes of your time. In the following paragraphs, you will read how to add a site logo to your WordPress website via the Gutenberg editor step by...

How to Add Images to WordPress with Gutenberg

Adding images with Gutenberg is quite simple. The block editor is very user-friendly and allows you to add images in several ways. In the following paragraphs, you will read about 4 methods you can instantly use to upload the media files you want.   How to Add...

How to Disable Gutenberg in WordPress

If Gutenberg is not suitable for your needs and wish to switch back to the Classic Editor, continue reading, as in this article we will show you 3 simple methods of how to disable the block editor. In the following sections, you will read how to disable Gutenberg by:...

5 Best Gutenberg Plugins for WordPress

One of the fastest and most convenient ways of enhancing the functionalities of Gutenberg is by using various WordPress plugins. Although Gutenberg is very versatile and feature-rich by itself, the open-source nature of WordPress has inspired developers all around the...

How to Add a Contact Form with WordPress Gutenberg Editor

If you are using Gutenberg to craft your WordPress website, then you should know that the process is very easy, especially by using the block editor. In the following paragraphs, you will read how to add one to your pages.   How to Add a Contact Form with...

Ready to Create Your Website?