WPForms es uno de los plugins más populares en WordPress para crear formularios. Con él puedes crear desde formularios de contacto básicos, hasta formularios más avanzados utilizando lógica condicional.

Este plugin vio la luz por primera vez hace relativamente poco, en el a√Īo 2016, y desde entonces ha tenido una gran acogida por los usuarios hasta d√≠a de hoy, que cuenta con m√°s de dos millones de instalaciones activas.

Y no es para menos, ya que el fundador de WPForms es el creador de WPBeginner, un blog de referencia sobre WordPress en inglés.

Despu√©s de haberlo probado y de haberlo utilizado en alg√ļn proyecto, solo tengo buenas palabras para hablar de √©l. No podr√≠a decirte si es mejor o peor que Gravity Forms, porque cada uno de ellos tiene sus particularidades y son excelentes los dos, pero desde luego, es una de las primeras opciones a tener en cuenta.

Por eso, en esta entrada te voy a explicar todo lo que necesitas saber sobre WPForms, tanto en su versión gratuita, como en su versión de pago, por si buscas algo avanzado para tus formularios.

WPForms Lite, la versión gratuita del plugin

Como ya he adelantado, WPForms tiene una versi√≥n gratuita, conocida como ‚ÄúWPForms Lite‚ÄĚ, y que puedes descargar desde el repositorio oficial de WordPress. Aqu√≠ puedes ver la p√°gina del plugin en WordPress.

¬ŅQuieres lo mejor para tu web y tu proyecto online?

PÔĽŅueÔĽŅs ser√° mejor que eches un ojo a las mejores herramientas de creaci√≥n y dise√Īo web.

Luego no digas que no te lo advertí...

No te voy a enga√Īar, es una versi√≥n muy b√°sica del plugin, ya que tiene capado el uso de la mayor√≠a de los campos interesantes y de un buen n√ļmero de configuraciones de los formularios.

No obstante, es un buen comienzo para probarlo y decidir si te merece la pena ir a por la versión de pago.

Los campos que hay disponibles son los siguientes: l√≠nea de texto, texto en p√°rrafo, desplegable, opciones m√ļltiples, casillas de verificaci√≥n, n√ļmeros, nombre y correo electr√≥nico.

 

wpforms lite

 

Puedes configurar algunas cosas sobre ellos, como, por ejemplo, el tama√Īo del campo, ocultar las etiquetas (que son los t√≠tulos de cada campo), ponerles un texto por defecto (conocido como placeholder) o ponerles una clase CSS.

También puedes configurar un aviso por email de la llegada de un nuevo formulario de contacto y una confirmación para el usuario del correcto envío del mismo al hacer clic en el botón de enviar.

Lo que no puedes hacer en la versión gratuita es utilizar la lógica condicional, configurar más de un aviso o confirmación, utilizar los 20 campos avanzados para los formularios, ni los addons de WPForms, que, al final, es todo lo que convierte al plugin en una opción interesante.

Lo dicho, WPForms Lite est√° bien para probar el plugin antes de comprar la versi√≥n de pago. Si lo √ļnico que quieres es crear un simple formulario, tambi√©n puedes utilizarlo, pero tambi√©n tienes la opci√≥n de utilizar Contact Form 7, que, aunque tiene una interfaz menos amigable, tiene m√°s campos disponibles.

WPForms en su versión Premium

Si quieres sacarle todo el partido al plugin, tendrás que comprar la versión de pago, que consta de cuatro planes diferentes de precios.

Seg√ļn el precio del plan, se incluyen m√°s o menos addons. Es decir, en el plan m√°s baratos, se incluyen algunos de los addons del plugin, en el siguiente plan, se incluyen algunos addons m√°s, etc.

Aquí puedes verlos todos, pero te dejo un resumen de qué es lo que incluye cada uno de los planes, junto con su precio:

Basic

Como su nombre indica, es el plan más básico de todos, pero incluye las funcionalidades necesarias para convertirlo en una buena opción.

