• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Answer Your Tech

Wordpress How-to Guides

  • Writing
  • Settings
  • Jetpack
  • Navigation
  • Hosting
  • Getting Started
  • Themes
You are here: Home / Sidebar / How to Add HTML to a Sidebar Widget in Wordpress

How to Add HTML to a Sidebar Widget in WordPress

July 26, 2018 By Matt

How to Add HTML to a Sidebar Widget in WordPress

The ability to add widgets to the sidebar of your WordPress website is a very helpful feature that can let you put a lot of helpful information for your visitors on the side of your website. If you have previously explored the widgets in WordPress, then you likely found a number of default options that let you quickly add some of the most common types of widgets.

But inevitably you will decide that you want to put something else in the sidebar that you can’t do with one of the default widgets. Fortunately WordPress offers a Custom HTML widget where you can put your own HTML code inside of a widget that you add to your sidebar.

 

How to Use the Custom HTML Widget in WordPress to Add an Image or Other HTML Element

The steps in this article were performed in WordPress 4.9.7. if you don’t see the Custom HTML widget in your WordPress installation when you follow the steps below, then it’s likely that you are using an older version of WordPress. In that case you can try using the Text widget instead.

Step 1: Sign into your WordPress dashboard. Note that you will need to be an admin for the WordPress site to be able to edit widgets.

 

Step 2: Hover over the Appearance tab at the left side of the window, then choose the Widgets option.

open the widgets menu

 

 

Step 3: Expand the Primary Sidebar widget location at the right side of the window.

expand the primary sidebar

 

 

Step 4: Locate the Custom HTML widget at the center of the window, then drag it to the desired location in the Primary Sidebar.

drag the custom html widget to the primary sidebar

 

 

Step 5: Give the widget a title, add your HTML to the body of the widget, then click the Save button.

how to add a custom html widget in wordpress

 

 

Now you can go to your home page and see how the widget looks.

 

If you find that some of your existing widgets don’t look great, or you simply want to trim your sidebar down, then find out how to delete widgets in WordPress. Many WordPress themes will include some widgets by default, and you may find that you don’t want them after you have had your site for a bit.

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)

Related

Primary Sidebar

Recent Posts

  • How to Check the Version of WordPress on Your Site
  • How to Add an Amazon OneTag Script to the Footer in a Genesis Theme
  • How to Add Alt Text to an Image in a WordPress Post
  • How to Customize Your Sidebar with Live Preview in WordPress
  • How to Set a Static Home Page in WordPress

Site Info

  • Domain Name - Hostgator
  • Hosting - Cloudways
  • Theme Framework - Genesis
  • Child Theme - Smart Passive Income Pro

Archives

  • July 2020
  • September 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • July 2018
  • December 2016
  • November 2016

Categories

  • Comments
  • Genesis
  • Getting Started
  • Hosting
  • Jetpack
  • Navigation
  • Plugins
  • Settings
  • Sidebar
  • Themes
  • Writing
  • Affiliate Disclosure
  • Privacy Policy
  • FAQ
  • About
  • Contact
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more about our privacy policy, see here: Privacy Policy

Copyright © 2021 AnswerYourTech.com