Especialista en servidores y Hosting VPS
Ajustes sencillos a formularios
/
RSS Feed
El sábado pasado me senté a darle un repaso a eso que tenia ahí en el cajón de «lo haré cuando me jubile» hice tres cositas… Y todo fue tan rápido y me quede tan a gusto, que quiero que comencemos la semana hablando de esto.
- Lo ideal es hacerlo esto desde un principio
- Pero lo dejamos ahi…
- Te voy a recomendar tres ajustes rápidos que hice en mi formulario de contacto:
- Agregar el check confimar para enviar: Confirmas que has leído y aceptas la política de privacidad y que puedo enviarte correos de confirmación y de respuesta si fuera necesario.
- Agregarle la información del responsable: Responsable y destinatario: Alex Ávalos. Fin del tratamiento: Responder a correos (almacenados en servidor de OVH). Tus derechos: Acceso, rectificación, portabilidad y olvido. Más información en la política de privacidad
- Optimizar el diseño:
- Algo tan simple como colocar el nombre y el correo en la misma linea.
- Es tan sencillo y queda tan guapo.
- Manos a la obra, en mi caso uso Ninja Forms:
- Agregar el check…
- Ninja forms – Escritorio – Editar (al formulario)
- Clic al botón celeste de +
- En campo de diseño – Clic a HTML
- Borramos la etiqueta
- Y pegamos el texto ¨confimar para enviar¨
- Damos clic en el botón ¨Hecho¨
- Clic al botón celeste de +
- Y en campos comunes – Cuadro de verificación
- En la etiqueta pegamos: Confirmo que acepto
- Y lo asignamos como obligatorio
- Agregar responsable…
- Clic al botón celeste de +
- En campo de diseño – Clic a HTML
- Borramos la etiqueta
- Y pegamos el texto ¨Responsable y destinatario¨
- Damos clic en el botón ¨Hecho¨
- Poner nombre y correo en la misma linea:
- Clic al campo nombre
- Visualización
- Nombre de clase personalizado
- Y en contenedor pegamos: «one-half first»
- Damos clic en el botón ¨Hecho¨
- Mismo procedimiento en campo correo, pero en contenedor se pega ¨one-half¨
- Agregar el check…
- Si usamos Genesis Framework, ya tendremos a nuestra disposición estas clases.
- Sino tendrías que agregar estas clases a tu style.css
- Ajustes sencillos pero que da tanto gusto lo bonito que queda el formulario de contacto jejejeje