Con este plan, puedes crear formularios ilimitados, utilizar los campos más avanzados para crear formularios, usar plantillas, crear formularios multi páginas, permitir la subida de archivos, utilizar la lógica condicional, proteger tus formularios contra el spam y conectarlos con la plataforma Constant Contact.

Su precio es de 39,50$ al a√Īo, y puedes instalar la licencia en un √ļnico sitio.

Plus

Incluye todo lo del plan Basic, pero, adem√°s, te permite utilizar los formularios para conseguir suscriptores y conectarlos a las plataformas de email marketing Mailchimp, AWeber, GetResponse, Campaign Monitor y Drip.

Su precio es de 99,50$ al a√Īo, y puedes instalar la licencia en tres sitios.

Pro

Incluye todo lo del plan Plus, pero tiene m√°s cosas interesantes.

Entre ellos, aceptar pagos por PayPal y Stripe a través de los formularios, crear landing pages con formularios para conseguir leads, crear formularios conversacionales (en lugar de mostrar todos los campos de golpe, se van mostrando a medida que el usuario va rellenando cada campo), crear encuestas y sondeos, almacenar los formularios que han sido abandonados, geolocalizar a los usuarios, crear un campo para que los usuarios puedan firmar, personalizar los formularios de registro e inicio de sesión, que los usuarios puedan publicar posts a través de un formulario, crear un modo sin conexión por si falla el envío de los formularios y dar permisos a los formularios.

Además, incluye conexión con Zapier y más plantillas para crear formularios.

Su precio es de 199,50$ al a√Īo, y puedes instalar la licencia en cinco sitios.

Elite

Incluye todo lo del plan Pro, y realmente no incluye ninguna funcionalidad m√°s, aparte de soporte para WordPress Multisite y prioridad en el soporte.

Su precio es de 299,50$ al a√Īo, y puedes instalar la licencia en sitios ilimitados.

Como ves, todos los planes son de renovaci√≥n anual. Cuando pase un a√Īo, puedes renovar la licencia por un a√Īo m√°s para seguir recibiendo actualizaciones y soporte.

En el caso de no renovarla, podr√°s seguir utilizando el plugin, pero no recibir√°s actualizaciones ni podr√°s hacer uso del soporte.

Para más información sobre los planes de precios, puedes hacer clic aquí.

Crear formularios con WPForms

Ahora que ya conoces todas las posibilidades que tienes para hacerte con WPForms, vamos a ver cómo funciona el plugin, y lo primero que vamos a ver es cómo crear un formulario.

Lo primero que tienes que hacer es ir hacia ‚ÄúWPForms – A√Īadir nuevo‚ÄĚ. Se abrir√° la interfaz de creaci√≥n de formularios. Mientras est√©s aqu√≠, te dar√° la sensaci√≥n de haber salido de WordPress, porque no hay ni rastro de ninguno de sus elementos:

 

wpforms wordpress

 

Aquí puedes ponerle el nombre que quieras al formulario y, elegir si quieres crear uno desde cero, o elegir una de las plantillas ya hechas para diferentes tipos de formularios, como, por ejemplo, formulario de contacto simple, de solicitud de presupuesto, de donación, etc.

Para el ejemplo, selecciono ‚ÄúFormulario en blanco‚ÄĚ para crear uno desde cero. Se abre entonces la ventana para crear y configurar el formulario:

 

formulario de contacto wpforms

 

Como ves, en la parte de la izquierda est√°n todos los campos que tienes disponibles para a√Īadir al formulario. Para insertarlos, puedes hacer, o bien clicar encima suyo, o bien cogerlo con el rat√≥n y arrastrarlo hacia la parte de la derecha.

Una vez a√Īadido a la derecha, si haces clic encima de √©l, se abren en la parte de la izquierda las opciones de configuraci√≥n del mismo:

 

wpforms espa√Īol

 

