Adding HTML Code to Your WordPress Page, Post or Widget

Many WordPress users find it easy to get started because the Visual editor is similar enough to Word that they feel comfortable getting started. But what about those times when you are provided with HTML code to add to your site? If you copy and paste it into the post or page using the Visual editor, it comes out as text, not code. So you lose the functionality of the code, and it ends up looking like this:

<a href="http://bit.ly/OWHS4O">
<img src="http://leadchangegroup.com/wp-content/uploads/2012/08/The-
Character-Based-Leader-197x300.png?84cd58">
</a>

Here’s how to add functioning HTML code to your WordPress page or post.

 

The result will look like this:

 

If you want to add it to the sidebar instead, you have to add a text widget to the sidebar and paste the code in there instead. Here’s how to do that.