组件文档 · 内容与文案
把话说清楚，
比把页面排满重要
这三个组件都是"写字的地方"：一段正文、一组问答、一个收尾的按钮。 它们没有图片那么显眼，但买家决定要不要发询盘，靠的多半是这里的几句话。
组件三
图文内容
一块自由排版的正文区域：公司介绍、工艺说明、认证清单、售后条款都放这里。
正文写的是 HTML，但只有固定的 15 个标签会被保留， 其余连同属性一起丢掉。这不是限制，是保护：客户能编辑 HTML 的地方， 不做白名单就等于让任何一个能登录的人往全站插脚本。
| 字段 | 怎么填 |
|---|---|
| 正文多行文本 · 20000 字以内 | 直接写 HTML。支持的白名单见下方，只填文字也能看，但要分段、加粗、列清单就得用标签。 没有工具栏 —— 这是刻意的，见本节的说明。 |
| 内容宽度下拉 · 窄 / 通栏 | 「窄」限制在约 700px，一行六七十个字，适合长段落阅读； 「通栏」跟着页面的内容宽度走，适合图文并排、多列清单。 一整页都是长篇介绍时用窄，读起来不累。 |
哪些标签能用
下面这些写了就生效，没列出来的一律会被删掉（内容留下、标签去掉）。
- 段落与换行
<p>段落、<br>换行。 直接敲回车在页面上不算换行 —— 这个和微信、Word 都不一样，最容易踩。- 强调
<strong>加粗、<em>斜体、<u>下划线、<s>删除线。- 小标题
<h2>、<h3>、<h4>。没有<h1>—— 一个页面只能有一个一级标题， 那是首屏的，正文里用了会被删成普通文字。- 列表
<ul>无序、<ol>有序， 条目用<li>。认证清单、规格参数用这个， 比一段话里塞顿号清楚得多。- 链接
<a href="/contact">文字</a>。只有 href 这一个属性会被保留，加 target、class、style 都会被去掉。- 其它
<blockquote>引用、<code>与<pre>代码、<span>。
图片不能用 <img>
图片一律走「图片横幅」区块或首屏的背景图，那边有尺寸与说明文字（alt）的约束。 在正文里塞 <img>，不管源码怎么写都会被删掉 —— 这是有意为之：一张没有 alt、没有尺寸约束、原图几 MB 的图， 会同时拖慢页面和拖垮搜索排名。
表格（<table>）同样不支持。规格对比要么用列表， 要么做成图片——但图片里的字手机上要放大看，能不用就不用。
组件四
常见问题
一组可以点开收起的问答。它同时解决两件事：回答犹豫的买家，以及被搜索引擎收录成长尾内容。
| 字段 | 怎么填 |
|---|---|
| 问题列表列表 · 最多 30 条 | 每条两个字段：问题（200 字以内）和回答（2000 字以内）。 顺序就是页面上的顺序，最容易让人犹豫的那三个放最前面 —— 买家不会滚到底部才决定要不要问你。 |
区块标题是系统按当前站点语言自动填的（中文站显示「常见问题」、 英文站显示「FAQ」），不需要你自己加一个标题，也改不了 —— 想自定义标题就在它上面放一个「图文内容」写 <h2>。
答案里不能换行，也不能放链接
答案按纯文本渲染：敲了回车不会换行，写了 <a> 会原样显示出来。这是这一篇里最容易踩的一条。
需要多段、需要链接的问题，说明它不该放在这里 —— 单独建一个页面（比如「MOQ 与打样政策」）， 在答案里写一句"详见联系我们"，然后把这个页面加进导航。别为了排版把一条问答拆成三条。
写哪几个问题
- 先写让你丢过单的那三个。"MOQ 多少""能不能打样""多久交货"——这三条问得最多，也最直接影响报价意愿。
- 再写付款与物流。T/T 还是信用证、定金比例、走海运还是空运、FOB 还是 CIF。 这几条写清楚，能省掉一轮来回邮件。
- 最后写资质与售后。有哪些认证（有才写）、不良率怎么处理、质保多久。
- 不要写"请联系我们获取更多信息"。这一条等于什么也没答，还把买家推回起点。答案里给一个具体数字或一句明确的话。
组件五
行动号召
一条横幅：一句标题、一句说明、一个按钮。放在读者已经动心、但还没动手的那个位置。
| 字段 | 怎么填 |
|---|---|
| 标题文本 · 120 字以内 | 一句话。写具体动作，不写口号。 |
| 说明多行文本 · 300 字以内 | 补一句"下一步会发生什么"，比如"发图纸，24 小时内回报价"。可留空。 |
| 按钮文字文本 · 40 字以内 | 默认是「Contact us」。别写「提交」「了解更多」—— 第一个让人想到表单， 第二个不承诺任何事。写「Get a quote」「Send your drawings」。 |
| 按钮链接文本 · 500 字以内 · 默认 /contact | 站内路径形如 /contact。目标页必须已经发布，否则点下去是 404。 |
| 样式下拉 · 实心 / 描边 | 「实心」是品牌色底、白字，视觉上最重；「描边」是浅色底，轻一些。 一页里两个 CTA 时，靠后的那个用实心、靠前的用描边，颠倒过来会显得页面越读越淡。 |
放哪：长页面的中段和末尾。中段那个接住"看到一半 已经有兴趣"的人，末尾那个接住"全看完了"的人。中间位置放三个以上反而没有重点 —— 每屏一个按钮，等于每个都不重要。
不针对某个组件
文案的三条建议
这三条对上面三个组件都成立，也是我们看客户站时最常提的三点。
- 用买家的词，不用行业的词
- 买家搜的是"waterproof led light"，不是"IP65-rated luminaire"。 行业术语可以写在参数表里，但标题和第一句要用他会说的话。
- 具体的数字胜过形容词
- "高质量、交期快"什么也没说；"不良率 0.3%、25 天交货、起订 100 件"能让人立刻判断 你是不是他要找的供应商。
- 每段第一句就是结论
- 买家是扫读的，一段只读第一句。把结论放句首，理由放后面 —— 反过来写，读的人要读完四行才知道你在说什么。