Monstral / Extension Studio

Extension Studio

The config layer behind every hotspot, tour, and message — reviewable, versionable, and yours to shape.

tune

Global hotspots, per-page copy, and step-level placement all live in a single reviewable config — no scattered snippets to keep in sync.

route

Exact paths, :id params, wildcards, hash routes, and query-param routes — the most specific pattern wins, so nested app shells stay addressable.

visibility

The embed ships as one dependency-free, unminified script so your security team can read exactly what runs on your site before it ever loads.

layers

The whole UI renders in an isolated Shadow DOM — your styles can't leak in, and ours can't leak out.

embed-config.json

{

"start_message": "Need a hand with checkout?",

"pages": {

"/billing/*": { "painPoint": "plan upgrades" }

}

Integrations

Where demo engagement goes next — your channels, your CRM, your calendar and your analytics. Connected from the dashboard, no code.

tag

Hot-lead and meeting-booked alerts as rich messages: who it is, which demo, their pain points, and an “Open in Monstral” button.

groups

The same alerts as Adaptive Cards in a Teams channel, through a Workflows webhook.

hub

Every visitor who leaves an email becomes a contact; the AI lead report and booked meetings are added as notes on their timeline.

event_available

The assistant shares your booking link pre-filled with the visitor’s details; booked meetings are matched back to the lead and trigger alerts.

insights

Demo events (journey started, step, completed, lead) pushed to your dataLayer or straight to GA4 — only event names and step ids, never chat text.

ads_click

Fire a Google Ads conversion when a lead is captured, and tag Clarity sessions so you can filter recordings by what visitors did in the demo.

webhook

Deliver events to any endpoint — Zapier, Make, n8n or your own — with retries, backoff and a full delivery log.