使用内容编辑器自定义小部件与微站

内容编辑器使您能够创建与品牌识别无缝匹配的小部件和微网站，确保为客户提供一致且值得信赖的体验。良好品牌化的接触点对于推动高参与度和项目采用至关重要。

集中品牌控制

使用小部件或微网站样式选项，您可以轻松查找并更新品牌的核心设计元素。所有品牌设置都位于专门的品牌部分中。

小部件或微网站的外观会根据用户的上下文而不同，例如他们是否已登录、遇到错误或在移动设备上查看。我们的编辑器预览允许您轻松切换小部件或微网站的所有可能状态。

注意：该预览更适用于小部件（例如即时访问小部件）和组件（例如现金、奖励兑换）。要预览微网站，您需要导航到不同的微网站页面以查看各状态。

这消除了手动完成操作以查看组件外观的需要。现在您可以自信地编辑用户旅程中每一步的文本和设计，包括：

• 登录与未登录视图

• 错误和成功消息

• 多步骤流程中的不同步骤（如现金支付验证）

自定义品牌样式：

1. 在左侧导航菜单中，选择 [参与] → 内容.

   • 对于小部件，选择 编辑小部件 对于微网站，选择 编辑内容.

2. 在左侧菜单中，选择要编辑的是微网站还是小部件。

3. 选择要编辑的页面模板，然后选择 小部件样式/微网站样式.

4. 选择您的品牌颜色以更改小部件或微网站中显示的主要颜色。

5. 接下来，选择您想使用的字体样式。

6. 【可选】 继续浏览其余样式选项，以在小部件或微网站内完全自定义您的品牌标识。

   

样式编辑器元素参考

样式元素	说明
主要品牌颜色	此颜色将在小部件或微网站的不同元素中使用，因此完成此步骤很重要。请选择您的主要品牌颜色。 此颜色也将在编辑选项中更下方的主按钮和次按钮部分使用。
字体	选择您希望在小部件或微网站中使用的字体样式。
颜色	选择您希望在小部件或微网站中出现的各种颜色和强调色： • 背景 选择您希望作为小部件或微网站背景的颜色。 • 文本 您可以更改小部件或微网站中主文本和弱化文本的字体颜色。 • 强调色 更改强调色的颜色。这些包括小部件或微网站内的选项卡或图标等元素。 • 附加颜色 您可以根据小部件或微网站的类型进一步调整每个元素的颜色和强调色。
主按钮	选择您希望主要按钮或主按钮使用的配色方案。您还可以调整按钮周围边框半径的像素值。 展开 悬停状态 部分，以进一步选择或更改用户将鼠标悬停或与按钮交互时按钮将变为的颜色。
次按钮	选择您希望次要按钮使用的配色方案。您还可以调整按钮周围边框半径的像素值。 展开 悬停状态 部分，以进一步选择或更改用户将鼠标悬停或与按钮交互时按钮将变为的颜色。
边框	更改小部件或微网站中组件（如表格或卡片）的颜色和边框轮廓。 • 颜色 选择边框的颜色。 • 粗细 输入以像素为单位的数值以确定边框的粗细。 • 边框半径 输入以像素为单位的数值以确定边框的圆角半径。
表单字段	选择您希望小部件或微网站中各种表单字段的颜色。这些包括用户填写的任何输入字段。您还可以输入像素值以更改边框半径的大小。 展开 高级选项 部分，以进一步自定义所选状态或表单字段的悬停状态的颜色。
小部件大小	更改模板中小部件的大小。您可以调整嵌入式和弹出式小部件的尺寸。选择最小和最大尺寸，并从下拉选项中选择单位测量方式。可选择按像素或按百分比设置度量。