# iFrame

1. On the page where you want to insert the iFrame, open the 'Components' dropdown and select 'iFrame' from the list.

   <figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-ea4e0a904f2301a9aa7cef52f2cb124023186f32%2FiFrame.png?alt=media" alt=""><figcaption></figcaption></figure>
2. Paste the iFrame source URL into the `URL` field (**note:** paste only the iFrame source URL, not surrounding code. For example if the iFrame code snippet is\
   `<iframe src="https://app.loopedin.io/civictheme-roadmap" height="900" width="100%" frameborder="0"></iframe>` only paste in the following: `https://app.loopedin.io/civictheme-roadmap`.
3. Fill in the desired width and height for the iFrame and any additional attributes.
4. Save.