ProofyBubble

Framer

Step-by-step guide to add ProofyBubble to your Framer site

Follow these steps to integrate ProofyBubble into your Framer site.

Framer allows you to add custom code to your site through the Custom Code feature.

  1. Open your Framer project.
  2. Click on the Settings icon in the top right.
  3. Select Custom Code.
  4. In the Head section, 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.

After implementing:

  • Visit your live website.
  • Check your ProofyBubble dashboard for incoming data. It might take a few minutes for the first pageviews or events to appear.