Real-time journey orchestration

실시간 여정 오케스트레이션

Use a fresh action to choose the next message and channel.

···
html
<div class="journey"><div class="event" id="event">CART LEFT</div><div class="fork"><span id="email">EMAIL<br>REMINDER</span><span id="guide">USE<br>GUIDE</span></div><div class="note" id="note">EMAIL QUEUED</div></div>
css
.journey{width:min(90%,580px);font:900 clamp(10px,max(1.8vmin,1vw),16px)/1.1 sans-serif;text-align:center}.event{border:2px solid var(--fg);padding:clamp(9px,2.5vmin,20px);width:52%;margin:auto;background:var(--surface)}.fork{display:flex;gap:clamp(9px,3vmin,25px);margin-top:clamp(18px,5vmin,38px);position:relative}.fork:before{content:'';position:absolute;left:25%;right:25%;top:-17px;border-top:2px solid var(--line)}.fork span{flex:1;padding:clamp(10px,3vmin,24px);border:2px solid var(--line);color:var(--muted);transition:.5s}.fork span.on{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-4px)}.note{margin-top:clamp(12px,3vmin,24px);color:var(--accent)}
js
let bought=false;function show(){document.querySelector('#event').textContent=bought?'PURCHASED':'CART LEFT';document.querySelector('#email').classList.toggle('on',!bought);document.querySelector('#guide').classList.toggle('on',bought);document.querySelector('#note').textContent=bought?'REMINDER CANCELED':'EMAIL QUEUED';bought=!bought}show();setInterval(show,2200);

Real-time journey orchestration changes the next touchpoint based on a customer's latest action instead of following only a fixed calendar. A 2026 engagement survey also points to a need for better cross-channel coordination.

The demo activates an email path after cart abandonment. When a purchase arrives, it cancels that path and switches to usage guidance. The key is to retire an outdated plan when the signal changes.

Instant reaction can turn into excessive contact. Apply frequency caps and quiet hours as well.

When to use

Use it when a new action should immediately change the next touchpoint.

Open as page ↗