# How to make a Chrome Extension for Glideapps

**URL:** https://community.glideapps.com/t/how-to-make-a-chrome-extension-for-glideapps/22944
**Category:** Community Resources
**Created:** [February 17, 2021, 9:41pm UTC](https://community.glideapps.com/t/how-to-make-a-chrome-extension-for-glideapps/22944 "2021-02-17T21:41:55Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Bahadir\_Kaya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/bahadir_kaya/32/14065_2.png) [@Bahadir\_Kaya](https://community.glideapps.com/u/Bahadir_Kaya)
#### Post date: [February 17, 2021, 9:41pm UTC](https://community.glideapps.com/t/how-to-make-a-chrome-extension-for-glideapps/22944/1 "2021-02-17T21:41:55Z")

</div>

Hello all,

I mentioned too much but 😃 I did a lot of work for my new app hupu

> [@Hupu App: Link maker for speakers](https://community.glideapps.com/t/hupu-app-link-maker-for-speakers/22783):
>
> Hi everyone, I am happy to announce my app. Goal: Podcasters, Clubhouse speakers talks but they can not redirect people to links because there is no text place. Hupu app creates numbers for links. And people only share numbers when they talk for send people to links. Features: You can limit clickers You can put password for your hupu number You can limit for time. GOOGLE PLAY: [https://play.google.com/store/apps/details?id=io.glideapp.hupulink](https://play.google.com/store/apps/details?id=io.glideapp.hupulink) You can check on this link my application. [w…](https://www.hupu.at)

I made an chrome extension for my app.

I created another glideapp for this extension but it uses same Google Sheet.

Because i did not want to use same design for extension and main application.

However very simple way to do it.

Open a folder in your local.

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

you need only 3 docs. One is png for icon of extension

Others are html page for show. And the last one is mandatory file for extension (manifest.json)

I share codes here you can copy and use easily. Just change names from a coding software (notepad++ or Bracket.)

Maifest.json  
{

```
"name": " ***Hupu***",
"description": " ***Share links via numbers***",
"version": "2",
"manifest_version": 2, 
"browser_action":{
"default_title":" ***hupu***",
"default_icon": "*hupu.png*",
"default_popup":"*index.html*"

},

"icons":{"500": " ***hupu.png***"}

}

```

index html to show glideapp as extension popup

```
<!DOCTYPE html>
<html lang="en">

<head>
  <title> ***HUPU*** </title>
</head>

<body>
  
<iframe src="*https://temporary-trucks-6295.glideapp.io/*" width="500" height="300"></iframe>
</body>
</html>

```

Then your extension is ready.

For trying free just go to Google Chrome Extension page

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/9/69b9228011588f49eb2006fae8f86d6e471bde47.png)

and open developer tools from right side and

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/1/617f8c81358f9a5f3b081027d64b01ba1d31e60d.png)

Click Load unpacked and browse your folder. Choose folder that includes this three files.

Thatsall you can try your extension.

I want to hear some smart ideas using glideapps as extension.

Regards.

---

<div class="post-metadata">

### Author: ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)
#### Post date: [February 17, 2021, 10:10pm UTC](https://community.glideapps.com/t/how-to-make-a-chrome-extension-for-glideapps/22944/2 "2021-02-17T22:10:17Z")

</div>

> [@Bahadir\_Kaya](#):
>
> ```auto
> <!DOCTYPE html>
> <html lang="en">
> 
> <head>
> <title> ***HUPU*** </title>
> </head>
> 
> <body>
>   
> <iframe src="*https://temporary-trucks-6295.glideapp.io/*" width="500" height="300"></iframe>
> </body>
> </html>
> 
> ```

Just a reminder to take the asterisks out of the `<iframe>` `src`

---

<div class="post-metadata">

### Author: ![dougbuenaonda](https://avatars.discourse-cdn.com/v4/letter/d/4bbf92/32.png) [@dougbuenaonda](https://community.glideapps.com/u/dougbuenaonda)
#### Post date: [June 20, 2024, 6:33pm UTC](https://community.glideapps.com/t/how-to-make-a-chrome-extension-for-glideapps/22944/3 "2024-06-20T18:33:56Z")

</div>

This is awesome! Thanks!

FYI chrome is now using Manifest v 3 which is structured slightly different. based on the original post, it would now look something like

> **[به Manifest V3 مهاجرت کنید  |  Chrome Extensions  | ...](https://developer.chrome.com/docs/extensions/develop/migrate?hl=fa)**
>
> راهنمای تبدیل افزونه های Manifest V2 به افزونه های Manifest V3.

```auto
{
    "manifest_version": 3,
    "name": " ***Hupu***",
    "description": " ***Share links via numbers***",
    "version": "2",
    "icons": {
      "500": " ***hupu.png***"
    },
    "action": {
        "default_popup": "index.html"
      }
}

```

---

<div class="post-metadata">

### Author: ![dougbuenaonda](https://avatars.discourse-cdn.com/v4/letter/d/4bbf92/32.png) [@dougbuenaonda](https://community.glideapps.com/u/dougbuenaonda)
#### Post date: [June 20, 2024, 6:43pm UTC](https://community.glideapps.com/t/how-to-make-a-chrome-extension-for-glideapps/22944/4 "2024-06-20T18:43:31Z")

</div>

and now seems like this method will no longer work using iframe

> [@"glide app refused to connect" message](https://community.glideapps.com/t/glide-app-refused-to-connect-message/29149/4):
>
> Embedding Glide apps in iframes is not allowed due to security precautions (this prevents people from embedding your app in an iframe and ‘snooping’ on users). We recently improved some security settings around iframe embedding. If you were relying on iframes to share your Glide app, please find another way to share your app. @AZJR If you purchased Glide and you need iframe support, the best we can offer you is a refund—like I said, we cannot allow iframes at this point due to the security ris…

---

<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: [June 20, 2024, 6:45pm UTC](https://community.glideapps.com/t/how-to-make-a-chrome-extension-for-glideapps/22944/5 "2024-06-20T18:45:42Z")

</div>

You can iframe embed with a business or higher plan. You just need to contact Glide support to have them enable it for you.
