CONVERSION CTA
免费试用 CTAFree Trial CTA
"14 天免费、无需信用卡、随时取消"——把试用门槛的三个顾虑一次说清。
效果预览
准备好提速了吗？
加入 12,000 个已经告别加班的团队。
✓ 无需信用卡 ✓ 5 分钟完成设置 ✓ 随时取消适合用在哪
SaaS 官网尾部转化区、定价页底部、功能页结尾。
容易踩的坑
- 深色区块上的白底按钮文字仍用浅灰，对比度不足 4.5:1，主行动反而最难读。
- 三条微文案用「·」连接在手机上换行断开，变成孤立的一个点挂在行首。
- 按钮点击后直接跳到 10 个字段的注册表单，与「5 分钟完成」承诺矛盾。
设计提示词 · Prompt
免费试用 CTA（Free Trial CTA）：居中的浅色卡片或渐变区块——大标题（"准备好提速了吗？"）+ 主按钮（"开始 14 天免费试用"）+ 按钮下一行三个小对勾微文案："无需信用卡 · 5 分钟完成设置 · 随时取消"。每个微文案都在拆一颗真实的顾虑雷。区块背景可用品牌浅渐变或深色（深色时按钮用白底反差）。放在定价页之后、页脚之前，是全页转化率最高的位置之一。按钮文案用动词开头 + 具体数字。
Free Trial CTA: a centered light card or gradient block — a large headline ("Ready to speed up?") + a primary button ("Start your 14-day free trial") + one line of three small checkmark microcopy items under the button: "No credit card required · Set up in 5 minutes · Cancel anytime". Each microcopy item defuses a real concern. The block background can be a light brand gradient or dark (when dark, use a white button for contrast). Placed after the pricing section and before the footer, it's one of the highest-converting spots on the page. Button copy should start with a verb + a specific number.
常见搭配
同一页面里经常和「免费试用 CTA」一起出现的模式，可以收藏后用「组合收藏为整页提示词」一起交给 AI。
演示 HTML 结构
<div class="s d-trialcta"> <b>准备好提速了吗？</b> <p>加入 12,000 个已经告别加班的团队。</p> <button class="d-btn d-btn--gd">开始 14 天免费试用</button> <span class="d-trialcta__micro">✓ 无需信用卡 ✓ 5 分钟完成设置 ✓ 随时取消</span> </div>