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.

Subscribe To Our Newsletter!
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

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…