Replace demo.high-water.net with your subdomain. Replace the
{{...}} tokens with your GHL merge fields (on a GHL funnel page they render
automatically), or pass them in the host page URL as ?first_name=&service=&website=.
<iframe
src="https://demo.high-water.net/demo?first_name={{contact.first_name}}&service={{contact.product}}&website={{contact.website}}"
style="width:100%;max-width:440px;height:620px;border:0;border-radius:12px"
title="Reactivation demo"></iframe>
<script src="https://demo.high-water.net/widget.js"
data-website="{{contact.website}}"
data-first-name="{{contact.first_name}}"
data-service="{{contact.product}}"
data-agent="Sarah"></script>
Bubble bottom-right; the demo (and its scrape) only loads when a visitor opens it.
<div id="dbr-demo" style="height:620px;max-width:440px"></div>
<script src="https://demo.high-water.net/widget.js"
data-mode="inline" data-target="#dbr-demo"
data-website="{{contact.website}}"
data-first-name="{{contact.first_name}}"
data-service="{{contact.product}}"></script>
Edit the query params below in the URL to test with real values.