如何用 Avada Forms 快速打造专业联系表单(图文详解)

Avada 主题内置了 Avada Forms 插件,可以轻松构建各种形式的表单。无论是基础的联系表单、复杂的多步骤表单,还是包含条件逻辑的表单,都能通过 Avada 的界面和功能轻松实现。本文将介绍如何使用 Avada 表单构建器从零开始创建一个定制的表单,并将其添加到你的网站中。

1. 创建新表单

在 WordPress 仪表盘中,进入 Avada Forms表单构建器,点击 创建新表单。在弹出的页面中,我们可以为表单命名。举例来说,我们为这个表单命名为 “Guest Contributor”,然后点击 创建新表单

20250415140431275-image

在 Avada 设置中,可以选择使用 Avada Live 作为默认编辑器,这样可以直观地在页面上看到变更效果。

20250415140451276-image

2. 添加表单元素

在表单编辑器中,有两种选择:可以从 Avada Studio 中选择一个预建表单,也可以从零开始构建自己的表单。为了这个演示,我们将从头开始构建表单。

  • 添加容器:点击 添加容器,并选择两列布局,这样可以方便地放置多个表单元素。
20250415142151680-image
  • 添加文本字段:添加一个文本字段元素,用来收集用户的名字。
20250415142232303-image

字段标签 中输入“First Name”,并设定为必填项。

20250415142526942-image

可以为该字段添加图标,选择 “Person” 图标,增加视觉效果。

20250415142356342-image
  • 添加其他字段:继续添加 Last NameEmail AddressPhone Number 字段。为每个字段设置适当的标签,并确保它们都是必填项。每个字段都可以设置一个图标,例如 Email 字段使用信封图标。
20250415142639172-image
  • 添加复选框字段:为了让用户选择他们感兴趣的播客类别,我们添加一个复选框字段,并设置 Podcast Categories 标签。在选项中,添加 BusinessLifestyleDesign 作为选择项。

20250415150030319-image 添加一个复选框字段
20250415150132245-image 设置
Podcast Categories 标签
20250415150520963-image 添加选项

  • 添加文件上传字段:为了让用户提交个人信息,我们添加一个文件上传字段,并设置一个文件大小限制(例如 2MB)和允许的文件类型(例如 JPEG)。

20250415151059435-image 添加上传元素
20250415151258330-image 限制文件大小和类型

  • 添加文本区域字段:在表单末尾,我们添加一个 Message 字段,让用户输入更详细的信息。为了鼓励用户提供更多内容,我们将文本区域的行数设置为 10。

20250415151536564-image 添加文本段
20250415152811801-image 设置message样式

  • 添加提交按钮:添加一个 提交按钮,并选择默认的按钮样式。

20250415153125189-image 添加提交按钮
20250415153415602-image 设置样式

3. 设置表单通知

一旦表单构建完成,我们需要设置表单提交后的通知功能:

  • 设置电子邮件通知:在 通知 选项卡中,选择 提交到邮箱,并设置发送邮件的地址。还可以设置邮件的主题和内容,使用占位符插入用户填写的表单信息。
20250415154951457-image
  • 设置自动回复:如果希望用户在提交表单后收到确认邮件,可以设置自动回复功能。通知内容可以自定义,如 “ 感谢您的提交,我们会尽快联系您 ” 。
20250415155414374-image

4. 自定义表单外观

为了使表单与网站的整体设计风格一致,我们可以通过 外观 选项卡来自定义表单的背景颜色、字段颜色、按钮样式等。

20250415155848563-image

5. 将表单添加到页面

完成表单设计后,保存并返回页面编辑。可以在页面中使用 Avada 表单元素 来插入创建的表单。在页面中选择合适的位置,添加表单,并将其与页面上的按钮或链接关联起来。

20250415155714715-image 添加表单元素
20250415155739278-image 选择已设置的表单
20250415160615284-image 保存页面

总结

使用 Avada 表单构建器,可以轻松创建和定制各种表单。无论是简单的联系表单,还是复杂的多步骤表单,都可以通过 Avada 的直观界面和强大功能完成。通过本文的步骤,不仅学会了如何创建表单,还掌握了如何设置通知、提交选项和自定义外观,确保表单的功能性与美观性。

如果想了解更多WordPress相关的教程和资讯,请关注光子波动网,拥有最全的WordPress教程和最活跃的WordPress交流社区。


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读