Win-back campaign

재활성화 캠페인

Give dormant customers a relevant reason and moment to return.

···
html
<div class="win"><div class="zone"><b>DORMANT</b><div class="persons"><i></i><i></i><i></i><i></i></div></div><div class="send">REMINDER<br>→</div><div class="zone active"><b>ACTIVE</b><div class="persons"><i></i><i></i></div></div></div>
css
.win{display:flex;align-items:center;width:min(90%,620px);font:900 clamp(10px,max(1.5vmin,1vw),14px)/1.2 sans-serif}.zone{flex:1;min-height:clamp(90px,24vmin,180px);border:2px dashed var(--line);padding:clamp(8px,2vmin,18px);color:var(--muted)}.zone.active{border-color:var(--accent);color:var(--accent)}.persons{display:flex;gap:clamp(4px,1.2vmin,10px);margin-top:clamp(13px,4vmin,32px)}.persons i{width:clamp(14px,4vmin,30px);height:clamp(14px,4vmin,30px);border-radius:50%;background:var(--line)}.active i{background:var(--accent);animation:arrive 4s infinite}.active i:nth-child(2){animation-delay:.6s}.send{width:clamp(65px,15vmin,130px);text-align:center;color:var(--accent);animation:flash 4s infinite}@keyframes arrive{0%,20%{opacity:0;transform:translateX(-35px)}45%,85%{opacity:1;transform:none}100%{opacity:0}}@keyframes flash{0%,12%,85%{opacity:.25}30%,75%{opacity:1}}

A win-back campaign gives inactive customers a reason to engage again. Help content, a new feature, or a restock alert can fit better than a generic discount, depending on why they left.

The demo sends a signal to four dormant customers, but only some return to the active area. Track sends and actual returns separately.

Check eligibility so recent buyers are not included by mistake, and exclude people who opted out.

When to use

Use it for dormant groups with a plausible path back to activity.

Open as page ↗