Guía para principiantes de formularios web y WordPress Plugins Forma

Si usted es serio acerca de hacer dinero con tu blog o sitio web que necesita algún tipo de formulario en su presencia en la web. Para aquellos que tienen experiencia en tecnologías web y son más hábiles en el manejo de HTML, CSS y Scripts el término "forma" puede sonar muy familiar, pero va a ser pertinente aquí para presentar ...

A+ A-

Si usted es serio acerca de hacer dinero con tu blog o sitio web que necesita algún tipo de formulario en su presencia en la web. Para aquellos que tienen experiencia en tecnologías web y son más hábiles en el manejo de HTML, CSS y Scripts el término "forma" puede sonar muy familiar, pero va a ser pertinente aquí para introducirlo a los que están encontrando el término extraño. web forms

¿Cuáles son los formularios Web?

Las formas son colecciones de elementos web que pueden tener muchos propósitos como solicitar retroalimentación de los usuarios, agregar usuarios a suscriptor o listas de correo, manteniendo contacto con los usuarios a través de formularios de contacto o formas complejas que permiten el pedido de los productos, solicitando información de pago, envío y registro de usuario etcétera

El uso más común de las formas que pueden surgir a través de la web es el formulario de exclusión en la que se utiliza para construir listas de correo electrónico de los bloggers que están en hacer dinero en línea.

Dependiendo de la complejidad de los formularios utilizados en un sitio puede ser un paso o lo suficientemente compleja para ser de varios pasos con cada edificio paso en la anterior para completar el proceso de recolección de datos deseado.

Los formularios se pueden recoger datos, almacenar en un archivo de texto o de una base de datos y en función de las elecciones del usuario también puede recuperar datos de un archivo o una base de datos situada en el mismo o en un servidor remoto. Todo esto se realiza mediante un script que hace el procesamiento de toda la recopilación de datos, almacenamiento, recuperación y datos.

Elementos de un formulario web:

Elements of web forms Dependiendo del uso y la complejidad de una web puede contener uno o varios de los siguientes elementos:

  • Campo de texto: Un campo de texto proporciona un cuadro de texto en el que el usuario puede escribir información alfanumérica. Mediante el establecimiento de la anchura del campo de texto se puede determinar el tamaño de este elemento que será visible para el usuario. Si elegimos el tipo de campo de texto como contraseña, la información introducida será visible como asteriscos (*) para el usuario.
  • Marque las casillas: Las casillas de verificación permiten al usuario elegir uno o varios de un determinado conjunto de opciones. Cada casilla de verificación requiere un nombre y un valor.
  • Radio Botones: Los botones de radio permiten sólo una opción para elegir un determinado conjunto de opciones.
  • Listas desplegables: Estos permiten al usuario elegir entre una lista que se despliega o expande el clic del ratón o vuelo estacionario en función de cómo las opciones se establecen para este elemento de formulario. Los usuarios pueden ser presentados con la opción para seleccionar un solo elemento o puede ser una selecta lista de elementos múltiples. En función de los elementos de la lista de la lista puede tener una barra de desplazamiento si los elementos de la lista son grandes. La lista puede tener un valor por defecto.
  • Imagen de campo: Este campo le permite insertar una imagen y adjuntar un comportamiento a la misma.
  • Archivo de campo: Este campo permite al usuario cargar un archivo en el servidor. Cuando este campo se hace clic en la opción de elegir un archivo y aparece cuando se elige el archivo que se sube.
  • Fieldset: Esto no es ningún campo de entrada o acción, pero se trata básicamente de una agrupación de campo que presenta un grupo de campos en relación con el usuario.
  • Etiqueta: Cada campo tiene una etiqueta. Una etiqueta puede ser comparado como un nombre de un campo en particular.
  • ID: Cada elemento de formulario tiene un identificador que es único.
  • Botón: Cada forma tiene un botón de clic de los cuales un script es llamado a adjuntar un comportamiento a la forma como restablecer un formulario, se envía un formulario, etc.

Estos son algunos de los elementos básicos de un formulario. A medida que la tecnología avanza web que estamos viendo formas improvisadas que utilizan Ajax y el otro uso avanzado de los javascript para minimizar la interacción del usuario y mejorar la usabilidad.

Cómo crear formularios web que realmente funcionan:

Antes de decidir sobre la creación de una forma que es mejor pasar algún tiempo en una lluvia de ideas acerca de los datos que necesita y lo que es la forma más fácil de conseguirlo del usuario. La segunda parte es la creación de la forma presenta los campos requeridos en un formato que es muy útil y no demasiado compleja para el usuario, incluso si eso significa romper con su forma en dos o tres pasos, en lugar de presentar una forma muy largo.

