How to Insert an iFrame Into WordPress

1. Log into your WordPress account and click the 'Posts' or 'Pages' link on the left to navigate to the area where you want to display your iFrame.
2. Hover your mouse over the desired title and then click the 'Edit' link that appears.

3. Click the 'HTML' tab on top of the text box and position your cursor in the area where the frame is going. Type the following iFrame code:


4. Enter the address of the site you want to load after the 'src=' entry. Further, type number values in pixels (px) or percentage (%) after the width and height attributes to specify the dimensions of the frame. To illustrate:

5. Enter a message between your iFrame tags in the event your visitor's browser does not load the frame. Enclose this text in '

' elements like so:

Your browser does not allow iFrames.


6. Click the 'Preview Changes' button in the upper-right corner of your WordPress screen and view how the frame looks on your page. When ready, click the 'Update' button to finish inserting the iFrame into your WordPress site.