设计登陆页面 designing-a-landing-page
关于登陆页面内容设计 about-content-design
登陆页面可创建为任意营销活动。
设计登陆页面时,您需要定义页面本身、确认页面和出错页面的内容。使用操作栏下的切换器,可一一显示和配置这些页面。
可通过Campaign内容编辑器设计登陆页面的内容。
本页介绍登陆页面内容编辑器的特性。有关一个或多个营销活动通用操作的更多信息,请参阅 设计电子邮件内容 指南的以下章节:
登陆页面内容编辑器界面 landing-page-content-editor-interface
利用 Adobe Campaign 中的登陆页面内容编辑器,可轻松定义、修改和个性化内容。要访问该编辑器,请在登陆页面仪表板中单击 Content 块。
内容编辑器分为三个不同的部分。利用这些部分,可查看和编辑内容。
- 利用屏幕左侧的 面板,可修改链接到选定块的常规选项。可修改的选项有:背景颜色、边框、文本对齐、可见性条件等。请参阅插入个性化字段。
- 操作栏 包含页面的常规选项。您可以选择模板并更改显示模式。
- 在主 编辑区域,您可以使用上下文工具栏直接与内容交互:在图像中插入链接、更改字体、删除字段等。
利用 操作栏 中的各个按钮,可与正在创建的内容交互。
工具栏 属于编辑器界面的上下文元素,可根据所选区域提供各种功能。工具栏中包含操作按钮和用于更改文本样式的按钮。执行的修改始终应用于所选区域。选择某个块后,可以对其进行删除或复制之类的操作。选择块内的文本后,可将其转换为链接或变为粗体。
管理登陆页面的结构和样式 managing-landing-page-structure-and-style
在内容编辑器中管理块 managing-blocks-in-the-content-editor
不同的 HTML 内容元素在登陆页面中以块的形式显示,对应于 <div> </div> 标签。选择要与其交互的块。随后该块周围会显示一个蓝色的方框。
如果选择某个块,则对应 HTML 元素的父对象将显示在编辑区域底部的痕迹导航中。
当鼠标指针悬停在某个痕迹导航元素上时,将高亮显示相关的元素。这样,您可以轻松地在不同块之间导航,并准确选择要修改的 HTML 元素。
使用面板和上下文工具栏中的选项来修改、删除或复制块。
对于包含文本的块,在块中再次单击可启用文本编辑模式。块周围的方框会变成绿色。然后,您可以选择或输入文本。使用面板和上下文工具栏中的选项,可添加链接或修改文本格式。
可以随时从面板中修改为块中某个元素(链接、个性化字段、内容块等)定义的参数。
在内容编辑器中添加边框和背景 adding-a-border-and-a-background-in-the-content-editor
您还可以通过从图表中选择颜色以定义背景 颜色。该颜色将应用于所选的块。
您可以向选定块添加 边框。
在内容编辑器中更改文本样式 changing-the-text-style-in-the-content-editor
要更改文本样式,必须单击文本块的内部。
要更改文本对齐方式,请在左侧的面板中选择以下三个图标之一:
- 左对齐:将文本与选定块的左侧对齐(添加 style="text-align: left;")。
- 中心:将选定块中的文本居中(添加 style="text-align: center;")。
- 右对齐:将文本与选定块的右侧对齐(添加 style="text-align: right;")。
您还可以使用工具栏更改字体属性:调整字体大小、使文本变为粗体或斜体、添加下划线或更改文本的颜色。请参阅此章节 。
在登陆页面中插入图像 inserting-images-in-a-landing-page
-
在登陆页面内容中,选择包含图像的块。
-
选择 Insert 按钮。
-
从上下文工具栏选择 Local image。
-
选择文件。
-
根据需要调整图像属性。
在登陆页面中定义动态内容 defining-dynamic-content-in-a-landing-page
要在登陆页面中定义动态内容,请使用痕迹导航或直接单击某个元素以选择块。
某些块无法直接选择,例如图像。在这种情况下,请使用痕迹导航选择父块。然后,您可以修改此父元素所包含的所有元素,包括图像。该条件将应用于父块中的所有子元素。
有关痕迹导航的信息,请参阅管理块一节。
定义登陆页面中动态内容的后续步骤,与电子邮件的这些步骤有些相似。请参阅此章节。
您可以在块的各个动态内容之间导航。操作步骤:
-
选择块。
箭头显示在图像的右侧和左侧。
-
单击向右箭头浏览可用的动态内容。
到达最后一个或第一个可用的动态内容时,两个方向上对应的箭头会变暗。
-
要删除应用于某个块的所有条件,请选择该块并单击 Disable dynamic content 图标。
-
选择想要保留的动态内容。
在面板中:
- 输入了表达式的内容不再以红色列出,而是以灰色显示。
- 当前选中的内容以蓝色显示。