Objection-handling copy

반론 해소 카피

Give specific answers to reasons people hesitate.

···
html
<div class="objections"><div><i>?</i><span>Too much setup?</span><b>Import a sample in one step.</b></div><div><i>?</i><span>Locked in?</span><b>Export your work anytime.</b></div><div><i>?</i><span>Need a card?</span><b>Explore before checkout.</b></div></div>
css
.objections{display:flex;gap:clamp(4px,1vmin,12px);width:90%;max-width:750px;font-family:sans-serif}.objections div{box-sizing:border-box;flex:1;min-width:0;padding:clamp(7px,2vmin,17px);background:var(--surface);border:1px solid var(--line);animation:answer 6s infinite}.objections div:nth-child(2){animation-delay:2s}.objections div:nth-child(3){animation-delay:4s}.objections i{display:block;width:clamp(20px,4vmin,32px);height:clamp(20px,4vmin,32px);border-radius:50%;background:var(--accent);color:white;text-align:center;font:900 clamp(13px,2.5vmin,21px)/clamp(20px,4vmin,32px) sans-serif;font-style:normal}.objections span,.objections b{display:block;margin-top:.7em;font:750 clamp(10px,max(2.1vmin,1vw),21px)/1.12 sans-serif}.objections b{color:var(--accent);opacity:.25;animation:proof 6s infinite}.objections div:nth-child(2) b{animation-delay:2s}.objections div:nth-child(3) b{animation-delay:4s}@keyframes answer{0%,28%{border-color:var(--accent);transform:translateY(-5px)}40%,100%{border-color:var(--line);transform:none}}@keyframes proof{0%,28%{opacity:1}40%,100%{opacity:.25}}@media(min-width:700px){body > *{transform:scale(1.4)}.lines p,.branches div,.cards div{cursor:pointer}}

Objection-handling copy addresses the price, time or risk questions that stop a purchase. Put an honest condition or piece of evidence close to the hesitation.

In the demo, three concerns turn into answer cards. If the product cannot answer an objection, fix the offer before polishing the sentence.

When to use

Place it near pricing, signup forms and purchase-stage FAQs.

Open as page ↗