Además de estos pasos básicos que hay otros consejos y técnicas que han sido probados durante tiempos por diversos desarrolladores web, expertos en usabilidad y diseñadores para mejorar la interacción del usuario con la forma y por lo tanto actuar como una lista de control general. A continuación se enumeran algunos puntos que cada propietario del sitio web debe tener en cuenta para que pueda obtener los máximos beneficios de las formas que está utilizando en su página web para la recopilación de datos o cualquier otro propósito deseado:

  • Validar los elementos de formulario: Esto es una cosa que cualquier diseñador de páginas web no debe perderse. la validación de formularios: la comprobación de un elemento de forma particular para los datos que entró - ya sea en los formatos correctos, o valida para un campo particular, etc. Por ejemplo, si se utiliza un campo de texto preguntando por el nombre del usuario que los cheques deben ser colocado en los datos introducidos de modo que un usuario no es capaz de entrar en cualquier carácter numérico o especial en ese campo. Del mismo modo, si un campo está presente en forma pidiendo dirección de correo electrónico de un usuario de los datos introducidos por el usuario deben ser validados para estar en un formato de correo electrónico correcta. Esto hace las cosas más fáciles para el usuario, así como el propietario del sitio web porque se introduce y se almacena en el formato correcto de los datos. la validación de formularios se puede hacer mientras el usuario está introduciendo los datos de una manera dinámica o en el nivel de formulario de envío. En la mayoría de los casos esto es dinámicamente cuando el usuario está introduciendo los datos es una forma preferible, ya que ofrece una mejor experiencia de usuario.
  • Hacer accesible a los usuarios con discapacidad forma: No espere que todos los visitantes de su sitio web para estar en un estado perfecto. Guarda un poco de pensamiento para aquellos con impedimentos físicos. Diseño de sus formas para que estos usuarios puedan acceder a ellos a través de lectores de pantalla o las teclas designadas en el teclado o simplemente haciendo clic en las teclas de tabulación y navegar por su forma.
  • Hacer que el botón parezca botones: Si está utilizando imágenes como botones de asegurarse de que tienen la llamada adecuada a la acción, como enviar o haga clic aquí para enviarlo o algo más favorable que le indica al usuario explícitamente que este botón tiene que ser presionado o se hace clic con el fin de completar una tarea en el formulario. Las imágenes se pueden cambiar los colores del ratón se cernía sobre ellos, y los botones pueden cambiar de estado. Lo más importante es que el visitante debe ser capaz de identificar claramente la acción que se tiene que hacer con el fin de completar con éxito el proceso de rellenado de formularios.
  • Etiquetar claramente los campos obligatorios: ¿Cuántas veces ha visitado una forma en la que han entrado en algunos campos y se presiona el botón de enviar sólo para descubrir que te has perdido algunos de los campos obligatorios. ¿No habría sido útil si se hubiera contado a usted por adelantado que un campo particular no puede dejarse en blanco y no se requiere con el fin de llenar correctamente el formulario? No cometa este error, mientras que el diseño de su forma. Asegúrese de que todos los campos requeridos están etiquetados correctamente (por mencionar -Requerido o usar * frente a la etiqueta como la convención general va).
  • Reducir al mínimo el número de campos: Está bien que todos los departamentos de su organización tiene sus propias prioridades y quiere que la máxima cantidad de información que se puede extraer de su visitante, pero podría haber una cosa así - me parece una exageración, lo que puede afectar drásticamente su formar tasas de utilización en marcha y en consecuencia sabotear todos sus esfuerzos de recolección de datos. Hay estudios e informes de expertos que dicen que las tasas de utilización de formularios arriba caen a medida que aumentamos los campos del formulario. Así que trate de mantener los campos del formulario a un nivel mínimo. El menor número de cargas que puso en su visitante la más dispuesto que él o ella serán proporcionar los datos que desea. Por ejemplo, mientras que la creación de formularios de suscripción a newsletters, algunos propietarios de sitios web piden el nombre, el apellido y la dirección de correo electrónico, algunos piden el nombre y direcciones de correo electrónico y hay algunos que están satisfechos con sólo pedir el correo electrónico del visitante. Un paso sencillo como pedir un apellido podría disminuir sus tarifas de suscripción del boletín de noticias. La idea es disminuir el número de campos, no hay necesidad de apellidos en un formulario de suscripción al boletín de correo electrónico cuando usted tiene su nombre de pila por el bien de la personalización de los boletines de noticias que se van a enviarlo.
  • Utilice los botones de opción cuando se quiere sólo una opción que se seleccione: Hay muchos casos en los que el visitante se presenta con muchas casillas, mientras que sólo hay una opción que tiene que seleccionar. Esto puede crear una confusión para el visitante y la recogida de datos incorrecto en su extremo y mayores porcentajes de abandono de formulario. Cuando se desea que los visitantes a elegir de manera explícita una de las opciones dadas utilizar los botones de radio. Esto también significa que si desea que los usuarios elegir múltiples opciones que no desean utilizar los botones de radio, casillas de verificación utilizar en su lugar.
  • Siempre dar una opción por defecto si tiene uno: Esto ayuda a su visitante a rellenar formularios más rápido y mantiene los porcentajes de abandono en formas largas a un nivel mínimo. Por ejemplo, si la mayoría de sus visitantes son de EE.UU. mantener el valor predeterminado de la lista desplegable de selección de país en su formulario de inscripción a EE.UU. y sus países vecinos. Si usted tiene un sitio de comercio electrónico que proporciona un producto y la dirección de facturación y de envío son los mismos para el visitante le permiten llenar el formulario de envío por sólo un clic cuando ha entrado en sus datos de facturación.
  • Evitar los problemas de doble clic: Durante años el comportamiento de visitantes se ha adaptado a un doble clic en los enlaces. Esto a menudo resulta en un doble clic sobre el botón de enviar en sus formularios y otros elementos de acción. Esto puede crear problemas para usted en caso de que no haya proporcionado para los controles incorporados para este tipo de acciones de los visitantes. Sin embargo, los problemas pueden ser graves y aterrizar en problemas complejos en un escenario cuando usted está teniendo un sitio de comercio electrónico y el usuario hace clic dos veces en el botón de pago y que se va a facturar dos veces. Siempre es una buena práctica y muchos proveedores de comercio electrónico hacerlo mientras que su proceso de compra es de mencionar claramente que sólo una vez, haga clic en que se requiere a la salida. Hacer esto será útil tanto para sus usuarios y su reputación sitio web.

