Click a segment to see the page content change in real-time:
Active segment: default
Loading...
How This Demo Works
Embed snippet (auto-generated by /generate)
<script src="/snippetforge.js"
data-csv-url="/data/segments-demo.csv"
data-seg-param="seg"
data-key-column="segment"
data-fallback="default"
data-mapping='[{"selector":"#hero-title","column":"title"},{"selector":"#hero-subtitle","column":"subtitle"},{"selector":"#hero-cta","column":"cta_text"},{"selector":"#hero-cta","column":"cta_href"}]'>
</script>The hero above reads from /data/segments-demo.csv and swaps #hero-title, #hero-subtitle, and #hero-cta based on the ?seg= parameter.