Conversion trust signals

전환 신뢰 신호

Put shipping, return, and payment terms near the decision point.

···
html
<div class="trust"><div class="offer">AURORA BAG <b>$48</b><div class="cta">CHECK OUT →</div></div><div class="terms"><span>DELIVERY: 2–4 DAYS</span><span>RETURNS: 30 DAYS</span></div><div class="line"></div></div>
css
.trust{position:relative;width:min(72%,340px);font:800 clamp(10px,max(1.8vmin,1vw),14px)/1.25 sans-serif}.offer{border:2px solid var(--fg);padding:clamp(9px,2vmin,18px);background:var(--surface)}.offer b{display:block;font-size:clamp(18px,5vmin,42px);margin:7px 0}.cta{background:var(--accent);color:white;padding:8px;text-align:center}.terms{display:flex;gap:7px;flex-wrap:wrap;margin-top:clamp(20px,5vmin,45px);animation:near 4s ease-in-out infinite}.terms span{background:var(--fg);color:var(--bg);padding:4px 6px;white-space:nowrap}.line{position:absolute;height:2px;background:var(--accent);left:50%;top:75%;width:22%;transform:rotate(65deg);animation:fade 4s infinite}@keyframes near{0%,20%{transform:translateY(0)}45%,80%{transform:translateY(calc(-1*clamp(17px,4vmin,38px)))}100%{transform:translateY(0)}}@keyframes fade{0%,20%{opacity:1}45%,80%{opacity:0}100%{opacity:1}}

Conversion trust signals are verifiable facts that reduce uncertainty before an action. Delivery dates, return terms, and available payment methods directly support a buying decision.

The demo moves policy details closer to the CTA, shortening the reading path. The relevant reassurance differs by product and audience.

Avoid invented security badges or vague guarantees. Check the accuracy of each claim and link it to the actual policy.

When to use

Use it at a hesitation point to present terms you can actually honor.

Open as page ↗