关于php:如何制作免费的WordPress联系表单这个插件提供了付费表单才有的功能视频图文教程

5次阅读

共计 3085 个字符,预计需要花费 8 分钟才能阅读完成。

Ninja Forms 不仅可能可视化创作询盘表单,还能记录询盘、增加暗藏字段、增加反垃圾验证、提交表单时可设置多个动作,这在 Wpforms 插件中可都是付费性能,同时,Ninja Form 激活装置量一百万 +,领有 4.5/ 5 的好评。本文是制作 B2B 网站罕用的询盘表单的具体教程,请往下看。
<iframe frameborder=”0″ height=”400px” src=”https://v.qq.com/txp/iframe/player.html?vid=o31422eatfu” allowfullscreen=”true”></iframe>

下方是 Ninja Forms 的图文版教程。
原文地址:https://loyseo.com/how-to-cre…

下载 Ninja Forms 并装置

Ninja Forms 插件下载地址:Https://Wordpress.Org/Plugins/Ninja-Forms/,请装置后启用它。

若您是老手,插件装置教程请点击此处查看。

应用 Ninja Forms 制作询盘表单

Ninja Forms 默认提供了一个 Contact Me 表单,你能够点击图中的齿轮按钮,则将开展操作项,从中点击 Edit 进入编辑

进入忍者表单之后,如下图所示:

  1. Form Field 标签页,用于制作表单字段
  2. Emails & Actions 标签页,用于配置邮件告诉与表单提交动作的
  3. Advanced 标签页是用于设置更高级的性能
  4. Preview Changes 是预览按钮
  5. 加号按钮用于向以后标签页增加新内容,譬如增加字段
  6. 公布按钮,用于保留和公布以后表单。

首先进行表单的制作

默认的 Contact Me 表单中已有三个字段,作为询盘而言曾经够用了,咱们不必再增加新的内容型字段,只须要增加一些暗藏字段(Hidden)和反垃圾字段(Anti-Spam)。

暗藏字段用于存储询盘的起源页面和 IP,而反垃圾字段是通过简略的加法来实现屏蔽营销邮件。

请点开右下角的加号开展字段抉择面板,找到其中名叫 Hidden 的字段,单击它就能够将它退出到表单中,你也能够左键点选之后拖拽到左侧的表单的指定地位。

咱们一共增加 3 个暗藏字段,别离是:询盘起源页面题目、询盘起源页面网址、询盘起源的 IP,暗藏字段在表单中所放的地位没有影响,你能够把它放在提交按钮下方,它不会向用户展现。

当你把暗藏字段加到页面中之后,如下图所示,左键点选这个字段,而后在页面右侧就会显示这个字段的编辑面板,请点击第 2 个输入框右侧的小图标,在下拉选项中抉择 Wordpress,而后找到并点击页面题目({Wp:post_title}),这是动静调用数据库字段的做法,十分便当。

如下图所示,在 Label 中输出这个暗藏字段的名称,在 Default Value 中抉择动静调用的字段,而后肯定要点击右上角的 DONE 按钮进行保留,这样这个字段就设置实现了。

接下来你能够复制这个暗藏字段,以便创作另外两个暗藏字段,如下图所示,将鼠标悬停于字段上方,在字段的右侧会呈现齿轮图标,鼠标悬停在齿轮上,你将会看到右边呈现复制和删除图标。

须要留神的是,如果你以后曾经选中这个字段,也就是说这个字段的边框是绿色的,那么他将不会呈现齿轮图标,也就不能进行复制和删除了。

通过复制字段的办法,咱们再创立另外两个暗藏字段。别离是询盘起源页面的网址 -{Wp:post_url} 和询盘起源的 IP-{Other:user_ip},如下图所示,便是循盘起源 IP 的设置办法。

接下来咱们增加反垃圾字段(Anti-Spam),请将它增加到提交按钮上方,如下图所示,你能够设置 2 + 3 等于几这种简略的算术问题。

实现这些步骤后请点击右上角的公布进行保留。

其次,设置提交询盘时的邮件告诉和动作

