使用指南/编辑您的网站/编辑器/表单/创建联系表单

创建联系表单

在您的站点上创建表单,用于收集消息、预订、注册、反馈等信息。在本指南中,您将学习如何创建可以添加到站点的表单。

视频教程

创建您的表单

要创建新的表单,请按照以下步骤操作:

  1. 转到您站点的仪表盘
  2. 导航至“Jetpack → 表单”。
  3. 点击右上角的“创建表单”按钮。
An arrow pointing to the "Create a form" button.
  1. 为表单命名(例如,“联系我们”),然后点击“创建”按钮。该名称会显示在“表单”仪表盘中,有助于您在拥有多个表单时区分不同的表单。
The form name field and Create buttons highlighted.
  1. 在表单编辑器中,从不同的预构建布局中进行选择,包括联系表单、RSVP 表单、注册表单、预约表单、反馈表单或多步骤表单。或者,使用文本字段来描述您想要的表单。
The form block with pre-built layouts and a text field to ask AI to build the form.
  1. 使用表单内的 + 区块插入器添加并自定义您的表单字段。可用的字段类型包括名称、电子邮件、文本区域、复选框、单选按钮、下拉菜单和文件上传
  2. 通过从表单的样式设置更改颜色、字体和布局来设计您的表单

选择提交后执行的操作

您可以控制访客在提交表单后看到的内容。要设置提交后的操作,请按照以下步骤操作:

  1. 点击编辑器左上角由三条水平线构成的图标,打开列表视图
  2. 在列表中选择“表单”区块
An arrow from the List View icon to the Form block in the List View.
  1. 在区块设置边栏中,展开“提交后的操作”。
The "action after submit" settings showing options for a text or redirect link.
  1. 选择一个选项:
    • 文本:显示自定义消息。您可以编辑默认文本,决定是否显示已提交数据的摘要,并添加“返回”链接。
    • 重定向链接:在表单提交后将访客引导至另一个页面。

发布您的表单

表单准备就绪后,请按照以下步骤操作:

  1. 点击编辑器右上角的“发布”按钮。
  2. 在显示的面板中再次点击“发布”以确认。

您的表单现已保存,可嵌入到任何页面或文章中。

发布表单后,您将看到以下选项:

  • 添加至新页面:使用已添加的表单创建一个新页面。
  • 添加至现有页面:选择一个现有页面以添加表单。
  • 复制并手动添加:复制嵌入代码或简码以手动添加表单。

退出表单编辑器后,您仍然可以将表单添加到任何页面。更多详情请参阅我们的“表单”区块指南。

The post-publish options for adding a form to a page.

接收电子邮件通知

每次有人在您的站点上提交表单时,您都会收到一封电子邮件通知。您可以直接在电子邮件程序中回复这些电子邮件。

默认情况下,回复将发送至您的 WordPress.com 账户电子邮件地址。要更改电子邮件地址或添加多个收件人,请按照以下步骤操作:

  1. 点击编辑器左上角看起来像三条水平线的图标,打开列表视图
  2. 在列表中选择“表单”区块
An arrow from the List View icon to the Form block in the List View.
  1. 在区块设置边栏中,展开“表单通知”。
  2. 确认“将回复发送至电子邮件地址”切换开关处于开启状态。
  3. 在“收件人电子邮件地址”字段中输入电子邮件地址。用逗号分隔多个地址。
  4. 点击“保存”。
The Form block's notifications settings with a text field labeled "Email Address to Send To"

自定义电子邮件主题行

您可以自定义收到的通知电子邮件的主题行。在区块设置的“表单通知”部分,更新“电子邮件主题行”字段。

要在主题行中包含表单提交的信息,请在大括号内输入字段名称。例如,如果您的表单有“姓名”和“电子邮件地址”字段,请输入 {name};{email} 以将这些值包含在主题中。字段名称必须与表单上的标签一致,且不区分大小写。

The form block settings showing how the subject line can be customized.

设置推送通知

您可以在仪表盘通知和您的浏览器中接收关于表单响应的推送通知。要启用推送通知,请按照以下步骤操作:

  1. 在编辑器中打开列表视图
  2. 在列表中选择“表单”区块
  3. 在区块设置边栏中,展开“表单通知”。
  4. 开启“启用响应通知”切换开关。
  5. 选择您站点上的哪些用户将收到通知。
  6. 点击“保存”。
The  "Enable notifications for responses" option is toggled on and a site username is shown in the box below.

配置响应存储

默认情况下,通过“表单”区块发送的表单会存储在“Jetpack → 表单”下的响应中。如果发送到您电子邮件地址的消息被拦截为垃圾邮件,则将响应存储在您的站点上会特别有用。

请按照以下步骤配置响应存储:

  1. 在编辑器中打开列表视图
  2. 在列表中选择“表单”区块
  3. 在区块设置边栏中,展开“响应存储”。
  4. 关闭“保存响应”选项以停止存储您的消息。开启“保存响应”选项可在您的站点上存储响应。
The Save responses toggle under Response storage toggled on.

了解表单同步

您站点上的每个表单都会存储为表单文章。当您在页面上插入“表单”区块时,WordPress.com 会创建一个链接到该区块的表单文章。编辑操作旨在确保两者保持同步:

  • 对页面上“表单”区块所做的更改会更新表单文章。
  • 在表单编辑器中进行的更改会更新包含该表单的页面。
  • 在“表单”仪表盘中的“Jetpack → 表单”下,您可以一站式查看您的所有表单文章。

保存时会自动同步。如果在页面中插入表单后,该表单未出现在“表单”仪表盘中,请按照相应步骤进行转换

Copied to clipboard!