On-site messages
Show banners or modals to anonymous visitors on your marketing site with Ranla’s tracking snippet. Collect an email on the message itself, or send people to a link—and when someone identifies in your product, Ranla can stitch the visit to a contact.
What you get
- Anonymous reach — Message people before they have an email in Ranla
- Page rules — Show on selected paths (for example pricing or blog)
- Path-aware offers — Separate messages per path (pricing vs blog vs docs) with different copy and After submit URLs
- When to show — Immediately, exit intent, after scroll %, or after a delay
- Email capture or link — Collect email on the banner/modal, or open a URL
- After submit URL — Optional link after a successful capture (thank-you page, PDF, booking link)
- Automation hook — Capture fires
on_site.email_capturedso an automation can send the asset by email - Acquisition report — See which paths create contacts (Growth → On-site → Acquisition)
- Identify stitch — Call
stx.identify()after signup in your app so later email can continue the conversation
On-site messages are not a replacement for email automations. They are the on-site channel next to lifecycle and transactional mail.
Prerequisites
- A Ranla account on app.ranla.ai
- The marketing-site tracking snippet installed (
/t.jsfor your account) - Permission to edit Growth → On-site in the dashboard
Install the snippet
- Open Home (workspace setup) or Conversions → Install / tracking setup in the app.
- Copy the Ranla tracking snippet for your account.
- Paste it on the marketing site you want to message (every page where messages should appear).
The snippet loads the tracker and evaluates active on-site messages for the current URL.
Create a message
- Open Growth → On-site.
- Create a message (banner or modal).
- Set copy, theme, and where it appears (page path prefix).
- Choose when to show: immediately, exit intent, after scroll %, or after a delay.
- Choose the call to action:
- Link — button label + URL (visitor clicks and goes there)
- Collect email — email field + submit label; optional After submit URL
- Publish when ready.
Draft messages do not show to visitors. Visitors who already identified do not see messages.
When someone submits an email on a Collect email message, Ranla creates or updates the contact, links the anonymous visitor, counts the message as Identified, removes the banner, and fires the product event on_site.email_captured.
Path-aware offers
Create separate messages for different paths instead of one generic banner:
| Path | Example offer |
|---|---|
/pricing |
Collect email → After submit = demo booking |
/blog |
Collect email → After submit = checklist PDF |
/docs |
Link or capture → trial signup |
Use a path prefix rule on each message so the right offer shows on the right page.
After submit + deliver by email
After submit is a normal web link. If set, the browser goes there after a valid email submit. If empty, the message dismisses and the visitor stays on the page.
To email the asset (recommended for magnets):
- Open Automations and create a flow triggered by
on_site.email_captured(or use the On-site lead magnet template). - Send the PDF / checklist / next step from that automation.
- Optionally still set After submit for an instant thank-you page.
Event properties include path, message_id, and visitor_key when available.
Acquisition report
Open Growth → On-site → Acquisition to see:
- Which paths created contacts in the last 90 days
- Which messages converted the most Identified visitors
Identify visitors
Even with on-message capture, call identify when someone signs up or logs in in your product so Ranla can attach prior anonymous activity to the contact:
stx.identify({ email: '[email protected]' })Exact helper names follow the snippet your account installs. Identify after you know the email.
Related
- Instrument your product — product events in the app
- Connect analytics — PostHog / Amplitude / Mixpanel
- Inbound — reply to email from the dashboard
- Changelog — recent ships