# Embed HTML in Web Viewer

**URL:** <https://community.thunkable.com/t/embed-html-in-web-viewer/1443583>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [August 11, 2021, 10:42am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583 "2021-08-11T10:42:28Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![countrymusicfyte83](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@countrymusicfyte83](https://community.thunkable.com/u/countrymusicfyte83)\
**Post date:** [August 11, 2021, 10:42am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/1 "2021-08-11T10:42:28Z")

</div>

I have searched this topic but did not find a solution on how to embed an iframe in web viewer. I can see how to insert a url, but that does not work for me. How can I embed html?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [August 11, 2021, 10:43am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/2 "2021-08-11T10:43:43Z")

</div>

Your description is not clear. Please show your code and explain were you did not get what you expected.

---

<div class="post-metadata">

**Author:** ![countrymusicfyte83](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@countrymusicfyte83](https://community.thunkable.com/u/countrymusicfyte83)\
**Post date:** [August 11, 2021, 10:46am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/3 "2021-08-11T10:46:10Z")

</div>

Thank you for the reply. The code I want to embed is simple html for an iframe. Can I embed html in web viewer?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [August 11, 2021, 10:49am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/5 "2021-08-11T10:49:10Z")

</div>

> [@countrymusicfyte83](#):
>
> embed html in web viewer

Please explain what you mean by this and PLEASE PLEASE PLEASE show your code if you want help from the members of the community. Leaving people to guess what you mean does not help you to find and answer.

---

<div class="post-metadata">

**Author:** ![countrymusicfyte83](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@countrymusicfyte83](https://community.thunkable.com/u/countrymusicfyte83)\
**Post date:** [August 11, 2021, 10:49am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/6 "2021-08-11T10:49:23Z")

</div>

I tried replying with the iframe html but it is not displaying.

---

<div class="post-metadata">

**Author:** ![countrymusicfyte83](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@countrymusicfyte83](https://community.thunkable.com/u/countrymusicfyte83)\
**Post date:** [August 11, 2021, 10:50am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/7 "2021-08-11T10:50:05Z")

</div>

```auto
<iframe src="https://mysamplewebsite1234.com?theme=light" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 450px; border: 0;"></iframe>

```

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [August 11, 2021, 10:51am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/8 "2021-08-11T10:51:05Z")

</div>

The webviewer kindly accepts all forms of appropriately formatted URLs 😂

It doesn’t take code. No iframe configuration needed if you’re only displaying a website. It IS the iframe and you just need to point the webViewer at the correct URL

Read it again below

> [@muneer](#):
>
> name of the file as the URL of the web viewer.

Let it sink in then come back with a screenshot of what you’ve tried.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [August 11, 2021, 10:52am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/9 "2021-08-11T10:52:02Z")

</div>

You need to put this code inside HTML file and supply the URL of this file to the web viewer.

Alternatively, when you create the HTML file you can load it in the project as an asset then use the name of the file as the URL of the web viewer.

---

<div class="post-metadata">

**Author:** ![countrymusicfyte83](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@countrymusicfyte83](https://community.thunkable.com/u/countrymusicfyte83)\
**Post date:** [August 11, 2021, 10:55am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/10 "2021-08-11T10:55:43Z")

</div>

Thank you @muneer

---

<div class="post-metadata">

**Author:** ![countrymusicfyte83](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@countrymusicfyte83](https://community.thunkable.com/u/countrymusicfyte83)\
**Post date:** [August 11, 2021, 11:07am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/11 "2021-08-11T11:07:20Z")

</div>

![thunkable1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/b/eba5220a2b7a720e6d3c3808f7ca271856eec0ed.jpeg)

---

<div class="post-metadata">

**Author:** ![countrymusicfyte83](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@countrymusicfyte83](https://community.thunkable.com/u/countrymusicfyte83)\
**Post date:** [August 11, 2021, 11:08am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/12 "2021-08-11T11:08:56Z")

</div>

When one clicks on that image on the website, sound plays. No sound plays when I click on it in web viewer. Is there a way to test that I am not aware of?

---

<div class="post-metadata">

**Author:** ![countrymusicfyte83](https://avatars.discourse-cdn.com/v4/letter/c/3bc359/32.png) [@countrymusicfyte83](https://community.thunkable.com/u/countrymusicfyte83)\
**Post date:** [August 11, 2021, 11:15am UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/13 "2021-08-11T11:15:28Z")

</div>

Found web preview

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:17pm UTC](https://community.thunkable.com/t/embed-html-in-web-viewer/1443583/14 "2024-11-08T13:17:26Z")

</div>


