Landing con formulario

Landing con formulario / Mariano J. Muzas HTML5, CSS3, PHP, Mysql, bbdd, javascript, JQuery, JQuerymobile, Bootstrap, Material Design, WordPress, Newsletter, Api de Facebook, Api de twitter, PrestaShop.

Landing con formulario

Landing de publicidad bancaria, con un diseño actual, cercano a  Bootstrap, pero no se trata de una plantilla, está realizado desde cero con un template personal, con HTML5, CSS3, jQuery, AJAX y PHP. Cuatro secciones, dos ventanas emergentes creadas con jQuery por sección y responsive. El formulario de contacto es la herramienta principal.

 

 

Lo primero es la validación, realizada con jQuery, obviamente nos avisa de los campos que faltan por rellenar  o no lo están de forma correcta. El clásico texto en rojo, está acompañado de un pop-up con background 100% de duración determinada, avisando de que es imposible realizar el envío.

En caso de haber rellenado de forma correcta los campos, otro pop up nos avisa del envío con éxito, también se muestra un aviso si se ha producido un error en el envio.

Si faltan datos o estos son erróneos, al div en concreto, el código se encarga de añadirle la class “.mng”, lo cual hace emerger el pop-up, lo mismo ocurre con los inputs del formulario.

Los datos, tanto los del input como los  checkboxs, son recogidos vía AJAX por method POST y enviados por PHP. Donde el destinatario, en este caso una cuenta de email, recibirá toda la información correctamente.

Se realizaron tres versiones, enfocadas a tres tipos de clientes potenciales.

Puedes verla aquí.

 

Mariano J. Muzas.

Hola, primero felicitarte por tu blog, es muy original y tiene mucho trabajo de back. He visto que al hacer responsive, el formulario desaparece. ¿A que es debido?

Jorge Guerra / 25-11-2016

Gracias Jorge, me alegro de que te guste. El formulario se oculta para smartphones, a petición del cliente.

Mariano J. / 25-11-2016

Que curioso, supongo que lo encontrarian más practico.

Jorge Guerra / 25-11-2016

Escribe un comentario

Tu email no se hará visible