Forum Academy Marketplace Showcase Pricing Features

Complete Guide on How to Build Chrome Extensions and Website Widgets in Bubble

Definitely interested

1 Like

Yes please, been looking at how to do this.

1 Like

Very interested!

1 Like

I’ve built a successful chrome extension as a companion to a Bubble-built website, and multiple times during the process I wished I had been able to use bubble elements for the UI.

That being said, chrome extensions and normal web apps are architecturally very different. The beauty of a chrome extension is being able to push and pull from the webpage your on or from other deeper browser features. Most of that functionality is from the “background” script, which is sort of like a second backend environment that you have to work within.

The bubble engine doesn’t give you any access to that layer, so I don’t know if it would be worth it to pursue using the bubble front-end via iframe for Chrome Extension development if you can’t also tie in the communication with the background script

2 Likes

Great initiative @matteo, very curious to see your approach towards this!

1 Like

Exactly, in fact a part of the guide will cover communication aspects between the iframe and the webpage where the chrome ext/widget is loaded. Curios to see your projects and approach! Can we chat? My email [email protected] or twitter https://twitter.com/matteomosca_

I’m very interested in this. What’s the timeline on when you’re planning to release this?

Interested to know as well.

Hey @stephencharles @vnihoul77 :slight_smile: here is a potential timeline:

  • Draft of the course (for early adopters) ready by Jan 11th;
  • Access to everyone by Jan 18th;

In the next few days I’ll share the landing page of the course here as well!

4 Likes

Nice, keep us updated :grin: :christmas_tree:

1 Like

Pory.io have the JS widget “out of the box” which is interesting for a very new platform.

Very interested in how we could do this in Bubble.

2 Likes

Hey @NigelG :slight_smile: here is the link to the course landing page http://71lines.com

Not ready yet, but you can subscribe to get notified and join the slack group! (you’ll receive the invite link in the email once subscribed)

2 Likes

Done.

71 lines :rofl:

ahaha it’s the “beta” title, what do you think about it? :smiley:

Creative! Just subscribed :+1:t2:

2 Likes

Subbed. Look forward!

1 Like

It is genius :slight_smile:

1 Like

Brilliant idea Matteo! I am very interested in the course, but question; will you cover how the extension can read & manipulate data on a web page the user is viewing? I am trying to create a Chrome Extension that reads data on specific webpages in the browser and injects certain widgets into the page. Would be very interested in seeing how to do that :slight_smile:

1 Like

Hi @elsamih!
The course is focused on how to communicate between the bubble app and the Chrome extension wrapper which actually has access to the information you need.
In a lesson, I’m gonna cover how to read information from HTML divs and components and send them to Bubble, and how to add divs in the DOM.

Thanks :slight_smile:

3 Likes

That’s nice to know!

1 Like