In my job as a Happiness Engineer for Automattic, I often get asked how to add an image with a link into a widget area. This can be daunting if someone doesn’t know HTML. But that doesn’t have to deter you. There is a sneaky way to get that code, even without HTML knowledge. This is how to do it:

1. Create a draft post and insert your image.
   
2. If you want to add a link to the image, click on the image after it’s inserted and click on the paperclip icon to add your link.
   
3. Click on the “HMTL” option at the top of your editing page (next to “Visual”)
   
4. Copy that code. Note that your code will look similar to what I have in the next image, but the words and links will be different – specialized to your own information.
   
5. Open your Customize tool and go to Widgets.
   
6. Add the Text Widget.
   
7. Paste your code and save.
   
8. And you will see your image in your widget areas (click it to test your link) 🙂
   

A reader contacted me with another great resource that would be helpful for learning basic HTML. If you are interested, check it out on https://www.websiteplanet.com/blog/html-guide-beginners/. Thanks for that, Karen 🙂