Marketing

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.

Apareció un anuncio de cambios no guardados y un editor de publicaciones de WordPress

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:

Estructura de archivo adicional

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.

Consulte el sitio de WordPress para obtener más archivos.

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». .

activar complemento

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.

Notificación de emergencia alertando al usuario sobre centinelas

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.

Localice el ID del formulario

Busque la línea que viene con el

Etiqueta. En la etiqueta del formulario, busque el ID del atributo.

Este es un ejemplo cuando el identificador de la nueva fórmula es wpforms-form-170. Se requiere copia de ID de atributo.

Edite el archivo de verificación dejando.js y haga coincidir el atributo con el ID de #commentform.

Apéndices para separar #commentform y el ID del formulario con una coma. También puede agregar el carácter # como prefijo a su atributo de ID de formulario.

Ahora puedes verlo así:

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;
});

 })

Guarde el nuevo archivo de cambios y cargue el archivo en su sitio web.

Ahora puede ingresar cualquier texto en cualquier formato de su formulario de contacto y guardar la página sin enviar el formulario. Muestre un cartel de emergencia que indique que debe cambiar de tren sin vigilancia.

Puede descargar el Suplemento de confirmación de agua sólida. Comenta solo en el formulario de comentarios, pero puedes editar el suplemento para agregar otros formularios.

Eso es todo, esperamos que este artículo te ayude a mostrar el mensaje de confirmación de navegación de emergencia de los formularios de WordPress. También es posible probar estos 8 mejores tutoriales para los 8 mejores WordPress

Puede aprender el artículo usando un nuevo canal de YouTube para tutoriales y videos de WordPress.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.