# Web Embed Component

**URL:** <https://community.glideapps.com/t/web-embed-component/54463>\
**Category:** Ask for Help\
**Created:** [November 18, 2022, 8:15pm UTC](https://community.glideapps.com/t/web-embed-component/54463 "2022-11-18T20:15:28Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [November 18, 2022, 8:21pm UTC](https://community.glideapps.com/t/web-embed-component/54463/2 "2022-11-18T20:21:34Z")

</div>

There is a bit of a trick to that.

This is something I discovered and initially implemented in my own app:

> [@Instagram and glide combined](https://community.glideapps.com/t/instagram-and-glide-combined/50772/6):
>
> That has javascript, so it won’t work with a rich text component. However, I did figure out a trick that seems to work. A Add a new text column in your table. Name it “embed” or something like that. Temporarily add a file picker component and point it to that new column. Take that embed code and paste it into notepad or some other basic text editor. Save the file as embed.html or something like that. Use the file picker to upload that html file to the glide database. Now add a web embed co…

But after some discussion with a couple of other experts, instead of uploading an html document, you could simply create a template column to hold your embed code, and a simple javascript column where you pass in your embed code, and return a URI that you can place in a web embed.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/1/21da00f30d6dfa5ed160336e6661f1e7b5af08ec.png)

```auto
return `data:text/html;charset=utf-8,${encodeURIComponent(p1)}`;

```

---

_[View the full topic](https://community.glideapps.com/t/web-embed-component/54463)._