[也适用于v8]{class="badge positive" title="也适用于Campaign v8"}

Web 窗体中的静态元素 static-elements-in-a-web-form

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主题：

您可以在表单页面中包含用户不会与之交互的元素；这些是静态元素，例如图像、HTML内容、水平条形图或超文本链接。这些元素是通过工具栏中的第一个按钮创建的，方法是选择 Static elements。

以下类型的字段可用：

基于之前提供的答案（在表单的上下文中）或基于数据库的值。
超文本链接、HTML、水平条。请参阅插入HTML内容。
保存在资源库或用户可访问的服务器上的图像。请参阅插入图像。

在客户端和/或服务器端执行的脚本。此插件必须使用JavaScript编写并与大多数浏览器兼容，以确保在客户端正确执行。

note note
NOTE
在服务器端，脚本可以使用Campaign JSAPI文档中定义的函数。

插入HTML内容 inserting-html-content

您可以在表单页面中包含HTML内容：超文本链接、图像、带格式的段落、视频等。

HTML编辑器允许您输入要插入到表单页面中的内容。要打开编辑器，请单击 Static elements > HTML 。

您可以直接输入内容并设置其格式，也可以显示源代码窗口以粘贴某些外部内容。要切换到“源代码”模式，请单击工具栏中的第一个图标：

要插入数据库字段，请使用个性化按钮。

NOTE

只有在 Texts 子选项卡中定义了在HTML编辑器中输入的字符串，才会翻译这些字符串。否则，将不会收集这些数据。有关详细信息，请参阅翻译Web窗体。

插入链接 inserting-a-link

填写编辑窗口中的字段，如以下示例所示：

要添加超文本链接，请转到 Static elements > Link。

Label 是超文本链接的内容，因为它将显示在表单页面上。
URL 是所需的地址，例如： https://www.adobe.com网站，或info@adobe.com发送消息。
Window 字段允许您在站点中选择链接的显示模式。您可以决定在新窗口、当前窗口或其他窗口中打开链接。
您可以添加工具提示，如下所示：
您可以选择将链接显示为按钮或图像。为此，请在 Type 字段中选择显示类型。

链接类型 types-of-links

默认情况下，链接与URL类型操作相关联，以便可以在URL字段中输入链接目标地址。

您可以为链接定义其他操作，以便用户可以单击链接执行以下操作：

刷新页面

为此，请在 Action 字段的下拉框中选择 Refresh page 选项。
显示下一页/上一页

为此，请在 Action 字段的下拉框中选择 Next page 或 Previous page 选项。

如果要将 Next 和/或 Back 按钮替换为链接，则可以隐藏这些按钮。请参阅此页面。

该链接将替换默认使用的 Next 按钮。

显示其他页面

使用 Enable a transition 选项，可显示与在 Transition 字段中选择的传出过渡关联的特定页面。

默认情况下，页面只有一个输出过渡。要创建新过渡，请选择页面，然后单击 Output transitions 部分中的 Add 按钮，如下所示：

在图中，此添加内容将如下所示：

note note
NOTE
有关Web窗体中的页面排序的更多信息，请参阅定义Web窗体页面排序。

个性化HTML内容 personalizing-html-content

您可以使用上一页记录的数据对表单页面的HTML内容进行个性化设置。例如，您可以创建一个汽车保险Web窗体，其第一个页面允许您提供联系信息和汽车品牌。

使用个性化字段将用户名和选定品牌重新注入下一页。要使用的语法取决于信息存储模式。有关详细信息，请参阅使用收集的信息。

NOTE

出于安全原因，在**<%=**公式中输入的值将被转义字符替换。

在我们的示例中，收件人的名字和姓氏存储在数据库的一个字段中，而他们的汽车品牌存储在变量中。第2页上个性化的消息的语法如下所示：

<P>Welcome <%= ctx.recipient.@firstName %> <%= ctx.recipient.@lastName %>,</P>
<P>To start your customized study, please select your car <%=ctx.vars.marque%> and its year of purchase.</P>

这将产生以下结果：

使用文本变量 using-text-variables

Text 选项卡允许您创建变量字段，这些字段可在<%=和%>字符之间的HTML中使用，语法如下： $(IDENTIFIER)。

使用此方法可轻松本地化字符串。请参阅翻译Web窗体

例如，您可以创建一个 联系人 字段，以便在HTML内容中显示“上次联系日期：”字符串。为此请执行以下操作步骤：

单击HTML文本的 Text 选项卡。
单击 Add 图标。
在 Identifier 列中，输入变量的名称
在 Text 列中，输入默认值。

在HTML内容中，通过 <%= $(Contact) %> 语法插入此文本变量。

note caution
CAUTION
如果在HTML编辑器中输入这些字符，< 和>字段将替换为其转义字符。在这种情况下，您需要通过单击HTML文本编辑器的 Display source code图标来更正源代码。