Vamos a ver cada uno de los elementos que puedes configurar.

Etiqueta: el t√≠tulo que tendr√° el campo. Por ejemplo, si es un campo para pedir el nombre del usuario, puede tener el t√≠tulo ‚ÄúNombre‚ÄĚ, ‚ÄúEscribe tu nombre‚ÄĚ o similar.

Descripci√≥n: Puedes poner una peque√Īa descripci√≥n que ayude al usuario a entender lo que le est√°s solicitando.

 

wpforms pro free

 

Obligatorio: si quieres que el usuario tenga que rellenar el campo obligatoria para poder enviar el formulario, marca esta casilla.

Tama√Īo del campo: puedes elegir entre tres tama√Īos para la longitud del campo: peque√Īo, mediano o grande.

Texto del marcador de posición: puedes escribir aquí el texto que quieres que aparezca dentro del campo, el cual desaparecerá en cuanto el usuario empiece a escribir. Este campo también es conocido como placeholder.

 

wp forms

 

Ocultar la etiqueta: si no quieres que la etiqueta sea visible en el formulario, activa esta casilla. Es √ļtil si has escrito un marcador de posici√≥n.

Límite de longitud: puedes asignar un límite de longitud para el campo, ya sea en caracteres o en palabras.

Valor por defecto: si quieres que el campo aparezca rellenado por defecto, escribe aquí el texto.

Clases CSS: puedes asignar una clase CSS para personalizar el campo. Si haces clic en el texto ‚ÄúMostrar los dise√Īos‚ÄĚ, aparece un desplegable con los diferentes dise√Īos que puedes otorgar al formulario. Por ejemplo, en el caso de que quieras que aparezcan los campos en dos columnas, selecciona uno de los dise√Īos de dos columnas.

 

wpforms 2 columnas

 

Una vez lo elijas, te dirá que selecciones la columna a la que corresponde el campo que estás configurando en ese momento. Como es el primer elemento, seleccionaríamos la columna de la izquierda.

 

wpforms dos columnas

 

Autom√°ticamente, aparecer√° la clase CSS escrita.

 

wpforms clase css

 

Ahora, lo que tendr√≠amos que hacer es, en el siguiente campo que a√Īadamos al formulario, repetir el proceso, pero indicando la columna de la derecha, y de esta manera, quedar√≠a cada campo en una columna diferente, formando una l√≠nea de dos columnas.

M√°scara de entrada: puedes crear una m√°scara de entrada, que sirve para guiar al usuario a la hora de introducir fechas, c√≥digos postales, tel√©fonos, etc. Por ejemplo, si el campo fuera para introducir un n√ļmero de tel√©fono, podr√≠amos escribir lo siguiente:

 

wpforms mascara entrada

 

Así es como se mostraría el campo en el formulario:

 

wp forms mascara entrada telefono

 

Y así es como quedaría una vez rellenado:

 

mascara entrada ejemplo

 

Puedes hacer clic en el enlace ‚ÄúVer ejemplos y documentos‚ÄĚ para m√°s informaci√≥n.

Lógica condicional: la lógica condicional te permite mostrar un campo u ocultarlo en función de la respuesta que dé el usuario en un campo anterior. Puedes crear las reglas que quieras y lograr formularios avanzados que piden la información necesaria a los usuarios en función de sus respuestas.

Ajustes de los formularios: notificaciones y confirmaciones

Una vez has creado el formulario, es hora de configurar los ajustes del mismo, que los encontrar√°s en la pesta√Īa con el mismo nombre.

Sin instalar ninguno de los addons disponibles en WPForms, estos ajustes se dividen en generales, avisos y confirmación.

Ajustes generales

En los ajustes generales, puedes poner o cambiar el nombre del formulario, a√Īadir una descripci√≥n sobre √©l, ponerle una clase CSS, cambiar el texto del bot√≥n de env√≠o, as√≠ como el texto que se muestra una vez el usuario ha hecho clic en el mismo bot√≥n, mientras se est√° procesando el env√≠o, e incluso a√Īadir una clase CSS al bot√≥n para personalizarlo.

