Can you embed embed code into a Glide window?

Essentially we have an external support live chat that uses embed code. I want to know if we have the customer click on get support where the action will create a new screen, can I embed embed code there? If so, how would I do it? Not experienced with this.

Try a web embed component.

Hi Darren, this only seems to allow for a URL not actual embed code?

What I’m trying to get in looks like this:
< script
src=“xxxxx.com”
data-resources-url=“xxxxx.com”
data-widget-id=“66dacxxxxxxxxxxxx” >

Try an HTML to URL column first, then use that result in a web embed.

1 Like

Results in a blank page

Screenshot 2024-09-06 142329

No guarantee that it would work, but what are you supposed to see? The web embed is a sandboxed iframe, so it can be limiting in certain circumstances, compared to placing code directly of a web page.

1 Like

Based on these instructions for my chatbot does it sounds like I can use the approach above to embed by chatbot?

Namely: Add frame code to an html to URL column and add that value to a web embed component?

Or do I need to try something different?

Theoretically it should work. Only one way to find out.

2 Likes

Thanks. Was just confirming that I was on the right track and that yes in theory this approach should work and is therefore worth testing.

1 Like

It worked!

  1. Get iframe code
  2. Add to HTML page in GitHub repo
  3. Copy URL to web embed component in Glide
  4. :face_exhaling:

Thanks team.

You could probably use the HTML to URL column and skip the whole GitHub step.

This is what I get using that method

I have the same issue - web embed (using html to url on the article) does not display a cnn.com article. Just shows me the title.

Can you go into more detail on how you made this work?

@blairrorani does the GitHub repo have full html with html tags and body tags, or is it just the embed snippet? Are you doing a full html page or just the snippet for the html to url column.

@MattLB I would have to think that CNN does not allow their website to be iframe embedded. Only websites that allow embedding are going to work. Unless you are using code specifically intended for embedding.

I will try with other examples. CNN was embedded in the Apple News and that is wheee I pulled it.

For GitHub is it an api/webhook call?

HTML page (hosted on Github but that isn’t important):

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lindy AI Chatbot Test</title>
</head>
<body>    
<iframe src="https://chat.lindy.ai/embedded/lindyEmbed/blah-blah-5e7d-4432-9c9c-b2b76e7df08f" 
        width="100%" 
        style="border: none; min-height: 500px; height: 50vh;" 
        title="Lindy Embed">
</iframe>
</body>
</html>

Column is just iFrame snippet.

I get the url for this page (which again is hosted on Github as a page) and paste into web embed component in Glide.

2 Likes

Thanks!

Did this based on needing a URL. It was a complete guess but grateful it worked!

2 Likes