Quickstart

Three steps from zero to your first events. Grab your public key from your workspace settings, then follow along.

1. Add the script

Paste the tracking script before the closing </body> tag. Tracking starts automatically on the first pageview — no backend changes.

html

<script
  src="https://trepi.relake.co/sdk/trell.js"
  data-pk="YOUR_PUBLIC_KEY"
  data-auto-track="true"
></script>

Passwords are masked by default

Trell captures input, textarea and select values, but password fields are never collected.

2. Name your forms

Add a data-trell-form-id so each form shows up cleanly in analytics, funnels and the submissions browser. The optional data-trell-form-name is the display label.

html

<form data-trell-form-id="contact_sales" data-trell-form-name="Contact sales">
  <!-- your fields stay exactly as they are -->
</form>

3. Verify in Events

Open the Events page in your workspace, submit a test form, and watch the event appear with its type badge, form, page and timestamp. Anything looks off, the log tells you exactly what Trell saw.

From here, head to the Framework guides for your stack, or browse the Events reference.

PreviousOverview NextFrameworks