Ajustes sencillos a formularios

Implementador WordPress y VPS
Implementador WordPress y VPS
Ajustes sencillos a formularios
icon loader
/

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.

Tres cosas sencillas para hacer a tus formularios
  • 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¨
  • 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

Si querés ponerte en contacto conmigo, podes escribirme en mi Formulario de contacto aquí en la web 😉

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *