How to add HTML content to a WordPress page/post

WordPress is equipped with a powerful WYSIWYG (What You See is What You Get) post and page editor that works in a similar way to a word processing application, like Microsoft Word or Google Docs. You can type text into the editor and use buttons presented on the page to format how that text appears on screen, insert images, manage spacing or layout, and so on.

However, there are times when you may need to add HTML code to your posts or pages. In this guide, we’ll show you how.

Log in to the WordPress administration dashboard and create a new post or page from the left sidebar. Enter any text or images that you wish and then place the cursor at the position in which you wish to embed your HTML code.

At the top of the page, click the Text tab.

WordPress Post Editor

The page view switches to display the underlying HTML code used to generate your post or page.

WordPress Text Editor

Enter the HTML code you wish to include on the page, then click the Update button to save. Continue to switch between the Visual and Text editor tabs as required.

Note that only HTML code can be embedded on a page. Javascript, PHP, and other code cannot be run from posts or pages by default.

If you notice any problems or if you need any help, please open a new support ticket from your HostPapa Dashboard. More details on how to open a support ticket can be found here.

Was this article helpful?

Related Articles

Leave A Comment?