使用 Forminator 创建完美的联系表格

联系表不仅可以让访问者与您取得联系,而且对于潜在客户的产生也是必不可少的.使用我们免费的 5 星级 Forminator 插件,将联系表格添加到您的 WordPress 网站很简单,因为本指南将向您展示!

本教程将演示如何设置完美的联系表单,并让访问者只需点击几下即可与您联系(并与他们联系).

以下是我们将涉及的领域:

  1. 使用省时模板更快地创建联系表单
  2. 通过调整外观来自定义表单以满足您的需求
  3. 控制表单行为以获得最佳性能
  4. 为即时警报设置电子邮件通知
  5. 通过与流行的第 3 方应用程序集成进一步推进表单
  6. 在设置中按照您的标准控制数据存储
  7. 使用分页完美分离表单
  8. 使用简码预览并轻松实现表单

有了 Forminator,一个新的表单就变得轻而易举了.让我们开始吧!

1.使用省时模板更快地创建联系表单

使用 Forminator 的预制模板,只需点击联系表单,为其命名,点击创建,即可立即为您设置.

Templates in Forminator.
点击这个按钮,让我们为你的网站.

此表单包含简单联系表单所需的所有要素:名字、电子邮件地址、电话号码、消息发送消息.

Contact form fields.
使用默认字段立即创建基本联系表单.

您可以添加更多字段并进行相应编辑.但是,如果这符合其目的,只需点击发布,Forminator 就会提供可在任何 WordPress 页面、帖子或可接受的小部件上使用的短代码.

使用 Forminator 创建联系表单快速、简单且容易!

Forminator 会自动与您的管理员电子邮件同步,因此当用户选择加入时,您会收到通知.

您现在拥有一个可以收集信息并在您的网站上使用的表单.就这么简单.

2.通过调整外观来自定义表单以满足您的需求

在使用颜色、字体、自定义 CSS 等调整联系表单的外观时,Forminator 为您提供了很大的灵活性.

设计风格区域带有预制的风格.

The design style area.
选择 Forminator 的预制设计或使用一些 CSS 使其变得生动.

您可以使用默认扁平粗体材质等选项来调整设计样式,或者您可以选择.

选择最适合您的联系表单的样式.

从这里,您可以在颜色部分更改颜色.在这里,您可以完美地自定义它以适合您网站上的调色板.

调整表单的许多元素的颜色,例如表单容器、提交指示器、字段基础等等.或者使用默认颜色.

Various color options.
在自定义表单时,颜色选项是无穷无尽的.

单击单个元素可更改其颜色.

为任何表单元素添加自定义颜色.

与颜色类似,您可以在字体中更改许多字体级别.Forminator 的字体选项包括继承主题的字体,或者您可以自定义这些.

The fonts area.
在整个表单中匹配您品牌的字体.

任何这些字体都可以通过 Google 字体用自定义字体覆盖.您可以轻松更改字体大小和粗细.

从数百种字体中选择.

此外,在表单容器区域中自定义表单容器的边框和内边距.

除此之外,您还可以调整半径、厚度和样式.此外,在间距区域,您可以使用舒适紧凑自定义选项调整间距—您将在其中输入以像素为单位的间距.

The form container where you can adjust spacing.
需要更多空间?可以根据需要自定义边框和间距.

要进一步进行设计,请添加自定义 CSS 以进行更高级的修改.

3.控制表单行为以获得最佳性能

您的联系表单的行为是您的表单在用户填写和点击提交时的运作方式.

能够以您喜欢的任何方式编辑和修改关键点,让您可以控制联系表单的行为.

首先,您可以调整提交行为.使用内嵌消息重定向到特定网址或在提交时隐藏表单来修改提交行为.

您还可以自定义消息并设置自动关闭成功消息的时间(以秒为单位)(表示表单提交正常).

Submission behavior section.
向您的用户添加个性化信息.

Forminator 允许您选择重新加载页面的方法.您可以使用 AJAX 发送表单而无需重新加载页面或重新加载页面.

