Form Widget 表单

Estimated reading: 1 minute 52 views

使用 Form Widget(表单小工具)

添加表单到页面

步骤

  1. 拖放小工具:在 Elementor 编辑器中,从左侧的 Widgets(小工具) 面板中找到 Form(表单) 小工具(Elementor Pro 功能),将其拖放到页面中的指定位置。
  2. 编辑表单字段:默认情况下,表单包含三个字段:姓名、电子邮件和消息。您可以根据需要添加、删除或修改字段。

表单字段和类型

添加新字段

  • 方法:在 Content(内容) 选项卡下的 Form Fields(表单字段) 部分,点击 Add Item(添加项目)

可用字段类型

  • Text(文本)
  • Email(电子邮件)
  • Textarea(多行文本)
  • URL(网址)
  • Tel(电话)
  • Radio(单选按钮)
  • Checkbox(复选框)
  • Select(下拉菜单)
  • Date(日期)
  • Time(时间)
  • File Upload(文件上传)
  • Password(密码)
  • HTML
  • Acceptance(接受)
  • reCAPTCHA

字段设置

  • Label(标签):字段的名称,显示在字段上方或内部。
  • Placeholder(占位符):在输入区域内显示的提示文本。
  • Required(必填):启用后,用户必须填写此字段才能提交表单。
  • Column Width(列宽):设置字段在表单中的宽度(以百分比计),可以在一行中放置多个字段。

配置表单动作

Actions After Submit(提交后的操作)

  • 设置方法:在 Content(内容) 选项卡下,找到 Actions After Submit,添加所需的动作。

可用动作

  • Email:将表单数据发送到指定的电子邮件地址。
  • Redirect:在提交表单后重定向到特定页面或 URL。
  • MailChimp:将数据添加到 MailChimp 邮件列表。
  • Webhook:通过 Webhook 将数据发送到第三方服务(如 Zapier)。
  • 其他集成:如 Slack、Discord、ActiveCampaign 等(需要相应的配置)。

配置 Email 设置

  • 收件人:指定接收表单提交的电子邮件地址。
  • 主题:设置电子邮件的主题,可以使用动态标签(如表单字段值)。
  • 邮件内容:自定义电子邮件的内容和格式。

使用技巧

  • 动态标签:在邮件主题和内容中,使用 {field_id} 格式的动态标签,插入用户提交的数据。
  • 测试表单:在正式上线前,进行测试提交,确保电子邮件接收正常。

Leave a Reply

Your email address will not be published. Required fields are marked *

Share this Doc

Form Widget 表单

Or copy link

CONTENTS