Contact Us

Guides

Pendo Help CenterGuidesEmbed Videos into Guides (Legacy)

Embed Videos into Guides (Legacy)

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 designer.

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>

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 html, click the lock icon next to the template and confirm that you would like to disconnect it from the 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 until it fits how you like. If you’re comfortable with CSS, you can also adjust the additional settings from within the CSS tab.

© 2019 Pendo  |  Terms of Service  |  Privacy Policy