We can embed all sorts of files inside Zendesk, from PowerPoint presentations to Excel files, using something called iframes. Iframes, also called inline frames, are HTML elements that load another HTML page inside a webpage. Think Inception — a page within a page.
For example, that GIF above is embedded using an iframe! This is all possible because we have access to the source code of each article.
Getting the Embed Code
To embed files such as gifs or presentations, documents, or spreadsheets from Google, you simply need to locate the embed code.
For Google products, this will be accessible by going to File > Share > Publish to Web > Embed.
If you are planning to embed a presentation authored in iSpring, you'll get the embed code by publishing the PPT as an HTML5 file to iSpring Space rather than publishing it as a SCORM file for an LMS. iSpring Space will generate an embed code that you can use.
For other sources, such as GIPHY, the embed code will usually appear if you click a "Share" button.
Altering the Source Code
Armed with the embed code, you are now ready to clear a path through the jungle of HTML coding in the source code for your new iframe element. Go to "Source code" and locate the line where you want to insert the iframe element. You may need to click enter to create room for it. Then paste your embed code and click "Okay."
If you need to resize the iframe, return to the source code of the article and alter the width and height. Keep in mind that you should maintain the correct aspect ratio as you scale the iframe up or down.
That's it!
Comments
0 comments
Please sign in to leave a comment.