Find out more about Embed codes

  • Updated

On your 360Learning platform, some documents can be hosted via an URL (e.g: Youtube videos) whereas some need an embed code (e.g: Google Docs).

For instance, most of our recommended online creation tools require embed codes to be imported onto your platform.

URL or embed code?

 Here's how to distinguish between a URL and an embed code:

💻 You will need an URL to point directly to your resource: when importing a video from Youtube, you're not importing the Youtube page per se, you're just uploading the video.

🔗 You will need an embed code for more complex resources whose animations need to be hosted online. Most of the time, anything you have created online and want to be displayed on your platform (not just redirected at) will require an embed code.

Find the embed code for documents

Get an existing embed code

Most of the time, you can easily find the embed code: 

  1. Upon creating the document, look for the Share option and locate the embed or </> insert section
  2. The block of code should be comprised between <embed> and </embed> tags, or <iframe> and <iframe> tags

Sometimes, the actual embed code is included in a larger block of code (as shown above). Select only the fragment between the <iframe>/</iframe> or <embed>/</embed> tags.

  1. Copy the link
  2. In your 360Learning platform, Dashboard > Courses
  3. Click on a course
  4. Add a new document
  5. Go to the Paste an embed code section
  6. Paste the embed code in the address bar, and click OK
  7. Fill in the description, and click SAVE

Generate an embed code

Sometimes, your document's embed code isn't readily available. Panic not, you can easily generate an embed code!

To generate an embed code:

  1. Browse online for an embed code generator: we like to use iframely for instance
  2. Paste your source URL in the address bar
  3. Generate the embed code
  4. Copy the embed code. The block of code should be comprised between <embed> and </embed> tags, or <iframe> and <iframe> tags

    Google_Chrome_2019-05-22_17-36-26_2x.png
  5. In your 360Learning platform, go to Dashboard > COURSES
  6. Select the course
  7. Add a new document
  8. Go to the Paste an embed code section
  9. Paste the embed code in the address bar, and click OK
  10. Fill in the description, and click SAVE

Use case: embed a Google Document

Google Documents are a perfect example of resources you can embed into your platform.

Here's how you can embed a Google Document into your platform:

  1. From your Google account, select the file you wish to upload
  2. Click File, then click Publish to the Web
  3. Access the Embed tab

You can make your document auto-update by clicking Published content and settings, then hitting Automatically republish when changes are made. 

  1. Copy the embed code
  2. In your 360Learning platform, go to Dashboard > Courses
  3. Select a course
  4. Add a new document
  5. Go to the Paste an embed code section
  6. Paste the embed code in the address bar, and click OK
  7. Fill in the description, and click SAVE

Learners will not be able to collaborate on the document as they would be able to do within an actual Google document. If you want them to be able to edit the document, we suggest creating a cheat sheet and include the URL to the document in the text box.

Check out our blog for more L&D resources.