NinjaForms不仅可以可视化创建查询表单，还可以记录查询，添加隐藏字段，添加反垃圾邮件验证，并且可以设置提交表单的多个动作，都是Wpforms插件中的付费功能。同时，NinjaForm的激活量和安装量均超过百万，并拥有4.5/5的好评。本文是B2B网站常用询价单制作的详细教程，请往下看。下面是忍者表格图文教程。原文地址：https://loyseo.com/how-to-cre...下载NinjaForms并安装NinjaForms插件下载地址：https://Wordpress.Org/Plugins/Ninja-Forms/，请启用后安装。如果您是新手，请点击此处查看插件安装教程。使用NinjaForms制作查询表单NinjaForms默认提供ContactMe表单。可以点击图中的齿轮按钮展开操作项。点击编辑进入编辑表单。进入ninja表单后，如下图：FormField标签页，用于制作表单域Emails&Actions标签页，用于配置邮件通知和表单提交动作Advanced标签页用于设置更高级的功能PreviewChanges是一个预览按钮加号按钮用于给当前标签页添加新的内容，比如添加一个字段发布按钮，用于保存和发布当前表单。首先，制作表格。默认的ContactMe表单已经有三个字段，足以进行查询。我们不需要添加新的内容字段。我们只需要添加一些隐藏字段（Hidden）和反垃圾邮件字段（Anti-Spam）。隐藏字段用于存放查询的来源页面和IP，反垃圾邮件字段用于通过简单的加法拦截营销邮件。请点击右下角的加号展开字段选择面板，找到名为Hidden的字段，点击添加到表单中，也可以左键拖拽到左侧指定字段形式位置。我们一共添加了3个隐藏字段，分别是：查询源页面标题，查询源页面URL，查询源IP，隐藏字段在表单中的位置没有作用，可以放在提交按钮下面，不会显示给用户。将隐藏字段添加到页面后，如下图，左键点击该字段，页面右侧会显示该字段的编辑面板，请点击右侧的小图标在第二个输入框旁边，在下拉选项中选择Wordpress，然后找到并点击页面标题（{Wp:post_title}），动态调用数据库字段非常方便。如下图，在Label中输入这个隐藏字段的名称，在DefaultValue中选择动态调用的字段，然后一定要点击右上角的DONE按钮保存，这样这个字段的设置做完了。接下来，您可以复制这个隐藏字段，创建另外两个隐藏字段，如下图，将鼠标悬停在该字段上，该字段右侧会出现一个齿轮图标，将鼠标悬停在齿轮上，然后您会看到左侧出现复制和删除图标。需要注意的是，如果你选择了这个字段，也就是说这个字段的边框是绿色的，那么齿轮图标就不会出现，你也不能复制和删除。通过复制字段方法，我们创建了另外两个隐藏字段。分别是查询源页面的URL-{Wp:post_url}和查询源的IP-{Other:user_ip}，如下图，就是查询源IP的设置方法。接下来我们添加反垃圾邮件字段（Anti-Spam），请添加在提交按钮的上方，如下图，可以设置2+3等于这道简单的算术题。完成这些步骤后，单击右上角的发布以保存。其次，设置询价时的邮件通知和动作，默认提供了以下四种常用的动作，分别是：网站管理员或其他自定义人员发送询价邮件SuccessMessage：向询价提交人显示提交成功信息每个动作都提供了一个开关按钮，如果不想使用，将其关闭即可。点击每个动作右侧的齿轮图标进入动作设置，下面我们一一查看。记录查询的动作设置通常保留为默认值。图中SaveAll表示存储所有字段信息。如果你不想存储某些字段，你可以添加一个Except字段来排除它们。默认发送邮件确认给询价人的功能如下图所示。他会将用户提交的所有字段信息通过邮件发送给用户。您可以在此处配置电子邮件的主题和电子邮件文本中包含的表单字段。默认表单字段设置不包括隐藏字段。上图中，任何字段右侧有数据库小图标的字段都可以调用动态内容，比如调用网站管理员的邮箱，或者直接输入指定的值，比如非网站用户。邮件正文也可以自己写。向网站管理员或其他自定义人员发送询价邮件功能与上一节功能类似，只是收件人变成了网站管理员，邮件回复人设置为询价邮箱。建议您在邮件正文中添加隐藏字段信息，这样在您收到的询价通知邮件中，可以清楚的显示询价来自的页面和询价客户的IP。向查询提交人展示提交成功信息。用户提交询价后，页面会显示提示文，告知用户询价已提交成功。您可以自己编辑此文本，或保留默认值。在这个默认表单中，在成功提交信息中向用户显示如下信息：确认邮件已发送至您的邮箱Xxx。这与上面的电子邮件确认相呼应。如果你没有开启邮件确认功能，记得把这句话删掉。如果使用GoogleAnalytics跟踪目标转化，可能还需要添加一个Redirect动作，如下图，填写查询提交成功后进入页面的URL，一般为感谢页面。高级设置在高级设置中，常用的功能有：设置表单标题名称、显示表单标题开关、清除表单提交成功开关、隐藏表单提交成功开关。关于“清除表单提交成功开关”和“隐藏表单提交成功开关”，如果你没有设置重定向到感谢页面，那么我建议你启用它们，因为如果不清除，很容易引起误解，使人感到不舒服。以为表单没有提交成功，导致重复提交表单。此时可以发布表单，然后关闭表单，返回到NinjaForms的Dashboard页面，从中可以得到NinjaForms的Shortcode，粘贴到需要放置查询表单的页面，例如联系我们页面、产品页面或弹出层（Popup）。最后在测试页面提交询价，后台提交页面会看到询价被记录。如果您的邮箱没有收到询价通知，可能是因为您没有配置Smtp发送功能。请参考本教程安装Smtp插件进行配置。如果您想使用ContactForm7或ElementorPro制作询价表单，请参见以下内容：如何在WordPress中制作联系表单（3种方法）FAQNinja表单无法显示在Elementor的弹出层，应该怎么办我愿意？不要把NinjaForms、Wpforms、GravityForms放在Elementor的Popup（弹出层）里面，它们都有类似的问题：表单无法显示或者表单无法提交；您可以安装免费插件PopupMaker来实现弹出层。也可以直接使用Elementor的Forms元素制作表单。缺点是不能添加数学验证码。本文原文由LOYSEO发布。LOYSEO专注于WordPress、Elementor、外贸建站教程。推荐阅读2020年搭建B2B外贸网站终极教程，2020年搭建外贸网站需要注意什么？（4300字经验谈）
