Cómo mostrar la confirmación de navegación de emergencia de la empresa para formularios de WordPress

Formularios de WordPress

Cerca uno del otro, uno de nuestros usuarios podrá mostrar a sus lectores una aventura para confirmar la confirmación de la navegación. Esta pequeña sala de emergencias te advierte sobre la artillería y la artillería. , le mostraremos cómo mostrar el mensaje de confirmación de navegación de emergencia del formulario de WordPress.

¿Qué está pasando en ER Confirmar Navigation?

Sugerimos que un usuario escriba un comentario en tu blog. Ya han escrito basantes líneas, pero se distraen y olvidan enviar comentarios. Si ahora busca un navegador, el comentario se perderá.

El mensaje de reconocimiento del navegante para el reconocimiento de emergencia se debe a la oportunidad de comentar.

Puede usar la acción en el cuadro del editor de publicación de WordPress. Si cambias de opinión y continúas con el buen trabajo, busca al navegador, debes abrir la puerta de emergencia.

Podemos agregar esta función de visualización con los comentarios de WordPress y otros formularios en el sitio.

Buscar navegación de confirmación de emergencia para formularios de WordPress

Para esta lección crearemos un suplemento personalizado, pero no nos importa, también podemos descargar el final de este tutorial para instalarlo en el sitio.

Sin embargo, para comprender lo mejor del código, sabemos que tenemos la intención de crear una propiedad adicional. Puede hacer esto en una instalación local o en un sitio web para realizar pruebas.

Esperamos.

Primero debe crear una nueva carpeta en su computadora y nombrarla Confirmar-Salir. Dentro de la Carpeta de Confirmación de Salida, debe crear otra carpeta y nombrarla js.

Ahora abra un editor de texto sin formato como el Bloc de notas y cree un nuevo archivo. Lo siguiente se puede proporcionar fácilmente en el interior:

Esta función php simplemente agrega un archivo JavaScript al front-end de su sitio web.

Guarde este archivo como confirm-dejando.php dentro de la carpeta principal de confirmación-salida.

Ahora necesitamos crear el archivo JavaScript que se está cargando este complemento.

Cree un nuevo archivo y pegue este código:

jQuery(document).ready(function($) { 

$(document).ready(function() {
    needToConfirm = false; 
    window.onbeforeunload = askConfirm;
});

function askConfirm() {
    if (needToConfirm) {
        // Put your custom message here 
        return "Your unsaved data will be lost."; 
    }
}
 
$("#commentform").change(function() {
    needToConfirm = true;
});

 })

El código JavaScript de este niño incluye comentarios de usuarios sin proteger el formulario de comentarios. Si un usuario pretende navegar por el fuego o cerrar el parabrisas, indicar un molino de viento urgente.

Debe mantener el archivo como Confirm-dejando.js dentro de la carpeta js.

Después de guardar ambos archivos, así es como debería ver la estructura de su carpeta:

Debe conectarse a WordPress usando FTP para el cliente. Consulta el nuevo archivo FTP para hacer una copia de seguridad de WordPress.

Contacta con nosotros, puedes poner la Carpeta de Confirmación de Salida en la Carpeta / wp-contents / plugins / en su sitio web.

Después de eso, puede iniciar una sesión en el administrador de WordPress y buscar el suplemento "Confirmar Abandono" y la lista de suplementos instalados y hacer clic en el enlace "Habilitar". .

Eso es todo. Ahora puede visitar cualquier publicación en el sitio, escribir texto en cualquier formulario de comentarios y guardar la página sin enviarla. una aventura urgente, advirtiéndole, ese es el punto de salar una pÃgina con cambias no guardados.

Publicidad agregada para otras formas en WordPress

Puede usar el código base para agregar cualquier formulario a su sitio de WordPress. Aquí te mostramos un ejemplo de cómo usarlo para encontrar un formulario de contacto.

Este ejemplo se usó además de WPForms para crear un formulario de contacto. Las instrucciones se pueden utilizar para complementar otro formulario de contacto en su sitio web.

Póngase en contacto con el agregado a través del formulario de contacto. Lleve el mouse al primer campo en su formulario de contacto, haga clic con el botón derecho y luego seleccione Inspeccionar en el menú del navegador.

Busque la línea que viene con el

jQuery(document).ready(function($) { 

$(document).ready(function() {
    needToConfirm = false; 
    window.onbeforeunload = askConfirm;
});

function askConfirm() {
    if (needToConfirm) {
        // Put your custom message here 
        return "Your unsaved data will be lost."; 
    }
}

$("#commentform,#wpforms-form-170").change(function() {
    needToConfirm = true;
});

 })