如何在表单中使用动态块

预计阅读 4 分钟 | 更新于 2026年4月21日 9:54 AM EST

了解动态块，以及如何在注册表单中使用它们，为桌面和移动设备上的购物者创建独特的视图和体验。表单中的任何块都可以通过调整其可见性设置来动态化。

关于动态块

动态块允许您根据设备控制显示哪些块。您可以将块配置为根据设备在表单中以不同的方式显示，或者显示在一台设备上而不是另一台设备上。动态块的用例：

针对不同设备类型（例如移动设备和桌面设备）自定义表单显示，以便购物者看到适合其屏幕的设计。 – 创建一个单一表单，其中向任一设备类型显示不同的 SMS 选择加入方法，以优化转化（即，在移动设备上显示点击文本选项，在桌面设备上显示电话号码输入字段）。

开始之前

在编辑器中打开表单并导航至目标和行为部分。确保您的表单设置为在桌面设备和移动设备上显示，以便所有购物者都可以看到它。

visibility2.jpg

此设置将允许您为桌面和移动设备配置单独的显示。

使用动态块创建不同的桌面和移动视图

表单中的任何块或输入字段，无论是现有的还是从 添加块 选项卡新添加的，都可以动态化。要调整哪些设备显示某个块，请按照下列步骤操作：

单击表单预览面板中的块（例如文本块）。
在左侧的块设置菜单中，向下滚动到可见性。
选择是否在桌面、移动或所有设备上显示该块。
对您想要动态的任何块重复此过程。要预览表单在每个设备上的外观，请使用表单编辑器右上角的视图选择器。您可以在桌面图标和移动设备图标之间来回切换以查看每个视图。 – 桌面视图显示您的表单对于在桌面上浏览您网站的购物者的显示方式。只有配置为桌面和所有设备的块才会在此视图中可见。 – 移动视图预览购物者在移动设备上浏览时将看到的内容。它显示为移动和所有设备配置的块。

示例

假设您希望表单的标题文本在桌面设备和移动设备上显示不同。要配置此：

在右上角的视图选择器中，选择桌面图标。
在表单预览中选择要编辑的文本并进行更改。
在文本块的设置菜单中，滚动到可见性，并将文本块设置为仅在桌面上显示。

仅通过单击视图选择器中的桌面图标，然后选择文本块并选择设备下的桌面，将文本块设置为仅显示在桌面上。

当您将块设置为仅在桌面上显示时，您选择对移动用户隐藏该块，因此它在移动预览中不可见。

要调整移动视图，请通过选择视图选择器中的移动图标切换到移动预览。
转到添加块选项卡，然后将新文本元素拖放到移动预览中。
为移动购物者自定义默认标题文本。此文本应该与您在桌面版本上使用的文本不同。
在文本块的设置菜单中，向下滚动到 可见性 并将此文本块设置为在 Mobile 上显示。

使用右上角的移动/桌面切换按钮切换到移动视图，然后单击要编辑的块，进行更改，并将其设置为仅在移动设备上显示。

可选：对您希望根据设备类型以不同方式显示的其他元素或输入字段重复此过程（例如，向桌面购物者显示图像，但在移动设备上隐藏它）。 – 如果您想让表单中的图像动态化，您可以：

将侧面图像添加到移动和桌面视图，或仅添加到两者之一。 – 在桌面视图中使用侧面图像，并在移动设备上将图像放置在标题文本上方，反之亦然。

使用动态块来优化短信同意收集

如果您有收集短信同意的注册表单，则可以使用动态块来优化每个设备的短信选择加入方法（例如，向移动购物者显示点击文本按钮，而桌面购物者看到电话号码输入字段）。请记住，表单库中收集电子邮件和电话号码的预构建模板已经设置了动态块，以便在每个设备上优化 SMS 选择加入。如果您选择这些模板之一，则无需配置块；您只需要自定义表单的样式以匹配您的品牌。如果您是新手或想要创建新表单来收集短信订阅者，请查看我们的指南，了解如何通过智能选择加入来收集短信同意。要进行此设置：