Find out more about Embed codes

undraw_image_post_24iy__1_.png

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.

New to embed codes? Here's everything you should know!

 

 


 

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

    Google_Chrome_2019-05-22_17-11-30_2x.png

    💡Tip: 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.

     

  3. Copy the link
  4. In your 360Learning platform, go to the Training Programs menu

    Google_Chrome_2019-05-22_17-17-30_2x.png
  5. Select the desired course

    Google_Chrome_2019-05-22_17-18-30_2x.png
  6. Add a new document

    Google_Chrome_2019-05-22_17-21-41_2x.png
  7. Go to the Paste an embed code section

    Teampaper_Snap_2019-05-22_17-23-50_2x.png
  8. Paste the embed code in the address bar, and click OK

    Google_Chrome_2019-05-22_17-26-01_2x.png
  9. Fill in the description, and click SAVE

    Google_Chrome_2019-05-22_17-27-06_2x.png

 

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

    Google_Chrome_2019-05-22_17-33-25_2x.png
  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 the Training Programs menu

    Google_Chrome_2019-05-22_17-17-30_2x.png
  6. Select the desired course

    Google_Chrome_2019-05-22_17-18-30_2x.png
  7. Add a new document

    Google_Chrome_2019-05-22_17-21-41_2x.png
  8. Go to the Paste an embed code section

    Teampaper_Snap_2019-05-22_17-23-50_2x.png
  9. Paste the embed code in the address bar, and click OK

    Google_Chrome_2019-05-22_18-37-50_2x.png

  10. Fill in the description, and click SAVE

    Google_Chrome_2019-05-22_18-38-41_2x.png

 

 


 

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

      Google_Chrome_2019-05-22_17-50-12_2x.png

    3. Access the Embed tab

      Google_Chrome_2019-05-22_17-51-43_2x.png

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

       

    4. Copy the embed code

      Screen_Shot_2017-06-15_at_17.31.54.png
    5. In your 360Learning platform, go to the Training Programs menu

      Google_Chrome_2019-05-22_17-17-30_2x.png
    6. Select the desired course

      Google_Chrome_2019-05-22_17-18-30_2x.png
    7. Add a new document

      Google_Chrome_2019-05-22_17-21-41_2x.png
    8. Go to the Paste an embed code section

      Teampaper_Snap_2019-05-22_17-23-50_2x.png
    9. Paste the embed code in the address bar, and click OK

      Google_Chrome_2019-05-22_18-02-32_2x.png
    10. Fill in the description, and click SAVE

      Google_Chrome_2019-05-22_18-03-18_2x.png

 

⚠️ Important: 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.
Have more questions? Submit a request