跳转到主要内容
外部表单设计器

提供了如何有效设计公共表单的洞见,优化数字环境中的用户体验和数据收集。

一周前更新

无论是产品反馈、求职申请还是新客户请求——收集他人的重要信息对您的工作至关重要。通过易企办的公共表单,您可以使用直接连接到您数据列表的自定义表单,从任何人那里收集信息。

专业提示

您可以创建多个公共表单,以与不同的目标受众分享。


访问设计器

要创建一个新的公共表单或编辑现有的公共表单,请首先访问一个现有的数据列表,然后从右上角的标题栏中点击更多操作按钮,并从下拉菜单中选择公共表单

点击“新建表单”按钮来创建一个新的公共表单。或者,选择一个现有的公共表单,并从更多操作菜单中点击“编辑表单”以在设计器中打开。


添加控件面板

这将打开“添加”面板,您可以从“控件”面板中添加控件。


控件面板中有不同类型的控件,这些控件按类别分组:

  1. 自定义列表字段:这里列出了您为此内容列表创建的自定义字段。例如,员工列表包括诸如员工姓名、联系信息、职位名称、位置等字段。

  2. 默认列表字段:数据列表的系统生成字段,包括项目ID、创建者/时间、修改者/时间等。

  3. 通用:包括与表单布局相关的通用控件,可用于创建设计良好的表单样式。

  4. 高级:包括高级样式控件、嵌入控件和提交表单按钮等。


页面设置

从添加控件面板点击“页面”,以切换到“页面设置”标签。

背景和内容区域

在此处设置表单的背景颜色和内容区域样式。请参考“页面背景”和“内容区域样式”了解更多细节。

外观

设置默认的标题字段对齐方式:

  • 水平:默认情况下将标题显示在字段控件的左侧。

  • 垂直:默认情况下将标题显示在字段控件的顶部。

专业提示

您可以从控件的属性设置面板为每个不同的字段控件更改标题字段对齐方式。您的内容在这里。


自定义CSS

添加将在此表单上使用的自定义CSS。要了解更多关于自定义CSS的信息,请参考:自定义CSS。

感谢页和重定向

分享您的表单后,您将开始收到提交!通过自定义提交表单后的设置,您可以及时掌握每一个新的提交——当表单被提交时,您可以显示一个自定义消息,该消息将在表单提交后显示。

如果您勾选了“表单提交后重定向到URL”的切换开关,一个文本框将出现,供您输入重定向URL。

专业提示

您可以利用数据列表的通知和工作流功能来配置您的内部提交后活动,比如发送电子邮件、触发工作流等。

自定义脚本

易企办中的自定义脚本功能允许您添加特定的JavaScript或CSS,以修改或增强您的表单的行为。这一功能特别适用于:

  • 跟踪和分析:插入像Google Analytics或Facebook Pixel这样的脚本,直接从您的表单跟踪用户互动和转化。

  • 增强交互性:实现自定义JavaScript以创建响应实时用户输入的动态表单行为。

添加自定义脚本:

  1. 导航到表单设置中的自定义脚本部分。

  2. 您可以输入在</head>标签之前或</body>标签之前包含的脚本。这提供了灵活性,具体取决于脚本是需要在头部(提前加载)还是在正文关闭之前加载(通常用于需要加载整个DOM的脚本)。

SEO设置

优化您的表单以提高搜索引擎的可见性和可访问性。易企办的SEO设置使您可以指定:

  • 页面标题:这个标题出现在浏览器标签和搜索引擎结果中。它是SEO的关键元素,为用户和搜索引擎提供了表单内容的简洁描述。

  • 元数据描述:提供表单目的的简短描述,显示在搜索引擎结果中的标题下方。这个描述应该具有吸引力,鼓励用户点击进入表单。

  • 特色图片:在社交媒体上分享您的表单时,将显示特色图片。这张图片对图片SEO也很重要,因为它有助于您的表单在搜索结果和社交动态中脱颖而出。

配置SEO设置:

  • 转到表单设计器中的SEO设置部分。

  • 使用相关关键词和描述填写页面标题和元描述,以增强搜索引擎可见性。

  • 上传一个视觉上吸引人且与表单内容相关的特色图片。确保图片遵循推荐的大小和纵横比,以便在所有平台上最佳显示。

底部导航栏

底部导航栏显示了打开导航器或预览设计的选项。

导航器

显示您当前页面上每个元素的层次结构。在这里,您可以直观地与这些元素进行互动。了解更多关于导航器的信息。

预览

在设计器的预览模式和设计模式之间切换,允许您看到您的表单发布时将会呈现的样子。


显示/隐藏控件面板

在使用编辑器时,默认视图会将控件面板固定在屏幕的左侧。这在设计时很有用,但当您想要预览页面上的所有内容如何显示时,就不那么方便了。

折叠面板的一种方式是点击其右边缘的箭头:



画布

在设计器中的主要区域是画布。这是您可以实时与表单进行互动的地方。您可以选择元素,移动它们,并且可以直接在页面上编辑内容。了解更多关于画布的信息。


顶部栏

顶部栏提供了另一组视图设置以及一些有用的工具,用于编辑临时变量、操作、保存更改并关闭此设计器。

变量

在顶部右侧的工具栏中,你可以看到“变量”,在这里可以在表单上设置临时变量。

动作

点击表单设计器顶部右侧的“操作”按钮,将打开操作管理窗口。

点击“+ 新建操作”来创建一个新操作,然后点击“+ 添加步骤”,你将看到五种可用的操作类型供选择。

要了解如何使用动作,请点击表单动作 | 易企办帮助中心

页面指示器

显示您当前所在的页面。

分享表单按钮

一旦您的公共表单准备就绪,点击“分享表单”按钮,将此表单分享给公众访问:

创建一个共享链接并复制该链接,或下载二维码。您还可以用密码保护共享链接。


在您的网站上嵌入此表单:创建一个嵌入代码,添加到您的网站上。

点击“禁用共享链接”以禁用此链接。您还可以设置到期日期,以在指定日期自动禁用此链接。

打开表单按钮

点击此按钮在新窗口中打开共享链接。

断点按钮

位于顶部栏的中间部分,这些图标允许您在不同的断点之间切换,以便在这些断点上查看和编辑表单的设计。


操作

  • 保存:点击以保存此表单的更改。

  • 关闭:点击关闭按钮以退出设计师模式。


这是否解答了您的问题?