# Embed a widget script inside an app

**URL:** <https://community.glideapps.com/t/embed-a-widget-script-inside-an-app/74122>\
**Category:** Ask for Help\
**Created:** [June 14, 2024, 12:59am UTC](https://community.glideapps.com/t/embed-a-widget-script-inside-an-app/74122 "2024-06-14T00:59:19Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [June 14, 2024, 12:59am UTC](https://community.glideapps.com/t/embed-a-widget-script-inside-an-app/74122/1 "2024-06-14T00:59:19Z")

</div>

I am trying to figure out if there is a way to embed a widget inside of a paid (Pro) app. This widget is free to use, and there must be a way to convert it to a viewable tool in Glide. The ID of the boxer can be entered via a template, but I can’t figure out how to transform the info below into either a Web Embed or a Construct HTML or a ???

Any advice would be greatly appreciated, the text below is from the data site (I added spaces after the \< so the script would show up)

**Step 2: Copy & Paste Setup Code**  
Copy the following code and paste it directly after the “\< body \>” tag in your html page.

```auto
<script>
  (function() {
    var boxrectag = document.createElement('script');
    boxrectag.async = true;
    boxrectag.type = 'text/javascript';
    boxrectag.src = 'https://boxrec.com/build/js/widget.js';
    var node = document.getElementsByTagName('script')[0];
    node.parentNode.insertBefore(boxrectag, node);
  })();
</script>

```

**Step 3: Copy & Paste Boxer Tag**  
Copy the following code and paste it wherever you want the boxer name and record to appear in the page.  
`<ins data-boxrec='boxer' data-boxrec-boxer='180' ></ins>`

**Step 4: Change the ID# of the Boxer**  
Once pasted, change the ID# of the boxer from “180” to the ID# of the boxer you wish to display.  
For example, if the ID# of the boxer you wanted to display was “90” then change:

data-boxrec-boxer=‘180’  
to be  
data-boxrec-boxer=‘90’

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 14, 2024, 1:37am UTC](https://community.glideapps.com/t/embed-a-widget-script-inside-an-app/74122/2 "2024-06-14T01:37:30Z")

</div>

Just formatted that for you.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 14, 2024, 1:42am UTC](https://community.glideapps.com/t/embed-a-widget-script-inside-an-app/74122/3 "2024-06-14T01:42:24Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/d/bd5854f3ead23db12e3d0d743322c8a467470e7c.png)

Is this what you want?

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [June 14, 2024, 5:53pm UTC](https://community.glideapps.com/t/embed-a-widget-script-inside-an-app/74122/4 "2024-06-14T17:53:38Z")

</div>

Well, not really - I’m seeing now that is not what I’m after - I was hoping for something like this but realize now that the widget is only what you displayed. I wish there was some way to get the other info for this app. Embedding the page is not allowed.

 ![CleanShot 2024-06-14 at 10.51.27@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1fdab156da9ebb4fb32d63eb10087461354521d7.jpeg)

Thanks for looking at it

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 14, 2024, 11:55pm UTC](https://community.glideapps.com/t/embed-a-widget-script-inside-an-app/74122/5 "2024-06-14T23:55:16Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/f/afa3c8ca762d2d2fe3d3d7160a598def724ec102.jpeg)

Not sure if you want this, but this site is embeddable:

> **[George Foreman: Record & Stats](https://www.martialbot.com/boxing/g/george-foreman.html)**
>
> Infographic summary of George Foreman's stats and boxing record of 76-5

---

<div class="post-metadata">

**Author:** ![kabookie](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kabookie/32/10994_2.png) [@kabookie](https://community.glideapps.com/u/kabookie)\
**Post date:** [June 17, 2024, 3:43am UTC](https://community.glideapps.com/t/embed-a-widget-script-inside-an-app/74122/7 "2024-06-17T03:43:39Z")

</div>

Thanks, but that site does not have the database that BoxRec has, which is what we need to access. Right now I’ve got a link clicking to the individual boxer profile, but unless my client can somehow get permission from BoxRec to access their API, I think that is the best he can do for now. BoxRec is the “official” database where fight data is reported. I appreciate your suggestion, @ThinhDinh .