Embedding HTML

How to Embed using the source tool

If you have an item from an external website with an embed code (video, document, form, etc.) that you would like to Embed on your gabbart page, this article will show you how!

For information on obtaining the embed code for a site or item, you will want to reach out to the provider of the site or item.
Your HTML code should look something like this example, though appearance may differ depending on the site:
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfuJ2NXlYcvB-jOlSbuyKEsdOwmEmCe3ZVyarP9uBJPN4eGIA/viewform?embedded=true" width="640" height="462" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

Open the page where you'd like the item to be displayed on.
Select the area you want to embed the PDF and then select the "Source" tool button (You will notice that when you select "Source", the other Text tools seem to grey out). 




Paste the Embed code for your document, then hit the "Source" button again.


You should notice a white box labeled "iFrame" like the one below in your text area now. This is your embedded item. The size of the iFrame box will vary based on the embedded item.

Select the "Update Page" button at the bottom of the text area.

Some examples of websites that provide embed codes are Google, Youtube, Facebook, Twitter. If you do not see an option to obtain the embed site code on the provider's webpage itself, you may need to contact the site's support directly.




    • Related Articles

    • How do I embed a Google Doc?

      1. Go to your Google Doc that you wish to Embed and click on File and then go to Publish to the web 2. In the window that pops up click Embed then click the "Published Content and Settings" to make sure the document is set to automatically update. ...
    • How do I embed a Google Calendar?

      1. Go to your Google Calendar 2. Click the three dots next to the name of the calendar and go to Settings and Sharing 3. First you will need to make the privacy settings for this calendar Public by going to the Access Permissions area of your ...
    • Embedding Videos from Google Drive

      1. Find the video in your google drive and Right Click on it 2. Click SHARE 3. Make sure the sharing options say "Anyone with the Link can Find and View" 4. Copy the Link and open the video in a new window 5. Click the three dots in the top right ...
    • How do I embed a YouTube video?

      Embedding YouTube (or other video hosts) videos to your web pages is a relatively simple process, these instructions will assist you in setting this up. Navigate to the YouTube video you wish to embed. Scroll down to the description area. Click ...
    • How to Live Stream From YouTube

      Open YouTube. Go to https://www.youtube.com/ in your computer's web browser. This will open your YouTube account if you're logged in. If you aren't logged in, click SIGN IN in the top-right corner of the page, then enter your account email address ...