ProofyBubble

Bubble.io

Step-by-step guide to add ProofyBubble to your Bubble.io application

Follow these steps to integrate ProofyBubble into your Bubble.io application.

Bubble allows you to add custom HTML and JavaScript code through the Settings tab.

  1. Open your Bubble app editor.
  2. Go to Settings > SEO/Metatags.
  3. Scroll down to the Advanced settings section.
  4. In the Script/meta tags in header field, paste your ProofyBubble script:
<script
  id="credibility-client-<your-id>"
  type="module"
  crossorigin="anonymous"
  data-app-id="<your-app-id>"
  src="https://client.proofybubble.com/assets/embed.js"
></script>
  • Replace <your-id> with your actual Website ID from ProofyBubble.
  • Replace <your-app-id> with your actual App ID from ProofyBubble.
  1. Click Save.

You can also add the script using an HTML element on your pages:

  1. Add an HTML element to your page.
  2. Paste the ProofyBubble script in the HTML element.
  3. Make sure the element is placed in the header section of your page.

After implementing:

  • Preview or publish your Bubble app.
  • Check your ProofyBubble dashboard for incoming data. It might take a few minutes for the first pageviews or events to appear.