También puedes activar o desactivar el antispam, activar o desactivar el almacenamiento de las entradas de los formularios, u opciones avanzadas como el completado dinámico de campos o el envío de formulario mediante AJAX.

Notificaciones

En la configuración de avisos, puedes modificar la notificación por defecto o crear de nuevas.

 

wpforms notificaciones

 

La notificación por defecto se envía al correo del administrador de la web, pero desde aquí puedes cambiar el correo de envío. También puedes cambiar el asunto del email, el nombre y el correo del remitente, el correo para contestar, y el mensaje a incluir en el email.

Puedes incluso activar la lógica condicional para el envío de la notificación y elegir cuándo se enviará y no se enviará.

Con la versión de pago de WPforms puedes crear tantas notificaciones como necesites.

Puedes crear una notificaci√≥n que se env√≠e al usuario que ha enviado el formulario. Para ello, en el campo ‚ÄúEnviar a la direcci√≥n de correo electr√≥nico‚ÄĚ, haz clic en el texto ‚ÄúMostrar etiquetas inteligentes‚ÄĚ y elige el campo que has creado para que el usuario introduzca su correo electr√≥nico.

Confirmaciones

Por √ļltimo, en los ajustes de confirmaci√≥n, puedes elegir la manera de mostrar al usuario que su formulario se ha enviado correctamente.

 

wpforms confirmaciones

 

Mensaje: muestra el mensaje que t√ļ quieras al usuario una vez haya enviado el formulario.

Mostrar página: puedes redirigirlo a una de las páginas de tu web. Una buena idea puede ser crear una página de agradecimiento y llevarlo hacia ahí una vez haya enviado el formulario.

Ir a la URL (redireccionar): también puedes introducir cualquier URL a la que quieras redirigir al usuario al enviar el formulario. Puede ser una URL de tu web o de cualquier otra web.

En la versión de pago del plugin, se pueden crear varias confirmaciones.

Cómo mostrar los formularios de WPForms

Ahora vamos a ver c√≥mo insertar los formularios en tu web. Si vas a la pesta√Īa ‚ÄúWPForms – Todos los formularios‚ÄĚ, se muestran los formularios que tienes creados.

Cada uno de ellos, tiene un shortcode asignado, lo que tienes que hacer es copiar el shortcode del formulario que quieras insertar en la web.

 

wpforms shortcode

 

Ahora, simplemente tienes que copiar el shortcode en el lugar de la web donde quieras que se muestre el formulario.

Si utilizas el editor cl√°sico de WordPress, puedes pegarlo como HTML.

Si utilizas el editor Gutenberg, puedes a√Īadir un bloque ‚Äúshortcode‚ÄĚ o insertar el widget WPForms directamente.

Por √ļltimo, si utilizas un maquetador visual como Elementor o Visual Composer, puedes insertarlo utilizando el m√≥dulo HTML o similar.

Conclusión

La conclusión a la que se llega después de utilizar WPForms es que es un plugin cojonudo para crear formularios de todo tipo.

En esta entrada solo he hablado de lo m√°s b√°sico del plugin, pero hay que tener en cuenta que tiene m√°s de 20 addons para ampliar su funcionalidad b√°sica.

Estos addons convierten a WPForms en uno de los mejores plugins que puedes comprar para tus formularios avanzados y m√°s, ya que, como he comentado cuando hablaba de sus planes de compra, tiene funcionalidades MUY interesantes, como la de aceptar pagos, crear encuestas y sondeos, los formularios conversacionales, etc.

Si te ha convencido y te animas a adquirirlo, puedes hacer directamente desde aqu√≠. Y si ya has probado el plugin, te animo a dejar tus impresiones en los comentarios ūüėČ

ÔĽŅ