使用内容编辑器自定义组件和微站点

内容编辑器使您能够创建与您的品牌形象无缝匹配的小组件和微站点，确保为客户提供一致且可信赖的体验。一个品牌统一的触点对于推动高参与度和项目采用至关重要。

集中式品牌控制

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

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

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

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

• 已登录视图与未登录视图

• 错误和成功消息

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

要自定义您的品牌样式：

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

   • 对于小组件，选择 编辑小组件 对于微站点，选择 编辑内容.

2. 在左侧菜单中，选择您要在微站点还是小组件上进行编辑。

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

4. 选择您的品牌颜色，以更改小组件或微站点中的主色。

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

6. [可选] 继续完成剩余的样式选项，以在小组件或微站点中完全自定义您的品牌形象。

   

样式编辑器元素参考

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