Guide to embedding content (external webpage or videos) on a WordPress Page

Last Updated On: April 17, 2018

Embedding content using an iframe

One of the practical ways of embedding content into a WordPress page, albeit external web page or a video, is by using iframes. I fact, many websites use iframes to display content which we naturally perceive as part of that page. For example, the Google map showing the business or company location on many websites is displayed using an iframe.

The iFrame is an inline frame positioned inside a webpage to load another HTML content inside it. Additionally, this HTML content may contain JavaScript or CSS which is loaded at the moment when the iframe tag is parsed by the browser.

However, using iFrame demands that a embed code must be entered into WordPress page, for example: <iframe width=”720″ height=”480″ src=”//www.youtube.com/embed/xyzxyz frameborder=”0″></iframe> will add a YouTube content frame . Some third party website content providers offer their users a iframe code to insert content or media elements to their page.

READ MORE  How to Setup WordPress Cache - video

A certain level of caution may be needed when using an iframe as they can be used as a means of backdoor entrance for remote access to your website by unauthorized persons.

Embedding content using WordPress plugins

Google Doc Embedder is a plugin that enables you to embed several types of documents into your WordPress page, by using the free Google Docs Viewer. While embedding, it also enables document downloading to visitors. This plugin works very much like Scribd, but files do not need to be uploaded to any service but need to be accessible publicly on your website or the internet.

Supported document formats are:

  • Adobe Acrobat (PDF)
  • Microsoft Word (DOC/DOCX*)
  • Microsoft PowerPoint (PPT/PPTX*)
  • Microsoft Excel (XLS/XLSX*)
  • TIFF Images (TIF, TIFF)
  • Apple Pages (PAGES)
  • Adobe Illustrator (AI)
  • Adobe Photoshop (PSD)
  • Autodesk AutoCAD (DXF)
  • Scalable Vector Graphics (SVG)
  • PostScript (EPS/PS)
  • OpenType/TrueType Fonts (OTF, TTF)
  • XML Paper Specification (XPS)
  • Archive Files (ZIP/RAR)
READ MORE  How to secure and speed up wordpress

oEmbed is easy to use a plugin for embedding videos from popular video services such as YouTube, Vimeo, Ted … etc.). All you need to do is add the plugin to your website and add the video URL on a specific webpage where you want to display it.

Embedding Social Media content

Embedding content from popular Social Media websites such as Kickstarter, Twitter, Instagram, and Tumblr can be done very easy, again, all you have to do is paste the link into your desired webpage.

Facebook content embedding demands that you install a Facebook plugin for WordPress, and after that copy/paste the Facebook post URL.