1. Pendo Help Center
  2. Guides
  3. Classic Guides

Embed Videos into Guides (Classic)

Last Updated:

Note: This article covers the Guide experience launched before Feb. 18th 2019. If you became a customer after this date, refer to this updated version that uses Building Blocks via the Visual Design Studio.

 

Step 1

Locate the video you would like to include and copy the embed code. For YouTube videos, this code is found within the "share" menu. For the video above, it looks like this:

<iframe width="560" height="315" src="https://www.youtube.com/embed/BrICsjnKPAg" frameborder="0" allowfullscreen></iframe>
Copy

Step 2

If your guide is connected to a template, it will need to be disconnected in order to edit the HTML. To unlock a guide from the template, click the 'Edit' link next to the template and select 'Disconnect from template'. Next, we’re going to paste that same embed code that you copied in the previous step into the HTML tab.

You should now see a preview of the video and how it will render within the guide.

Step 3

You may notice that the video formatting does not align perfectly with your guide. That’s ok since you can change that. To fix this, click on the Layout tab and then adjust the width of your guide. If you’re comfortable with CSS, you can also adjust additional settings from within the CSS tab.

Related articles