Forma parte superior de WordPress Plugins Creación:

Wordpress Contact Form 7 plugin Además Formulario de contacto 7, que es uno de los más populares plug-in para WordPress Formulario hay algunos otros que nos gustaría que echa un vistazo sólo a causa de las características impresionantes y la funcionalidad que proporcionan a un propietario del sitio web de WordPress. A continuación se enumeran algunos de los plugins para WordPress más populares utilizados para crear formas:

  • Breezing Formas: Si necesita un constructor de forma que es potente y flexible forma breezing podría ser el complemento final para usted. Se pueden crear formas complejas que son sensibles. Esto significa que se adapten a la resolución de su pantalla y por lo tanto son ideales para equipos de sobremesa, ordenadores portátiles y dispositivos móviles. Sólo el diseño de una vez y olvidar el dolor de ajustándolos para varias pantallas. Breezing forma lo hace por usted. formas breezing vienen tanto como una versión gratuita y una versión pro. Ni que decir tiene que la versión Pro le da más herramientas y poder.
  • Formidable Pro: Este arrastrar y soltar forma plug-in para WordPress constructor facilita la creación de formas muy complejas un juego de niños, incluso para los principiantes. No sé HTML, CSS y material técnico? No hay problemas - Formidable Pro le permite crear formas que le dan un control granular sobre quién tiene acceso a qué contenidos en su sitio web. Puede utilizar Formidable Pro para crear preguntas frecuentes, Listados, Clasificados, encuestas, encuestas, etc y mostrar su formulario utilizando código corto en cualquier lugar en un post o una página.
  • La gravedad de formularios: Este plugin le permite publicar grandes formas que buscan en cuestión de minutos. Sólo tienes que seleccionar los campos que desea en sus formas, configurar la opción de diseño e incrustarlo en su sitio. El construido en herramientas en las formas de gravedad Plugin le permiten hacer todo esto con mucha facilidad.
  • Forma Maker: Esta herramienta moderna y avanzada para la creación de formas de WordPress le da un control granular sobre el diseño de la forma correcta de las fuentes de colores en el diseño de los campos. Todos ellos pueden ser diseñados desde dentro del propio plugin para que coincida con la apariencia de su sitio web. No hay necesidad de expertos diseñadores gráficos o cualquier conocimiento técnico La Forma fabricante genera todo el código y puede generar sencilla de formas complejas en un santiamén. El plug-in formulario fabricante viene en una versión libre y comercial. La versión comercial también le permite añadir la funcionalidad de los mapas de Google de sus formas y tiene un montón de otras funciones muy útiles.
  • Fast Secure Formulario de contacto: Como su nombre lo dice este plugin permite al propietario de un sitio web para añadir un formulario de contacto seguro a un sitio web de una forma rápida. El formulario de contacto rápido seguro le permitirá al usuario enviar mensajes de correo electrónico al administrador de un sitio, y también enviar una solicitud de reunión para hablar por teléfono o video. El panel de administración le permite al webmaster para controlar y comprobar los envíos de formularios, así como crear nuevas formas.

Conclusión:

Las formas son una parte esencial de cualquier sitio web y es poco lo que puede hacer con su sitio web de WordPress (en la comercialización en línea) a menos que proporcione la interactividad, opt-in formas, crear listas de correo electrónico, obtener retroalimentación de los usuarios y simplemente proporcionar un medio para ponerse en contacto con usted. Todo esto se hace fácilmente usando formas y como usted ha aprendido desde arriba, WordPress tiene grandes plugins para ayudarle a crear formas maravillosas con facilidad. Así que de ahora en adelante no hay renunciando a la creación de nuevas oportunidades para interactuar con los usuarios y hacer más dinero sólo porque usted no sabe cómo construir formas. Esperamos que este mensaje le ayuda a sacar el máximo provecho de su sitio web. Sugerencias y comentarios sobre el poste son bienvenidos.