Test Everything Before It Goes Live
The Playground loads your actual website inside Surecatch and runs the full embed engine against it — live. See exactly which Observers fire, which Frames inject, and what profile data gets written, all without touching production.
Your Site. Inside Surecatch.
Paste any URL into the Playground and Surecatch proxies it through its own infrastructure, injects the embed script, and renders your page inside a live iframe. Every event — Observer triggers, Frame views, Frame clicks, Frame conversions — streams back to the right panel in real-time.
Unlike staging environments, the Playground runs against your real Observers, real Frames, and real Segments. You can toggle individual entities on or off, impersonate any profile, and simulate a future date — all without writing a single line of code or touching your live site.
Live Proxy Rendering
Your site is fetched, transformed, and rendered inside the Surecatch iframe with the embed injected.
Real-time Event Stream
Observer triggers, Frame views, clicks, and conversions appear instantly as they happen.
Profile Impersonation
Act as any existing profile to simulate what a specific visitor would see and experience.
Future Date Simulation
Mock a future date to test time-constrained Frames and scheduled Observer rules before they go live.
Profile Data
Events
Frame Viewed
Observer Triggered
Frame Clicked
Observers
Four Live Panels. Total Visibility.
The right-hand panel is split into four live data feeds — all updating in real-time as you interact with your proxied site.
Profile Data
See every profile property for the current visitor, including any you inject manually to simulate specific audience states.
- Pin high-priority keys to the top
- Add custom key-value pairs live
- View full profile in modal
Events
A live stream of every event fired during the session — Observer triggers, Frame views, clicks, and conversions — with timestamps.
- Observer Triggered
- Frame Viewed / Clicked / Converted
- Chronological with timestamps
Observers
See every Observer loaded for this session. Toggle individual Observers on or off without touching production configuration.
- Enable / disable per Observer
- Trigger count per rule
- Run all Observers override
Frames
See every Frame loaded for this visitor. Toggle Frames on or off, or force all Frames to run regardless of constraints.
- Enable / disable per Frame
- Run all Frames override
- Fragment assigned shown
Precision Controls. Zero Risk.
The Playground toolbar lets you simulate any scenario without touching your live configuration or writing code.
Act as Profile
Search for and impersonate any existing profile. The Playground re-initialises with that visitor's exact profile data and segment memberships.
Simulate a Future Date
Pick any future date and the embed treats it as today. Test time-constrained Frames and Observers before their window opens.
Inject Profile Data
Add arbitrary key-value pairs to the session on the fly. Instantly see how Segment rules and Frame constraints react to that new data.
Device Preview
Switch between Desktop, Tablet, and Mobile viewport dimensions to verify responsive Fragment rendering across breakpoints.
Popout Mode
Detach the preview into a separate window so you can keep all four data panels open while browsing your full-size site.
Playground Toolbar
Acting as: profile_f8b2...92c1
Enterprise plan · 14 visits · Google Ads source
Date: 2026-12-25 (MOCKED)
Time constraint on "Holiday Promo" Frame will activate
Viewport:
Observer Overrides
Settings changed
How the Playground Works
Enter a URL
Paste any URL — your homepage, a landing page, even localhost. Surecatch fetches it via a proxy, parses the HTML, and injects the Surecatch embed script.
Embed Initialises
The embed calls the init endpoint with a playground flag. The companion returns the full set of Observers, Frames, Segments, and the current profile state — all scoped to your configuration.
Interact with Your Site
Browse normally inside the iframe. Scroll, click, fill forms. Every action that matches an Observer rule fires exactly as it would on production.
Watch the Panels Update
Observer triggers, Frame views, Frame clicks, and Frame conversions post back via postMessage and appear in the Events panel in real-time. Profile Data updates as properties are written.
Tweak and Re-run
Toggle Observers or Frames on/off, inject profile data, switch profiles, or change the simulated date. Hit Refresh and the embed re-initialises with your new settings — no production changes made.
Every moment counts. And so does this one.
Start capturing visitor signals, building intelligent segments, and delivering personalized experiences that convert. See Surecatch in action with a live demo tailored to your business.