[New Plugin] Html Header

My first plugin. This is a really no-code plugin (i.e. I didn’t write any code for it :slight_smile:). It doesn’t provide any elements or actions. All the plugin does is to add the content you set in the plugin settings to the html header of your app (overall app).

Plugin page: HTML Header Plugin | Bubble
Demo page: Bubble | No-code apps
Demo page editor: HTML Header Demo | Bubble Editor

As a demo, I added a style to an element which I set an ID.

  1. Here is the element with an ID:
  1. Here is what you should add to the plugin settings to customize this element by ID using CSS:
  1. And here is the result:
  • image

Don’t hesitate to ask any questions and give feedback :wave:

PS: This feature is already available (overall and per-page basis) in paid plans of Bubble. Now, at least overall app portion is available anytime!

1 Like

So this plugin allows us to bypass the feature limitations imposed by Bubble on free plans? Currently any free plan is unable to have their on page SEO exposed, but I was not aware that the use of settings script/meta in header was not exposed on free plan.

Screen Shot 2024-06-03 at 2.49.51 PM

But also, on free plans does the page header not get exposed?

Screen Shot 2024-06-03 at 2.51.20 PM

As far as I have tested, yes. The page html header is page specific, the plugin mimicks the one in the settings. The header is added to the whole app. At the end of the day, you may not really need this plugin when you published, but it is nice to have it in free.

2 Likes