用户引导文本

文本元素可帮助您与用户建立清晰、个性化的沟通。只需单击即可添加标题、段落或列表,设置样式以匹配您的品牌,并使用动态变量为每位用户个性化内容。

添加文本

您可以向用户引导屏幕添加各种文本元素。操作步骤如下:

  1. 点击左上角的 Add
  2. 进入 Typography,选择以下之一:
  • Title:主视觉标题或屏幕标题,能立即吸引用户注意力。
  • Subtitle:对标题进行简短补充说明的支撑性文字。
  • Text:用于功能描述、免责声明或励志短文的正文内容。
  • Rich text:混合格式文本,适用于常见问题、服务条款或需要链接和强调的任何文案。
  1. 点击新元素以编辑其内容。
  2. (可选)选中部分文本,打开快速自定义提示框——例如加粗、斜体、链接、文字颜色或重置样式。

要编辑已有文本元素,只需点击它并在所见即所得(WYSIWYG)模式下进行修改。

如果您需要在多个屏幕上使用相同的文本元素,可以复制粘贴:选中该元素并按 Ctrl+C(Mac 上按 ⌘+C),导航到另一个屏幕,选中要粘贴到其后的元素,然后按 Ctrl+V(Mac 上按 ⌘+V)。

onboarding-text.gif

添加列表

您可以添加编号列表和项目符号列表:

  1. 点击左上角的 Add
  2. 进入 Typography,选择以下之一:
  • Numbered list:非常适合分步骤的操作指南。
  • Bullet list:在不暗示顺序的情况下突出显示优点或关键功能。
  1. 进入右侧的 Element 标签页,编辑列表项或上传图片作为列表标记。

要编辑已有列表元素,点击它并在 Element 标签页中进行修改。

onboarding-list.png

添加外部链接的步骤:

  1. 点击左上角的 Add
  2. Typography 部分,选择 TitleSubtitleTextRich text
  3. 输入您的文本。
  4. 选中您要转换为链接的文本。
  5. 点击文本上方快速自定义菜单中的 Link 图标。
  6. 粘贴外部 URL。
  7. 点击 应用链接。

在 Adapty SDK 3.15.1 之前的版本中,用户引导中的外部链接会在设备默认浏览器中打开。

从 Adapty SDK v3.15.1 起,外部链接默认在应用内浏览器中打开,让用户无需切换到其他应用即可保持在您的应用内。如有需要,您可以自定义此行为

onboarding-url.gif

文本与列表自定义

除了基本的元素布局之外,您还可以自定义文本和列表的外观:

  1. 在左侧选中元素。
  2. 进入右侧菜单中的 Styles
  3. 根据元素类型,您可以调整以下选项:
    • Text:段落颜色、字体、对齐方式和行高,以及链接颜色、字体和装饰。
    • List:文本和标记文本的颜色与字体,以及标记图片的宽度、高度和圆角程度。

为了加快操作效率:

  • 自定义文本元素后,您可以点击下方的 Apply styles to all paragraphs,批量将相同样式应用于所有用户引导屏幕。
  • 要更改特定屏幕上所有文本元素的字体,请选中该屏幕,然后在右侧菜单中进入 Styles > Text
onboarding-customization.png

字体

在用户引导编辑工具中,您可以从多种不同字体中进行选择。

暂不支持上传自定义字体。

您可以为整个用户引导全局设置字体,也可以为每个元素单独设置:

  • 设置用户引导中使用的主字体:
    1. 在左侧选中任意屏幕。
    2. 切换到 Styles 标签页并选择 Font
    3. 所有屏幕上的所有元素都将继承您所选的字体。
  • 为单个元素设置字体:
    1. 选中一个元素。
    2. 切换到 Styles 标签页并选择 Font
    3. 即使您更改了主字体,该元素也将使用所选字体。

您无法使用 SF Pro,因为它不适合跨平台应用,但我们建议您使用 Inter,因为两者外观非常相似。