工作区中所有面向公众的页面——收集表单、证言墙(Wall of Love)以及所有可嵌入的小组件——都可以完整地打上你的品牌,与产品保持一致。当访客进入你的证言页面时,应当感觉从未离开过你的网站。
一旦保存,品牌设置会在所有小组件和页面上即时生效。你无需重新嵌入或重新部署任何内容。
身份设置控制着你的公司在所有公开页面上如何呈现。
你的公司或产品名称会出现在收集表单的主标题和证言墙的页头上。请使用客户熟悉的品牌名,而不是法定公司名。
**示例:**使用 "Acme",而不是 "Acme Technologies Inc."。
上传你的公司 Logo。推荐规格:
Logo 会出现在证言墙顶部的导航栏和收集表单的页头上。
Show identity bar 开关控制是否在证言墙顶部显示吸附式导航栏。该栏包含你的 Logo、"Leave a review"(留下评价)链接和主题切换器。
**什么时候关掉:**当你用 iframe 把证言墙嵌入自己的网站、且网站已有自己的导航页头时。关闭身份栏可以避免重复页头,带来无缝的嵌入体验。
**什么时候打开:**当你把证言墙作为独立公开链接分享,希望访客看到你的品牌并能便捷地访问收集表单时。
Show Wall of Love header 开关控制证言墙顶部的主视觉区是否显示。该区域会展示徽章、公司名称主标题和副标题文字。
**什么时候关掉:**证言墙被嵌入到一个已经有自己标题和上下文的页面时。这会让嵌入效果更干净,避免视觉重复。
**什么时候打开:**证言墙是你的主要证言页面,你想要一个带显眼标题的完整品牌呈现。
颜色是影响品牌感最显著的设置。四种颜色决定了整套视觉系统。
你的主要品牌色。用于:
请使用你主要的品牌色——也就是主按钮和 Logo 上那种颜色。
一种辅助的点缀色。用于:
使用主色更浅或更深的变体,或调色板中一个互补色。
用于特定元素的高亮色。谨慎用于:
两个颜色定义了收集表单和证言墙主视觉区的柔和渐变背景。如果想用纯色背景,将两者设为同一色即可。
常见搭配:
#f0f7ff → #ffffff(柔蓝到白)#0f172a → #1e293b(深石板灰渐变)#f9fafb → #f3f4f6(近白)如果你不知道准确的十六进制色值:
background-color 的值#2563eb)或者用 colorpicker.me 这类工具从任意网页截图中取色。
标题控制着公开页面上显示的文案。
证言收集页面的主标题。这是评论者读到的第一句话。
默认:"How was your experience?"
更好的替代方案:
最好的标题针对你的产品类别,能触达评论者的动机——或帮助他人,或被听见。
主标题下的一句辅助文字。可以用来:
证言墙主视觉区的主标题(当 Show Wall of Love header 打开时显示)。
默认:"Wall of Love"
更好的替代方案:
证言墙主标题下的一句文字,通常展示评论数量和平均评分:
示例:"142 verified reviews · 4.9 average rating"
如果启用了奖励,提交后的确认页会展示一张奖励卡片。你可以自定义:
完整的奖励配置说明请参阅 奖励指南。
Powered by 开关控制证言墙和收集表单底部是否显示 "Powered by socialproof.reviews" 这个小链接。
移除页脚可以打造一个完全归属自己的品牌体验,评论者只会看到你的品牌。
修改后,点击品牌页面底部的 Save(保存)。改动会立刻在以下场景生效:
如果想在保存前预览,在新标签页打开你的公开证言墙 URL,并与管理后台并排查看即可。
**主色必须完全一致。**哪怕蓝色色调略有偏差也会带来割裂感。请使用设计系统中的精确十六进制值。
**使用透明 PNG Logo。**彩色背景上的 Logo 会显得格格不入。透明 PNG 能适配任何背景色。
**用你自己的品牌语气写标题。**默认文案比较通用,与产品语气吻合的自定义标题能带来更一致的体验。
**嵌入时关闭身份栏。**没有什么比双层页头更能暗示 "这是第三方工具"。如果你要在自己的网站上嵌入证言墙,请关闭身份栏。
**在亮色和暗色模式下都测试一遍。**你的颜色在深色背景上会呈现不同效果。切换主题访问证言墙,检查主色在深色模式下对比度是否足够。