header

Tip of the Week: Embedding a video from Google Drive in an Engagement

  • 7 October 2019
  • 3 replies
  • 122 views

Userlevel 3
Badge

I had a customer that wanted to embed their onboarding videos from Google Drive into an In-App Engagement. Here are the steps I provided them:

Prerequisites
 

  • The file can be any video type but must be under 10MB
  • You need to set your Google Drive share permissions for the file so that your users will be able to see the video.

Steps:
 

  1. Open the video from GDrive (which will by default provide a Preview of the video). From the top right corner menu select Open in new window.

    OpenInNewWindow-3789b824-c56e-4f6b-bf3f-5d879e39b162-1257431044.png

  2. Once opened in the new window select the menu again from the top right corner and choose Embed item...

    EmbedItem-bbe2ec39-480a-4a04-8f01-9f10f916b699-623791783.png

  3. Copy the Embedded Item Code into your clipboard

    EmbeddedCodeURL-ace28637-d9a7-4ced-ab82-0576503a752d-1526013299.png

  4. Click on the Code View icon from the engagement editor pane, and paste the code into the location where you want the video. In the example below, the video will be at the top of the dialog window.

    PasteCodeInHTMLinEngagement-56e53181-339f-4c88-bdd4-06deb803defb-1223045649.png

  5. (optional) adjust the width and height in the inserted code.
  6. Unselect the Code View icon to see the results:

    FinalResults-b22b834f-207f-405b-bd20-e7a863fd89ad-2032513275.png


3 replies

Userlevel 6
Badge
Excellent! This will also work with other Google drive files, such as Sheets, Slides, and Docs. :)



Userlevel 5
very cool @leslie_diephuis , thanks for sharing!



Userlevel 1
@lauraramosrp Take a look!



Reply