← Back to home

Contact Form

Test the Odyssey embed with an HTML native form featuring validation and event tracking.

Embed Status:⏳ Loading...
Get in Touch
Fill out the form below and we'll track your journey through the embed script.

Optional - provide if you'd like us to call you

Tell us how we can help (minimum 10 characters)

Embed Testing
Open your browser console to see events being tracked

Script Status

Script loaded: ⏳ Loading...

Embed ready: ⏳ Initializing...

Events tracked:

  • page_view - Automatically fired when the page loads
  • field_focus - Fired when you click into any form field
  • field_blur - Fired when you leave a field (includes dwell time in ms)
  • field_change - Fired on every keystroke (includes valueLength, isEmpty)
  • validation_error - Fired when HTML5 validation fails (includes errorCode, message)
  • submit_success - Fired when form is successfully validated and submitted

Embed script configuration:

<script
  src="http://localhost:3000/embed/embed-v1.global.js"
  data-org="odyssey-test"
  data-journey="test-journey-form"
  data-endpoint="http://localhost:3000/api/ingest"
  async
></script>

⚠️ Prerequisites: The core app must be running on port 3000 for the embed script to load. Run pnpm --filter @repo/core dev first.

Event Log
Real-time tracking of all events fired by the embed script
No events yet. Interact with the form to see tracking events appear here.