Step 1: Get Your Sentry DSN
Go to sentry.io and create a free account
Create a new project → Select "Browser JavaScript"
Copy your DSN (looks like
https://abc123@o456.ingest.sentry.io/789)
Step 2: Configure the Plugin
In your Bubble app, go to Plugins → Find "Sentry Error Monitoring"
Paste your DSN in the Sentry DSN field
Set Environment to "development" (change to "production" when live)
Step 3: Add the Initialize Element
Open your reusable header (or create one that's on every page)
Add the Sentry Initialize element (it's invisible)
Configure these properties:
User ID → Current User's unique id
User Email → Current User's email
Leave Auto-Capture User, Track Page Navigation, and Capture Network Errors checked
Step 4: Catch Workflow Errors (Recommended)
Go to Workflow tab
Add trigger: An Unhandled Error Occurs
Add action: Plugins → Capture Exception
Set Error Message → Current workflow error's message
Set Tags → {"type": "workflow_error"}
Step 5: Test It
Preview your app
Open browser console (F12)
Look for: [Sentry Plugin] Initialized successfully
Type: Sentry.captureMessage('Test') and press Enter
Check your Sentry dashboard — you should see the test message!