# \[Tip of the Week\] Embed Widget

**URL:** <https://community.tulip.co/t/tip-of-the-week-embed-widget/3351>\
**Category:** General\
**Tags:** weekly-tip\
**Created:** [August 10, 2021, 5:43pm UTC](https://community.tulip.co/t/tip-of-the-week-embed-widget/3351 "2021-08-10T17:43:17Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![gio](https://sea2.discourse-cdn.com/flex020/user_avatar/community.tulip.co/gio/32/82_2.png) [@gio](https://community.tulip.co/u/gio)\
**Post date:** [August 10, 2021, 5:43pm UTC](https://community.tulip.co/t/tip-of-the-week-embed-widget/3351/1 "2021-08-10T17:43:17Z")

</div>

hello all,

in this week’s Tip of the Week, we’d like to share how to embed webpages in Apps and how many interesting use cases it can unlock!!

for these examples, we’ll get into looking at how to embed Google Docs and a QR Code widget. (however, I will mention that a lot of sites block their ability to be embedded and will not allow you to embed them directly in your apps)

to embed a webpage, simply navigate to **Embed** \> **Webpage** :

 ![Screen Shot](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/2/29efe0a993b971711f893e70fcc7594b4d0d67c7.jpeg)

once you add this widget, you’ll have the option to either use a Static Value or a Variable as the URL for the webpage. in this example I’m simply embedding a Google Doc (please note that the [sharing settings](https://support.google.com/docs/answer/2494822#zippy=%2Cshare-a-file-publicly) do need to be adjusted on the Google Doc):

 ![Screen Shot 1](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/b/b6a22eed2c8b6b2a376272687845ed1f610de743.jpeg)  
at this point, you will see the Google Doc embedded in your app:  
 ![Screen Shot 5](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/6/65d942e681615a867690640449909b3af6af8766.jpeg)

alternatively, you can also drive the embedded webpage from a Variable, which allows you to dynamically load webpages as the Variable changes. in this example, we simply load a QR Code as the user changes the input:

 ![Screen Shot 3](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/8/8311f18c752d3ea5942e00dc0a7b9287a31971d4.jpeg)  
 ![Screen Shot 2](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/8/8fb8a9f5f804de543895a041e9bde88e0da724ee.jpeg)

result:

 ![Screen Shot 4](https://us1.discourse-cdn.com/flex020/uploads/agilemfg/original/2X/b/b1cd71178b2e5f246987a9c191e5def7db23154e.jpeg)

are you using this feature?? if so, share here below what webpages you’re displaying!!

as a note, this feature is not enabled by default. if you’d like it on your site, send me via direct message the URL of your instance and we can enable it for you!!