编辑器的使用方法

更改文本

文本编辑

点击要更改的文本元素,工具栏中会显示"更改文本"。您可以在此屏幕上直接更改文本。

您可以更改副本和CTA按钮的文本等,并验证转换率。

样式编辑

点击工具栏中"样式编辑"图标,您可以更改以下内容:

元素大小

字体、字体大小、粗细、字体颜色

行间距、对齐

下划线、斜体、删除线等装饰

所选元素的背景和边框颜色、粗细、边距

更改图像

更换图像

基本步骤

选择元素 点击要更改的图像元素

工具栏显示 "更改图像"选项显示在工具栏中

上传图像 上传您的图像文件或输入图像的链接

替换图像 上传的图像会自动替换原始图像

此功能仅适用于使用 img 标签创建的图像。

不能用于背景图像或 CSS 中指定的图像。

支持的图像格式和限制 📁

支持的格式:JPEG、PNG、GIF、AVIF、WebP、ICO、SVG

最大文件大小:6 MB

您可以更改特色图像和横幅图像等,并验证效果。

与文本更改类似,您可以从样式编辑调整大小和边距。

图像设置(替代文本)

选择图像元素时,"图像设置"图标将显示在工具栏中。您可以为所选图像设置替代文本 (Alt)。

有关替代文本的详细信息,请参阅 Web 可访问性支持

视频的插入与编辑

您可以在页面中插入新视频,或对已有视频进行编辑。 支持 YouTube 视频和直链视频(MP4/WebM 等)两种形式。


插入视频 🎬

基本步骤

  1. 选择元素

    • 点击要插入视频的位置附近的内容元素。

  2. 点击「添加内容」

    • 选择插入位置(前方、后方、内部等)。

  3. 选择「视频」

    • 在添加内容的类型列表中选择「视频」。

  4. 输入视频 URL

    • 输入 YouTube 视频链接或视频文件的直链 URL。

  5. 设置播放选项和尺寸后,点击「确定」

支持的视频格式

类型
示例

YouTube

https://www.youtube.com/watch?v=xxxxx

直链视频

MP4、WebM 等

播放选项

在视频插入对话框的「播放设置」中,可配置以下选项:

  • 自动播放:页面加载时自动开始播放。

  • 静音:关闭视频声音。开启自动播放时将自动启用。

  • 循环播放:视频播放结束后自动重复播放。

  • 隐藏控件:隐藏播放进度条等操作界面。

尺寸设置

在「显示设置」中可设置视频的宽度和高度:

  • 像素指定:仅输入数字(例:380)。

  • 百分比指定:输入数字并加上 %(例:100%)。

  • 点击 🔒 图标可锁定宽高比例。


编辑视频

已插入的视频元素可通过工具栏重新编辑。

操作步骤

  1. 点击视频元素

    • 工具栏中将显示「编辑视频」按钮。

  2. 点击「编辑视频」

    • 打开视频编辑对话框,当前设置将自动填入。

  3. 修改内容后点击「确定」

    • 可分别修改视频链接、播放选项和尺寸。

添加和调整内容位置

添加内容

通过内容添加,您可以添加文本、图像、视频等新内容。

例:

  • 在"添加到购物车"按钮附近添加"包含 7 天退货保证"的文本

  • 为最新文章链接添加图像横幅

  • 在页面中间添加重要的 CTA

添加内容的步骤

点击要添加内容的位置附近的内容。 使用以绿色显示的图层选择功能选择适当的图层。我们建议选择父图层。

点击"添加内容",然后选择要添加内容的位置。

您可以添加以下 5 种类型的内容。

  • 标题文本

  • 正文文本

  • 图像

  • 按钮

  • HTML

添加的内容也可以从工具栏进行样式编辑。

复制和粘贴内容

如果要添加与现有内容相同的内容,您可以从工具栏中的"创建副本"图标进行复制。

然后,您可以点击"粘贴"图标,将复制的内容粘贴到页面的其他位置。

粘贴的内容也可以从工具栏进行编辑。

删除内容

选择要删除的内容,点击工具栏右侧的垃圾箱图标进行删除。

调整内容位置

选择要移动位置的内容,点击工具栏中的以下图标。

将显示以下弹出窗口。

点击移动目标,然后点击移动按钮。

选择具体位置。

💡根据网站的结构,有时可能无法正确移动。遇到问题请联系你的客户成功伙伴。

编辑链接

从链接图标,您可以编辑"启用点击操作"和"启用事件测量"。

对于未设置任何链接的元素,默认情况下"启用点击操作"为关闭。请将其滑动为打开,并配置点击操作。

如果已经设置了链接,请编辑工具箱的内容。

事件测量也是如此。

启用点击操作

这是为元素设置链接的功能。可以从操作类型指定点击后的操作。

操作类型

转到链接:转到指定的 URL

打开 LINE 官方账户:通过输入 LINE 官方账户的 URL,转到相关页面

拨打电话:拨打指定的电话号码(例:03-1234-5678 ※15 个字符限制)

复制文本或 URL:将指定的字符串复制到剪贴板(例:优惠券代码等)

下载文件:下载由 URL 指定的文件

执行代码:执行指定的 JavaScript 代码。如果在设置 JavaScript 代码时输入框太小,您可以从右下角的箭头扩大输入框。

启用事件测量

当您启用"启用事件测量"时,您可以将目标元素的点击作为事件进行测量。您可以将其添加到现有事件,或创建新事件。

事件设置步骤

启用"启用事件测量"

选择或创建新事件 如果您已经在 Ptengine Insight 中测量事件,您可以从下拉菜单中选择(※请注意,测量数必须为 1 或以上才能与 Experience 关联)。 如果要设置新事件,请点击新建。 在此处设置的事件将被测量,无论设备如何。

如果要将创建的事件设置为体验的评估轴,可以单独注册为 Experience 的目标。

创建新的情况下

关于事件名称 新建设置时,请设置任意事件名称。如果您设置了与 Insight 中已设置的事件名称相同的名称,则此测量目标将添加到该事件。

关于与 Insight 的集成 在此处创建的事件也可以在 Insight 的事件分析屏幕中确认测量值。此外,设置的事件列表可以在事件设置屏幕的"编码事件"中确认。

关于更改和删除

即使在交付体验期间,如果您关闭"启用事件测量",相关体验的事件测量将停止。如果要删除特定事件名称,请通过聊天支持联系我们,将目标事件名称作为"删除体验中创建的事件的请求"。

使用现有事件的情况下

如果现有事件中有要合并测量的操作,请从下拉菜单中选择相应的事件名称。如果 Insight 中创建的事件的测量数为 1 或以上,则它将与 Experience 关联。如果现有事件名称未显示,请在 Insight 的事件分析屏幕中检查测量数。

预览

在创建创意期间,使用预览功能检查是否正确显示。

您可以在编辑器中进行预览。

其他功能

编辑 HTML

如果要进行更灵活的编辑,您可以从工具栏中的"编辑 HTML"图标或菜单栏中的"代码模式"编辑源代码。

页面编辑历史

所有页面编辑历史可以从菜单栏中的"编辑历史"确认。点击时,内容的更改和添加的内容将显示在左侧的列表中,并且您可以比较右侧更改前后的差异。

点击每个编辑历史记录将导出到更改的位置(删除的内容除外)。

此外,点击删除图标可以撤消该更改本身并返回原始版本。

屏幕操作模式

如果要编辑不点击页面就不会显示的手风琴菜单中的内容等(交互式内容),请使用"屏幕操作模式"。

切换到屏幕操作模式后,点击显示内容后,您可以"返回编辑模式",因此您可以继续编辑页面。

最后更新于