# What should the structure of an embeddable file be for it to be recognised in Evolve

**URL:** <https://community.evolveauthoring.com/t/what-should-the-structure-of-an-embeddable-file-be-for-it-to-be-recognised-in-evolve/24>\
**Category:** FAQ\
**Tags:** embeddable, iframe\
**Created:** [November 13, 2017, 10:08am UTC](https://community.evolveauthoring.com/t/what-should-the-structure-of-an-embeddable-file-be-for-it-to-be-recognised-in-evolve/24 "2017-11-13T10:08:05Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![appitierre](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/appitierre/32/10_2.png) [@appitierre](https://community.evolveauthoring.com/u/appitierre)\
**Post date:** [November 13, 2017, 10:08am UTC](https://community.evolveauthoring.com/t/what-should-the-structure-of-an-embeddable-file-be-for-it-to-be-recognised-in-evolve/24/1 "2017-11-13T10:08:05Z")

</div>

**This guide is for use with the iFrame component.**

1. Create a folder for the file you wish to embed on your computer.
2. Create a file in that folder called index.html
3. In index.html add the line `<embed src=”name-of-example-file.pdf” width=”100px” height=”200px” />`
4. Change the `src=”name-of-example-file.pdf”` to the file you’re embedding.
5. Set the `width` and `height` values to your preference.

![image2](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/1X/ac5d030c6cf9ba7d1481da8cbd8e70d8031df947.jpg)

1. Compress the contents of the folder and save as a .zip file.

---

<div class="post-metadata">

**Author:** ![tedcurran](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/tedcurran/32/464_2.png) [@tedcurran](https://community.evolveauthoring.com/u/tedcurran)\
**Post date:** [September 26, 2019, 3:42pm UTC](https://community.evolveauthoring.com/t/what-should-the-structure-of-an-embeddable-file-be-for-it-to-be-recognised-in-evolve/24/2 "2019-09-26T15:42:46Z")

</div>

Is this the recommended method to display PDF files in Evolve?

---

<div class="post-metadata">

**Author:** ![Matt\_Leathes](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/matt_leathes/32/586_2.png) [@Matt\_Leathes](https://community.evolveauthoring.com/u/Matt_Leathes)\
**Post date:** [June 8, 2022, 9:08am UTC](https://community.evolveauthoring.com/t/what-should-the-structure-of-an-embeddable-file-be-for-it-to-be-recognised-in-evolve/24/3 "2022-06-08T09:08:36Z")

</div>

Just to add two things to this:

1. It’s really important that you zip up _the contents of the folder_ and **not** the folder itself
2. In this day and age of browsers having built-in PDF readers you’ll probably get better mileage using the following `<embed>` code:

`<embed src=”filename.pdf” type="application/pdf" width=”100%” height=”200%” />`