跳到内容

Web 弹出窗口内容

Web 弹出窗口内容是当 Web 弹出窗口出现在您的网站上时,访问者看到的视觉布局。在内容下构建它,然后将其附加到 Web 弹出窗口营销活动中。

创建 Web 弹出窗口内容

Anchor link to
  1. 前往内容Web 弹出窗口内容
  2. 点击创建 Web 弹出窗口内容。编辑器将在新视图中打开。
Web 弹出窗口内容列表,包含搜索、创建 Web 弹出窗口内容、内容卡片和页面显示控件
  1. 为内容命名。

    该名称在 Pushwoosh 内部用于在列表和营销活动向导中识别此内容。网站访问者看不到它。

  2. 选择开始方式:

    • 点击其中一个入门提示以加载可编辑的草稿布局。然后根据需要调整块。请参阅编辑块
    • 点击从空白模板开始以打开一个空画布,并通过逐个添加块从头开始构建。您可以手动或使用提示编辑块

在块之间悬停,直到出现 + 控件,打开菜单,然后选择您需要的块类型。

点击您想要更改的块。其上方会出现一个工具栏,提供两个选项。

手动编辑

Anchor link to

点击块工具栏中的设置图标。所选块的设置面板将打开,您可以在其中调整布局、图像、alt 文本、图像适应方式、间距、背景、边框和其他块样式。

选定的 Web 弹出窗口块,其设置面板显示布局、图像、间距和块样式控件

点击文本进行内联编辑。使用工具栏选择标题级别、应用粗体、斜体或下划线格式、添加或删除链接、插入合并标签或删除块。

要个性化文本,请点击工具栏中的合并标签并选择一个标签。当 Web 弹出窗口显示时,该标签将被替换为访问者的属性值,因此您可以显示名字或忠诚度状态等内容。在动态内容中了解更多关于基于标签的个性化信息。

点击按钮打开其工具栏。使用链接图标打开插入/编辑链接,将操作类型设置为打开网站,然后输入目标 URL。

您可以从媒体库中选择图像。双击图像占位符或您想要替换的图像。然后选择一张图像或点击上传以添加新图像。

Web 弹出窗口编辑器,其中包含一个选定的块以及用于布局、图像、间距和样式的设置面板

使用提示编辑

Anchor link to

点击块工具栏中的闪光图标。提示字段会显示您正在编辑的内容,例如卡片。输入您想要进行的更改并提交提示。例如,要求缩短卡片或更改按钮文本。在保存之前,请查看生成的更改。

选定的 Web 弹出窗口块,其提示编辑字段显示块名称和提示输入

配置弹出窗口设置

Anchor link to

在右侧面板中,打开 AI 旁边的设置选项卡以调整外观和布局:

  • 弹出窗口: 屏幕上的外观和位置,包括边框半径、阴影、动画、覆盖层和锚点。
  • 内容区域: 弹出窗口内部的内容区域,包括宽度、内边距、背景和文本颜色以及块之间的间距。
  • 块默认值: 应用于所有内容块的共享样式,包括背景、边框和圆角半径。
  • 列、卡片、按钮组、按钮默认值: 每种块类型的布局和样式默认值。

审查并保存内容

Anchor link to

审查内容布局、文案、图像和按钮链接。完成后,点击工具栏中的保存

在营销活动中使用内容

Anchor link to

保存后,内容会出现在内容Web 弹出窗口内容中。从列表中打开它以继续编辑。

要将其显示在网站上,请前往营销活动Web 弹出窗口,创建或编辑一个营销活动,并在内容步骤中选择此内容。然后配置受众、显示设置、频率和启动选项。有关完整流程,请参阅创建 Web 弹出窗口营销活动