验证方法适用于您选择验证的字段.此功能显示了用户提交时这些行为的行为,当用户使用 Ajax 或在服务器端使用 PHP 提交表单时是否运行验证检查,并在页面重新加载后返回任何错误消息.

此外,还有一个提交指示器功能,可显示加载程序是否已激活.

The method of submission including validation and submission indicator.
让用户知道表单将被提交.

还有用于启用自动填充安全(仅限蜜罐保护和登录提交)和生命周期的选项.

Lifespan 允许您的表单在特定日期或在提交一定数量后到期.

The Autofill area.
使用自动填充功能轻松提交表单.

4.为即时警报设置电子邮件通知

使用电子邮件通知,只需点击几下,即可为您的管理员和网站访问者自定义电子邮件通知.

您可以创建在提交表单时发送给您的管理团队或任何指定电子邮件地址的电子邮件.

还有用于抄送电子邮件BBC 电子邮件回复电子邮件的高级选项.此外,您可以根据用户输入和规则添加条件以进行其他自定义.

Where you add email notificaitons.
以您想要的方式收到通知表单已提交.

5.通过与流行的 3rd 方应用程序集成进一步推进表单

您可以将特定表单的数据发送到连接的第 3 方应用程序,例如 MailChimpFortressDBSlack 等等.这一切都在 Forminator 的仪表板中完成.

Forminator 将向您显示您可用的已连接应用程序列表;从那里,您可以通过点击加号和激活应用来激活它以与表单连接.

The Integrations area.
表单中的所有联系人都可以直接进入 MailChimp.

每个应用程序都会有不同的提示以使其同步,并会引导您准确了解如何进行同步.完成后,您的表单将与应用同步,并相应地工作.

您可以随时连接和断开与任何 3rd 方应用的连接.

第 3 方应用非常适合通过电子邮件提供商进行持续营销、将信息存储在云上等等.

6.在设置中按照您的标准控制您的数据存储

使用设置,您可以通过禁用数据库中的任何提交来控制数据存储.如果未启用,所有提交将默认存储.

您还可以在隐私设置中自定义您希望在特定时间内保留表单提交的时间.

最后,还有一些选项可用于处理帐户删除请求并保留在表单被删除时提交的文件.

Settings area with data storage and privacy settings.
数据存储控制从未如此简单.

随时在 Forminator 的全局隐私设置中编辑数据存储.

7.用分页完美分离表单

向表单添加分页以将其分解为单独的部分.分页使样式看起来不那么杂乱,如果您有很多需要的字段,这很有用.

只需添加分页符字段,分页就会出现在顶部.然后,您可以在各个字段之间插入分页符,并根据需要分隔表单.

您可以调整进度指示器按钮文本标签.

完成后,您的用户将逐步完成表单.

使用分页来分解复杂的表单.

8.使用简码预览并轻松实现表单

你的表格好看吗?随时点击预览以瞥见它并尝试一下......

预览并测试您的新联系表单.

如本文开头所述,当您准备好后,一旦您在新的联系表单上点击发布,Forminator 就会为您提供一个短代码,您可以将其粘贴到 WordPress 页面、帖子中,或可接受的小部件来显示您的表单.

A look at Forminator's shortcode.
Forminator 的短代码获得"竖起大拇指".

您始终可以在 Forminator 的管理员中访问短代码.除此之外,您可以随时更改、编辑和调整您的表单,并且更改将自动传播到您通过短代码添加表单的任何位置.

就这样形成了

所有元素都准备就绪后,您可以立即建立并运行联系表单.

完美的联系表格将包含满足您的目的所需的信息.借助 Forminator,您可以根据自己的需要调整表单,以确保其完美地适用于您的 WordPress 网站.

您可以查看更多关于构建联系表单以及使用它们的更多信息一>.

说到联系表格,如果您有任何问题并需要与我们联系,请务必使用我们的联系表格与我们的 24/7 支持团队超级英雄联系.

要密切关注 Forminator 的最新进展,请随时查看我们的路线图.

1

发表回复