How to Add Widget to A Blog Site in WordPress (Step By Step)

Widget is an inseparable part of a WordPress website. It lets you display almost any content or functionalities, making it easy for your users to access. In this tutorial, we will show you step-by-step how to add widgets in WordPress easily and if you don’t know how to start a blog website, don’t worry we covered it in another article.

By the end of this tutorial, you will be able to add a WordPress widget of any kind in any widget section of your WordPress website. Note that the type of page templates, widgets and widget area varies depending on your theme. That’s why we recommend using the best WordPress theme for your website. This widget tutorial is compatible with the best blog themes on WordPress.

How to Add Widget in WordPress Step By Step Tutorial 2022


Step 1:

add a wordpress widget

Let’s add a widget in the sidebar of a page.

Go to the WordPress dashboard. Hover the mouse pointer and ‘Pages’ and click on ‘All Pages.’

Step 2:

free wocommerce theme

Find the page you want to add the widget on. Hover the pointer on the page title and click on ‘Edit.’

Step 3:

add a wordpress widget
Now click on the ‘Settings’ icon at the top right corner.


Step 4:

free wp theme ecommerce

On the page settings, click on ‘Template’ and then choose ‘Page-Left Sidebar.’ Types of page templates may vary depending on your current theme. You can go through our best WooCommerce themes free list to find a modern and feature-rich theme.



Step 5:

add a wordpress widget
Now click on ‘Update’ to save the settings and go back to the WordPress dashboard.

Step 6:

ecommerce free wp website

On the dashboard, hover on the ‘Appearance’ option and click on ‘Widgets’.

Step 7:

ecommerce theme wp

On the ‘Widgets’ page, click on the ‘Sidebar’ widget area. The type of widget areas depends on the theme you are using. Modern and Creative WordPress themes are a better choice for this purpose.

Step 8:

add a wordpress widget

Now click on the ‘+’ icon to add a widget of your preference.


Step 9:

wp woocommerce free

Click on the ‘Browse All’ button to see available widgets.

Step 10:

add a wordpress widget

For example, scroll down on the available widgets section and click on ‘Latest Posts’. The variety of Widgets depends on the WooCommerce WordPress themes you are actively using.

Step 11:

flatsome woocommerce free

We can see that the selected widget has been added to the sidebar section. Click on the added widgets on the sidebar section and you will find various customizing options like grid view, list view, change block style, options, etc.

Step 12:

free woocommerce wp plugin

Now simply click on the ‘Update’ options in the top right corner to save your widget.

Step 13:

add a wordpress widget

Now open the page you wanted your widget to display on. We can see that our added widget is displayed perfectly in the page’s left sidebar.


We have guided you through each step of adding a widget to your WordPress website. You can add any widget to your website by following these above-mentioned steps. If this tutorial was helpful to you feel free to share it with your friends. You can read more about the widgets WordPress forum.

Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

12 Best User Management Plugin in WordPress 2023

The user management plugin in WordPress makes it easier for site owners to control everyone who interacts with their blog or website. With an effective user management…

16+ Best Google Adsense-Optimized WordPress Themes

An AdSense-optimized WordPress theme is a theme made to run advertisements straightforwardly. A simple listing can contain pre-defined ad places. The clean design can also help improve…

How to Add Call to Action- CTA Button WordPress

Call to Action or CTA Button WordPress is one of the oldest marketing strategies for selling any product. You can use this method to provoke your customers…

Best 10 WordPress Translation Plugin 2023

WordPress comes in multiple languages at its core but doesn’t provide a translation process or multilingual options to run a website in multiple languages at once. That…

11+ Best Car Rental WordPress Themes 2023

A website adds many positive effects to the business, especially if you have a car rental or related business. Choosing a car rental WordPress theme to make…

How To Make Money From Google AdSense for WordPress

Do you have a WordPress-powered website and looking for an opportunity to earn money using it? If yes, you’ve come to the right place. In this article,…