Page Comparison

Topics Covered In This Article

• Activate 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.

Due to security reasons, WordPress only allows certain administrators to save iframe embed codes directly into the editor, please active activate and use this plugin as an alternative solution.

Anchor
advanced advanced

Activate Advanced iFrame plugin

Activate plugin:

• Look under your Dashboard → Plugins → Advanced iFrame → Activate.

Image Added

Once activated, go back to Pages and select a page to edit. Look for it in the editor (see notes below).

The shortcode '[advanced_iframe]’ can be inserted on any page. 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 RemovedImage 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.
  
  

• 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"]
   
   
   
   
   Replace the default link with your own link.
   
   
   
   
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/document/d/1IX52dZKDA2hLNNwINtHRU3c0ruOTKVfX0VR9CWJjUOA
   
   
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/document/d/1IX52dZKDA2hLNNwINtHRU3c0ruOTKVfX0VR9CWJjUOA" width="100%" height="600"]
     
     
     
     
     
5. Publish or update to save the changes. Click the permalink to see your google doc embedded in an iframe.