How to add HTML scripts like ProveSource or Beamer to your Bubble App

Xann · 2020-06-11T21:47:49.503Z

How to add HTML scripts (and meta tags) like ProveSource, Facebook Pixel, Google Analytics or Beamer to your Bubble App:
(This is a repost of @BassLab’s post)

You need to go to the settings tab in your editor (on the left hand side menu), then click on the SEO / Metatags (found at the top).

And from there you are able to input scripts/meta tags in the header, also script in the body.

see this image…

2018-05-19_2155.png1365×462 24.3 KB

(For beamer, you can actually use this plugin:)

Bubble

Bubble plugins

See all the plugins in the Bubble Ecosystem. Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

How to access individual page settings:

Nocodify:

You can either select the page name from the top dropdown, or double click an area in the editor to bring up the page settings.

Nocodify · 2020-06-11T21:51:24.825Z

Word of note here… if you add it in the settings area, you’ll have that code run no matter the page of your app.

So something like Provesource would literally show on every page, which usually isn’t the needed use case.

For scripts that are page specific, it’s better to add in the individual page settings.

Tal
nocodify.com

Xann · 2020-06-11T21:52:03.057Z

And how would you suggest to do that? (How do you access individual page settings.)

Nocodify · 2020-06-11T21:53:00.178Z

You can either select the page name from the top dropdown, or double click an area in the editor to bring up the page settings.

Xann · 2020-06-11T22:23:11.388Z

Thanks for sharing this!

shemeka · 2021-07-21T14:12:21.489Z

Where can I find the HTML body for the page? I only see the header.