人们离开您的网站时没有填写表格吗？ 这可能是因为访问者意外地从页面中退回或意外关闭浏览器窗口。 在这两种情况下，在 WordPress 中创建不完整的表单检查弹出窗口都很有用。
这为访问者提供了停留在页面上的机会，而不会丢失任何信息。
想想看，当您错误地离开您在创建帖子上花费数小时时，“留下”或“离开”的确认会多久会拯救您？ 我知道我无法数出WordPress为我节省时间和精力的次数，因为我不小心点击了某件事。
本教程演示如何在 WordPress 中创建确认导航弹出窗口插件。 别担心，它相对简单易用。 事实上，您无需对编码了解太多即可使此操作正常工作。
为导航确认插件创建弹出窗口
插件 绝对是文字新闻面包和黄油。 他们扩大你可以在网站上做什么，并经常增加你的访问者的参与。
今天，我将构建自己的小插件来显示空表单确认。
创建confirm_leave.php
confirm_leave.php文件是驱动此插件的文件。 首先，在计算机上创建一个名为“确认-退出-窗体”的新文件夹。
然后，在此文件夹中创建新文件。 从计算机打开纯文本编辑器应用程序。 例如，Windows 用户有一个记事本。
将以下代码粘贴到文本编辑器中（将“ggexample.com”替换为域）：[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]<?php
/**
•确认离开
• 插件名称：确保离开表单
*插件URI：https：//www.ggexample.com
• 说明：此插件会警告用户，如果他们试图忘记按评论表单上的提交按钮。
• 版本： 1.0.0
• 作者：您的姓名和业务
*作者URI：https：//www.ggexample.com
• 许可证：GPL-2.0+
• 许可证 URI：https://www.gnu.org/licenses/gpl-2.0.txt
*/
函数wpb_confirm_leaving_js（） |
wp_enqueue_script( ‘Confirm Leave Form’, plugins_url( ‘js/confirm-leaveing.js’, __FILE__ ), array(‘jquery’), ‘1.0.0’, true );
}
add_action(‘wp_enqueue_scripts’, ‘wpb_confirm_leaving_js’); [/ht_message]
此文件 ”确认 – 离开.php在文件夹中插入 “ 。
在记事本等应用程序中保存 PHP 文件时，不要忘记将“另存为文件类型”更改为“所有文件”。 否则，请创建文本文档，而不是 PHP 文件。 这将导致插件在尝试添加到 WordPress 时失败。
为验证插件创建 Java 脚本
现在，我们需要一些 JavaScript 来控制 WordPress 中的不完整表单检查。 没有它，上面的PHP文件是无用的。
在上述文件夹中创建新文件夹，然后单击”js.”
创建新的文本文档，并将此代码粘贴到其中。[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]jQuery(document).ready(function($) {
$(document).ready(function() {
needToConfirm = false;
window.onbeforeunload = askConfirm;
});
函数 askConfirm（） {
if (needToConfirm) {
在此处输入自定义消息
“你要这么早回家吗？ 如果继续，数据将丢失。
}
}
$(“#commentform”).change(function() {
needToConfirm = true;
});
})[/ht_message]
此特定代码侧重于网站的注释部分。 此段在代码中显示为“#commentform”。 若要向此代码添加其他窗体，必须将其放在各自的窗体 ID 和 JavaScript 编码中。 我很快就会覆盖它一点点。
此文件 ”确认 – 离开.js.”
添加以确认将表单保留在 WordPress 中
现在，您已经为一个小插件做好了准备，可帮助 WordPress 查看表单中的导航。 剩下的就是将其添加到您的网站并激活它。
要上传它到您的网站， FTP 应用程序，如文件齐拉这允许计算机直接连接到网站并访问所有资源。
确认表单文件夹 ”/wp-content/plugins/您的网站目录。
转到网站的 WordPress 插件部分。
找到新插件，然后单击“激活”链接。
现在，当用户不从注释表单发送数据时，他们收到消息。
将其他表单 ID 添加到 Java 脚本
评论部分可能不是您在网站上使用的唯一表单。 添加其他人怎么样？ 如果你有，你会怎么做？ 联系表格 你想在人们离开之前提交吗？
为此，您需要要添加的每个窗体 ID。 本教程使用非常基本的页面 WPForms 联系表格.
转到窗体的页面并“检查”元素。 有多种方法可以做到这一点。 因为我使用的是电脑，所以只需右键单击表单区域，然后单击“检查”。 MAC 用户使用命令 + 单击。
在代码中查找窗体 ID。 它以“<的形式”开头。 不幸的是，每个表单创建插件都不同。 这意味着您需要深入一点，以找到要包括的表单的正确 ID。
正如你从图片中看到的，我的ID是“wpforms-form-1835”。 我得到这个从 ID= 代码的一部分。 检查这些区域以查找窗体的 ID。
在 Java 脚本编码中输入表单 ID。 为此，请使用“*”和 ID。 例如，您使用的 Java 脚本段可能如下所示：[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]$(“#commentform,#wpforms-form-1835”).change(function() {[/ht_message]
这将告诉 WordPress 启动注释部分和联系人表单弹出窗口。 请务必用逗号分隔每个窗体。
轻松成为客人
WordPress 不完整的表单检查可帮助人们记住提交数据，或防止意外单击错误内容而丢失数据。 这只是游客欣赏和经常认为理所当然的小改进之一。 它为客人提供最好的体验，并帮助他们继续关注他们开始填写的表格。
您多久使用实际代码对 WordPress 网站进行更改？ 访客可以填写多少张表格？