默认曾经提供了如下 4 个罕用动作,别离是:

  1. Store Submission:记录询盘
  2. Email Confirmation:向提交询盘的人发送邮件确认
  3. Email Notification:向网站管理员或其余自定义人员发送询盘邮件
  4. Success Message:向提交询盘的人显示胜利提交信息

每个动作都提供了开关按钮,如果你不想应用它,就将它敞开。

点击每个动作的右侧的齿轮图标,就能够进入动作的设置,咱们逐个查看。

记录询盘

这个动作的设置通常放弃默认即可,在图中 Save All 示意存储所有字段信息,如果你不想存储某些字段,能够增加 Except 字段进行排除。

向提交询盘的人发送邮件确认

这个动作的默认性能如下图所示。他会将用户提交的所有字段信息,发送邮件给用户。你能够在这里配置邮件的主题、邮件注释蕴含的表单字段,默认的表单字段设置是不蕴含暗藏字段的。

在上图中,凡是字段的右侧有一个数据库的小图标的,都能够调用动静内容,譬如调用网站管理员邮箱,也能够间接输出指定的值,譬如非网站用户的邮箱。

邮件的注释也能够由你自行编辑内容的形成。

向网站管理员或其余自定义人员发送询盘邮件

这个性能与上节性能是类似的,只是收件人变成了网站管理员,邮件回复人设置为了询盘邮箱。

倡议你在邮件注释中增加暗藏字段信息,这样你收到的询盘告诉邮件外面,就能分明的显示询盘起源的页面以及询盘客户的 IP。

向提交询盘的人显示胜利提交信息

在用户提交完询盘后,页面上会显示一句提醒文案,告知用户曾经胜利提交。这个文案你能够本人进行编辑,也能够放弃默认。

在这个默认的表单中,胜利提交信息外面还向用户展现了如下信息:有一封确认邮件曾经发往了您的邮箱 Xxx。这与上文中的邮件确认进行了响应。如果你没有开启邮件确认的性能,记得将这句话删除。

如果你应用 Google Analytics 进行指标转化的跟踪,那么你可能还须要增加一个 Redirect 动作,如下图所示,在 URL 中填写询盘提交胜利后所进入的页面,通常是感激页面。

高级设置

在高级设置中,罕用的性能如下:设置表单题目的名称、表单题目展现开关、革除胜利提交的表单开关、暗藏胜利提交的表单开关。

对于“革除胜利提交的表单开关”和“暗藏胜利提交的表单开关”,如果你没有设置 Redirect 到 Thank You 页面,那么我倡议你开启它们,因为如果不革除的话,很可能会造成误会,令人认为表单没有提交胜利,从而导致重复提交表单。

至此你能够将表单公布了,而后敞开表单回到 Ninja Forms 的 Dashboard 页面,从中能够获取 Ninja Forms 的 Shortcode,将它粘贴到须要放询盘表单的页面中,譬如分割咱们页面、产品页面或者弹出层(Popup)中。

最初,无比在页面中提交询盘进行测试,你将看到询盘记录在后盾的 Submission 页面。

如果你的邮箱中没有收到询盘告诉,那很可能是因为你还没有配置 Smtp 发件性能。请参考这篇教程装置 Smtp 插件进行配置。

如果想应用 Contact Form 7 或 Elementor Pro 制作询盘表单的话,请看下文:如何在 WordPress 中制作分割表单(3 种办法)

常见问题

在 Elementor 的弹出层上无奈显示 Ninja 表单,怎么办?

不要在 Elementor 的 Popup(弹出层)中放 Ninja Forms、Wpforms、Gravity Forms,他们都有相似的问题:无奈展现表单或是表单无奈提交;
你能够装置收费插件 Popup Maker 实现弹出层上放表单。
也能够间接应用 Elementor 的 Forms 元素制作表单,毛病是无奈增加数学验证码。

本文原文由 LOYSEO 公布,LOYSEO 专一于 WordPress、Elementor、外贸建站教程。

举荐浏览

2020 年 B2B 外贸建站的终极教程
2020 年外贸建站须要留神什么?(4300 字经验谈)

正文完
 0