Avisos
Vaciar todo

Botón volver atrás  

 
Sergio
 Sergio
Usuario activo

Hola,

Me gustaría recibir ayuda para configurar un enlace para volver atrás en elementor. Explico:

Tengo varios formularios en la web. Después de hacer click en el botón enviar tengo puesto un redireccionamiento a otra página donde muestro mediante un texto que el email se ha enviado con éxito. Al final del texto he puesto un botón de volver atrás pero no sé que código html tengo que poner. He probado varios que he encontrado pero la mayoría lo que hacen es recargar la propio página. 

 

Adjunto imagen.

 

Gracias.

 

Captura de pantalla 2021 03 18 a la(s) 14.11.23

Contenido solo visible a usuarios registrados

Citar
Respondido : 18/03/2021 1:17 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sergio,

Prueba lo siguiente, edita tu botón  ve a la pestaña Avanzado y añade el siguiente ID 'btn-back' en ID de CSS

Screenshot(5)

Guarda los cambios, luego instala y activa  el siguiente complemento Insert Headers and Footers una vez los actives ve al apartado Ajustes -> Insert Header and footer y donde indica Scripts en el pie de página pega el siguiente código

<script type="text/javascript"> 

jQuery(document).ready(function($){
$('#btn-back').on('click', function(e){
e.preventDefault();
window.history.back();
});
});

</script>
Screenshot(5)

Guarda los cambios y comprueba ahora si al enviar el formulario y pulsar el botón te lleva a la pagina de atrás

Un Saludo

 

ResponderCitar
Respondido : 18/03/2021 2:08 pm
Pepe me gusta

Cursos Gratuitos WordPress

Sergio
 Sergio
Usuario activo

@karen

 

Hola Karen, funciona bien. Muchas gracias.

Si tuviera que poner un pero sería que cuando paso el mouse en forma de flecha por encima del botón, no se convierte en mano blanca, se convierte en cursor vertical como si se pensara que voy a editar un texto.

ResponderCitar
Respondido : 18/03/2021 2:38 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Sergio.

Añade lo siguiente:

a.elementor-button.elementor-size-md {
cursor: pointer;
}

 

Puedes añadirlo en apariencia -> personalizar -> CSS adicional

 

Un saludo

 

ResponderCitar
Respondido : 18/03/2021 2:57 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación