How to Use an iFrame in WordPress

Iframe stands for inline frame.

Iframes offer Web developers and designers the ability to embed one page inside another. The viewer will not notice the combination of multiple pages on the front end though. The benefit of iframes is updating one page and seeing the results on multiple others. WordPress pages and posts welcome HTML, which is what is used to code iframes.

Instructions

1. Log into your WordPress dashboard.

2. Select "Add New" under "Pages" in the left navigation menu.

3. Populate the body of this new page with HTML code and text. This page will serve as the one being linked to in the iframe HTML code. Click "Publish" upon completion. Take note of the new page's URL.

4. Select "Add New" under "Pages." If you are adding the iframe to a previously created page, select "Pages."

5. Add the following iframe code to the body of your page:

   <iframe src="http://www.yoursite.com/yourpage.html" width="950" height="300">

   <p>Your browser does not support iframes.</p>

   </iframe>

   Change "http://www.yoursite.com/yourpage.html to the URL of the page you created. Both width and height can be adjusted based on your styling preference. The "Your browser does not support iframes" note will only appear in unsupported browsers.

6. Select "Publish" to push your page live. Preview it to ensure the iframe is functioning correctly. You may have to alter the text and HTML code in the page being pulled in to satisfy proper formatting.

References

• W3Schools.com: HTML Iframe Tag