71 Lines

Build Chrome extensions with No-code

3 followers

Build Chrome extensions with No-code

3 followers

Step-by-step course to build Chrome extensions and website widgets with Bubble.io and 71 Javascript lines of code. — ⚡ Build Chrome extensions in days not weeks 💰 Enter a new market for No-coders 😌 Don't waste time and money to validate your idea —

Launch tags:Web App•Chrome Extensions•No-Code

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

Sparkwave

Maker

Hey Hunters! When I came up with the idea of https://Heyhi.io I was not sure I could build it with No-code. I mean, a website widget that instantly connects you in a video call with your website visitor... built with No-code? That was challenging! — 💊 Pain point — I didn't want to waste time and money to hire an engineer or spend time coding the website widget without being sure that someone would have bought the product. I wanted to build it with no-code technologies in days, not weeks, but I couldn't find a complete tutorial or course on how to do it, so I decided to solve the problem by myself. — 😌 Solution — In this course, I explain how to build chrome extensions and website widget by loading a Bubble app within an HTML iFrame and communicate (bidirectionally) with the webpage or the browser's tabs. Basically, all the fundamentals I wish I had when I started building my Chrome extensions and website widgets with Bubble. — 👨‍🏭 71 Lines Bundle — On the website, it’s available a limited discount package for early adopters with two commented and explained boilerplate projects that include: 📦 A Chrome Extension to save Twitter threads and read them later (user authentication handled). It also makes you interact with the current web page’s DOM, change the current page's background and add, remove or change the HTML divs. 📦 A Website widget you can install on your website that let your website’s visitors book a call with you by picking a date from a calendar and saving their emails. — 🎁 Launch Day Gifts — To celebrate my favourite number today, I’m gonna give free access to all the upvotes multiple of “71”: - 71st - 142nd - 213th - ... Keep building great stuff people 💙 Matteo

Report

5yr ago

Growth Marketing Checklists

@_matteo_mosca_ Matteo awesome work! I haven't come across a chrome extension course before but this looks fantastic! Can't wait to try it out :)

Report

5yr ago

Sparkwave

Maker

@dansiepen buddy can't wait to hear your feedback, make sure to join our Slack private group as well, for support and meet other no-coders!

Report

5yr ago

Growth Marketing Checklists

@_matteo_mosca_ Can't wait to join :)

Report

5yr ago

@_matteo_mosca_ I am excited getting the course

Report

5yr ago

@_matteo_mosca_ , that is impressive. What are the constrains building Chrome extensions with Bubble?

Report

5yr ago

Sparkwave

Maker

@volonocode thanks man, you can take a look at this blogpost for the constraints https://forum.bubble.io/t/comple...

Report

5yr ago

It is not a trivial feat to understand how to connect real code to a bubble.io web application through Javascript. Thankfully @_matteo_mosca_ has done that work for us and presents it in a very straight forward manner. For anyone interested in how it works on a conceptual level, I recommend to take a look at both courses. They cover also how to upload a javascript file on AWS S3, configure CORS - so you can integrate bubble also in a react app. - I had not expected that but it will come in very handy. Big thumbs up from me!

Report

5yr ago

Sparkwave

Maker

@chrisdietr super feedback Chris, thanks!

Report

5yr ago

This helped me learn how to create a website widget from scratch, using backend workflows, running Javascript code from Bubble, etc. I still need to figure how to change the look & feel and be able to customize it a bit more but I know that there is absolutely no way I could have come to this point without this course. Highly recommend. You won't find a course like this anywhere else (I should know, I've watched a thousand Bubble tutorials 😂)

Report

5yr ago

Sparkwave

Maker

@pablo_heredia thanks Pablo! 🙏🏼

Report

5yr ago

I picked this up last week and it's been a great intro that's given me some ideas for apps I can build for nocoders. I haven't gone through the whole course yet, but it's well put together.

Report

5yr ago

codedamn

I took the course and loved it! It provided really clear instructions on how to turn bubble apps into chrome extensions widgets, very helpful and I can't wait to apply what I learned in new ways!

Report

5yr ago

Hi . any background experience or prerequisites to join the course ?

Report

5yr ago

Sparkwave

Maker

hey @hassan_salameh basic understanding of how Bubble works. Every step is detailed explained and code is commented :)

Report

5yr ago

1 2

Reviews