Page Comparison

Topics Covered In This Article

• What is Advanced iFrame plugin
• How to embed a Google doc using Advanced iFrame (Gutenberg Editor)
• How to embed a Google doc using Advanced iFrame (Classic WordPress Editor)

Please note: Advanced iFrame is a WordPress plugin for students who are enrolled in the MALAT program and have a MALAT WebSpace.

Advanced iFrame is a WordPress plugin. By entering the shortcode ‘Due to security reasons, WordPress only allows certain administrators to save iframe embed codes directly into the editor, please active and use this plugin as an alternative solution.

Anchor
advanced advanced

Advanced iFrame plugin

Activate plugin: Look under your Dashboard → Plugins → Advanced iFrame → Activate.

The shortcode '[advanced_iframe]’ you can include any webpage to can be inserted on any page or article.

This article will only talk specifically about embedding a Google doc.

More info about the plugin be found on the WordPress.org site.

For example, this article will explain how to embed a Google doc.

Anchor
google-doc-01 google-doc-01

How to embed a Google doc using Advanced iFrame (Gutenberg Editor)

1. Add a new block → open Widgets → Advanced iFrame
   
   

Image Added

2. Look for the settings panel on the right hand side of the screen.

• Paste in your link (or url from the iframe code).
• Enter a width and height if needed.
  
  

Image Added

• Click Update to save and publish your changes.
• View your page or click the permalink to see your google doc embedded in an iframe.

Anchor
google-doc-02 google-doc-02

How to embed a Google doc using Advanced iFrame (Classic WordPress Editor)

1. From your dashboard, go to a post or page. Above the editing window, click the Add Advanced iFrame button:
   
   
   
   
2. It will insert this sample shortcode:
        
   [advanced_iframe src="//www.tinywebgallery.com/blog/advanced-iframe" width="100%" height="600"]
   
   
   
   
3. Go to your Google doc, https://docs.google.com. Select Share and copy the share link, no https:// in front is needed.
   
   
   
   For example, your share link would look something like this:
   
         https://docs.google.com/spreadsheetsdocument/d/1ecToP84j-VXXZUhOYeK2EjO1IX52dZKDA2hLNNwINtHRU3c0ruOTKVfX0VR9CWJjUOA
   
   
4. Go back to your MALAT WebSpace, edit the shortcode on your page:
   
   
   • in the quotation marks, replace "www.tinywebgallery.com/blog/advanced-iframe" with your link,
   • leave the two forward slashes //
   • It should look like this now: [advanced_iframe src="//docs.google.com/spreadsheetsdocument/d/1ecToP84j-VXXZUhOYeK2EjO1IX52dZKDA2hLNNwINtHRU3c0ruOTKVfX0VR9CWJjUOA" width="100%" height="600"]
     
     
     
     
     
5. Publish or update to save the changes. Click the permalink to see your google doc embedded in an iframe.