How to Embed a Widget in Glide
Glide lets you build apps from spreadsheets — no code required. Its Web Embed component renders any URL as an inline iframe within your app. Paste your Embeddy widget URL and your app users can interact with the widget directly.
On this page
Prerequisites
Before embedding, make sure you have the following ready:
- An Embeddy widget: Create one for free at embeddy.ai/dashboard. Your widget must be published so it is publicly accessible.
- Your Embed Link: Copy the Embed Link URL from the Embeddy dashboard:
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID. - A Glide app: Free or paid. The Web Embed component is available on all plans.
Glide Pages vs Glide Apps: The Web Embed component works in both Glide Pages (web apps) and Glide Apps (mobile-style apps). The setup is the same.
Method 1: Web Embed Component
Recommended — works on all plans
- 1
Open your Glide app in the builder
Navigate to the screen or tab where you want to add the widget.
- 2
Add a Web Embed component
Click the "+" button to add a component, search for "Web Embed", and add it to the current screen.
- 3
Set the URL
In the component settings panel, set the URL field to your Embeddy Embed Link:
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID
- 4
Preview the app
The Web Embed component renders a live preview in the builder. You can also open the published app URL to test it.
Tip: You can set the URL to a static value (paste your Embed Link directly) or bind it to a column in your data source for dynamic embeds.
Method 2: Dynamic URL from Data
Advanced — URL driven by your spreadsheet or database
Glide can pull the Web Embed URL from a column in your data source (Google Sheets, Airtable, Glide Tables, etc.). This lets each row display a different widget.
- 1
Add a URL column to your data source
In your Google Sheet or Glide Table, add a column containing the Embeddy Embed Link for each row.
- 2
Bind the Web Embed URL to the column
In the Web Embed component settings, instead of typing a static URL, click the column binding icon and select your URL column. Example column value:
https://embeddy.ai/webhost/abc123?widget_props_id=xyz789
- 3
Test with different rows
Navigate between items in your app — the Web Embed should update to show the corresponding widget for each row.
Note: If the URL column is empty for a row, the Web Embed component will display a blank area. Consider adding a conditional visibility rule to hide the component when the URL is empty.
Sizing & Layout
Full-Screen Tab
For the best experience, dedicate an entire tab or screen to the Web Embed component. This gives the widget maximum space and avoids scrolling conflicts.
Inline with Other Components
You can also place the Web Embed alongside other components on a detail screen. The component will take up the available width and you can adjust its height in the settings.
Limitations
Height may be fixed
The Web Embed component may have a fixed or limited height depending on the layout. If your widget is tall, users may need to scroll within the embed frame.
Mobile app limitations
In Glide's mobile-style apps, the Web Embed component renders inside a WebView. Some advanced browser features may not be available in the WebView context.
HTTPS required
Glide requires HTTPS URLs. All Embeddy widget URLs use HTTPS by default.
Troubleshooting
Web Embed shows blank
Common causes:
- Widget not published. Publish it in the Embeddy dashboard.
- URL missing or malformed. Check that the full URL is set correctly in the component settings.
- Data binding issue. If using a dynamic URL, verify the column contains a valid URL for the current row.
Widget is cut off or too small
Try placing the Web Embed component on a dedicated full-screen tab for maximum space. In detail views, check if there is a height setting in the component properties.
Scroll conflicts on mobile
On mobile devices, scrolling inside the embed may conflict with the app's page scrolling. Using a full-screen layout for the embed minimizes this issue.
Still stuck? Reach out on Discord or contact support.
FAQ
Does this work with Glide's free plan?
Yes. The Web Embed component is available on all Glide plans including the free tier.
Can I show a different widget for each row in my data?
Yes. Bind the Web Embed URL to a column in your data source. Each row can have a different Embeddy Embed Link, and the component will update as users navigate between items.
Will the widget update automatically?
Yes. The Web Embed loads from the live URL. Changes published in the Embeddy dashboard are immediately reflected in your Glide app.
Ready to embed your widget?
Head to your Embeddy dashboard to create or find your widget, copy the Embed Link, and add it to your Glide app with a Web Embed component.