En el siguiente artículo quiero mostrarte paso a paso a paso como puedes crearte una serie de formularios en tu WordPress con el plugin WPForms para insertar en las páginas o artículos de tu sitio que necesites.
WPForms es un plugin que te hace la vida más fácil con este cometido, mucho más fácil. Una de las cosas que lees en su página de inicio es: “Build Online Forms in minutes, not hours”. Diría que lo han tomado prestado de otra home adaptándolo a su nicho.
El caso es que te puedo dar fe ya que lo he vivido en mis propias carnes, te confirmo que puedes crearte formularios de todo tipo en cuestión de minutos y no en cuestión de horas.
Y no veas como se agradece esto cuando estás metido en harina y ves que las cosas fluyen y no te atascas. Que bien te sientes.
WPForms salió al mercado hace escasos dos años y ha tenido una muy buena aceptación rivalizando con otros plugins más veteranos como Contact Form 7.
Mi experiencia con WPForms es francamente satisfactoria y te lo recomiendo por encima de Contact Form 7, el plugin más popular para este cometido aún siendo consciente de que es un plugin de pago y Contact Form 7 gratuito.
Si tienes 39 dólares para invertir en esta herramienta, no lo dudes y hazlo. Es la opción más económica y yo diría que suficiente para la mayoría de los casos.
Para una inversión en una modalidad más cara es conveniente valorar las prestaciones y comparar con otras herramientas.
También dependerá de tu oficio, si eres diseñador web y empleas WordPress, una licencia PRO puede ser tu opción.
Pero ahora quiero mostrarte unas cuantas cosas de este plugin y proporcionarte algunos ejemplos sobre la marcha para que veas como te puedes crear un formulario con WPForms.
Quiero aportarte ideas para que aprendas a desenvolverte bien el plugin y para que lo tengas en cuenta en tu proyecto online.
Quiero que tengas argumentos que te inviten a apostar por WPForms frente a otras alternativas.
!Vamos allá!
¿Qué es lo que vas a ver en este artículo?
Contenidos
- 1 🔥 Como instalar WPForms Lite
- 2 😀 Como instalar WPForms Basic (Versión comercial)
- 3 👉 Crea tu primer formulario
- 4 📹 Como crear un formulario con WPForms y añadir una casilla de verificación
- 5 📹 Como crear un formulario para recopilar testimonios con WPForms
- 6 ▶️ Entradas (Entries)
- 7 📹 Repaso a las opciones generales de configuración de WPforms
- 8 ⚙️Herramientas o Tools
- 9 📌Complementos o Addons
- 10 🗨️ Conclusiones
🔥 Como instalar WPForms Lite
Desde el repositorio de WordPress busca WPForms Lite. Tiene las funcionalidades básicas y justas para crearte formularios de diversos tipos.
😀 Como instalar WPForms Basic (Versión comercial)
Para instalar la versión WPForm basic, plus, la pro o la agencia tienes que comprar una de ellas y desde el área de cliente en wpforms.com te descargas la última versión disponible a tu ordenador.
Una vez descargado vete al panel de tu WordPress localiza el menú Plugins / Añadir nuevo.
Haz clic en el botón Subir plugin y localiza tu archivo descargado en tu ordenador y subelo.
Una vez instalado tienes acceso a los distintos menús de configuración desde el menú que se genera en el menú lateral derecho.
👉 Crea tu primer formulario
Para empezar te voy a mostrar algo sencillo, como crear un formulario de contacto al que le vas a añadir una casilla de verificación con un enlace a la política de privacidad y un breve texto inferior informando de la razón por la que recopilas los datos.
Vamos allá.
Haz clic en Add New (Añadir nuevo)
A continuación, si te fijas en la imagen inferior, haz clic en la opción recuadrada en el número (3) y continua a la siguiente ventana.
Te explico brevemente cada opción según los puntos marcados.
- Acceso directo a las opciones de configuración
- Recuadro para ponerle un nombre a tu formulario.
- Opción prefabricada que te genera directamente un formulario de contacto sencillo con todos sus campos. Te ahorra tiempo así que emplealo.
- Esto es lo que ves cuando pones el ratón encima del recuadro que te marco en el punto (3)
- Lista de campos. Cuando estás editando los campos del formulario aquí tienes todas las opciones posibles.
- Dependiendo de la versión que tengas tendrás más o menos campos para configurar.
- Settings. Más opciones de configuración. Relativas al comportamiento del formulario.
- Desde aquí puedes modificarle el nombre al formulario
- Traducir el texto al botón de «submit»
- Activar el sistema anti-spam honeypot
- Personalizar las opciones de notificación, es decir, ¿a quién le envío el contenido del formulario?
- Personalizar el mensaje de confirmación.
- Marketing. Aquí no vas a tocar nada a menos que inviertas en la modalidad PRO del plugin.
- Payments. Aquí no vas a tocar nada a menos que inviertas en la modalidad PRO de plugin.
En la imagen inferior tienes un formulario sencillo que consta de 4 campos y un botón. Estos son: “Nombre”, “Apellido”, “email” y “comentario o mensaje”.
Fíjate en las opciones que te recuadro en (1) y en (2), el «área de selección de campos» y el «área de diseño del formulario».
Este formulario tal cual está estaría listo para ser empleado en la página o páginas que tu elijas haciendo uso del código corto exclusivo de este formulario.
Pero antes de verlo, te voy a enseñar cómo añadir una casilla de verificación y como realizar algunos ajustes adicionales que es conveniente que sepas para que que veas cómo se configura este plugin.
Localiza en la parte izquierda en el “área de selección de campos” (1) que te recuadro en naranja el campo llamado “Checkbox”.
Selecciona el campo y arrástralo a la parte derecha dentro del “área de diseño del formulario” (2) . Colócalo entre el mensaje y el botón de enviar (submit).
Este método de arrastrar y soltar los campos al “área de diseño del formulario” se conoce coloquialmente como “Drag & Drop”, “arrastrar y soltar”.
Pues esto tan sencillo te hace la vida francamente fácil y es una de las razones por las que te recomiendo este plugin frente a otros.
De esta manera le das cuerpo a tu formulario.
Y así con todos los formularios que necesites. La técnica es la misma.
A continuación tienes que definir el comportamiento de cada campo.
Esto se realiza con las opciones básicas y avanzadas que cada campo te permite.
Te dejo un vídeo donde vas a ver rápidamente cómo funciona WPForms, su dinámica de trabajo y configuración.
También vas a ver cómo se personaliza, como se usa y cómo se diseña un formulario con este plugin.
Tendrás argumentos suficientes para desenvolverse tu solo con el plugin.
📹 Como crear un formulario con WPForms y añadir una casilla de verificación
Te dejo otro vídeo con más detalles donde puedes ver cómo diseño un formulario para recopilar testimonios.
Recursos para descargar
📹 Como crear un formulario para recopilar testimonios con WPForms
Continuo explicándote el resto de opciones de configuración del plugin.
Configura las opciones que ves en “Settings”
Aunque ya te lo he mostrado en el video anterior quiero comentarte las opciones de configuración que tienes disponibles en settings a la hora de diseñar el formulario.
En la parte izquierda que te recuadro con el número (1) tienes la sección de configuración de las opciones generales, las notificaciones y la confirmación.
En la parte derecha que te recuadro en (2) comprende el área donde puedes definir todas esas opciones.
General
Son opciones de configuración que te permiten definir el nombre del formulario, la traducción del botón, aplicar alguna clase CSS para cambiar la estética del formulario y muy interesante, activar la opción de seguridad llamada “ anti-spam honeypot”.
Notificaciones
Las notificaciones contienen las opciones de configuración relativas a las cuentas de correo a quien vas a enviar los datos del formulario de WPForms.
Se trata de diseñar como quieres que llegue la notificación.
Puedes hilar fino y con la versión comercial podrías crearte varios perfiles de notificación con diferentes ajustes.
Normalmente lo más sencillo es lo más práctico. Si te pones, se puede configurar bastante a medida.
Confirmación
Desde esta opción configuras el mensaje que le aparece a la persona tras darle al botón de enviar de tu formulario.
Tienes tres opciones que puedes modificar desde el desplegable “Confirmation Type”.
- Configurar un mensaje con un texto que tu desees.
- Enviar a la persona a una página que ya tengas creada para tal propósito.
- Enviar a la persona a una URL de tu desees.
▶️ Entradas (Entries)
Algo muy útil pero que solo está disponible en la versión comercial de WPForms es el hecho de que te almacena en la base de datos de WordPress toda la información recopilada en los campos de tus formularios.
Puedes consultarlos desde la opción de Entradas (entries) del menú lateral.
En la imagen inferior tienes un detalle de las opciones. Te explico los puntos.
- Acceso directo a Entries.
- Si tienes más de un formulario puedes intercambiarlo desde esta opción.
- Accesos directos con herramientas y opciones. Son descriptivas por sí mismas.
- Filtros para delimitar las entradas que quieres visualizar.
- Columnas disponibles en la vista de los datos.
Nota. El plugin más popular de formularios para WordPress, Contact Form 7, no dispone de esta funcionalidad a menos que te descargues un plugin llamado Flamingo. La ventaja notable de contacto form 7 y flamingo es que el combo es gratuito.
📹 Repaso a las opciones generales de configuración de WPforms
⚙️Herramientas o Tools
Bajo este acceso directo tienes tres opciones. Importar, exportar e información del sistema. Te explico.
Importar
Esta herramienta te permite importar tus formularios desde otros formularios creados con WPForms en otras instalaciones de WordPress que tengas.
Pero más interesante aún es que te permite importarte formularios creados con otros plugins.
Esto te ahorrará MUCHO TIEMPO.
Sobre todo si decides darle una oportunidad a este plugin ya que, todos los formularios que ya tengas creados con otra herramienta te los importará.
La relación de plugins compatible con esta funcionalidad es bastante amplia. Contact Form 7 y NinjaForms están incluidos.
Exportar
Sencillamente la operación inversa las importación. Poco más que contarte.
Información del sistema o System info
Aquí tienes una recopilación de información técnica que te servirá si tienes que realizar alguna consulta técnica al soporte de este plugin.
📌Complementos o Addons
Desde esta opción accedes a una lista de complementos para ampliar las funcionalidades de WPForms.
En la versión Lite tienes toda la relación de complementos disponibles e indicaciones explícitas de que necesitas la versión comercial para cargar cualquiera de los addons.
En la versión comercial tienes la misma lista de complementos y la posibilidad de adquirirlos y cargarlos en tu WordPress.
Los complementos son numerosos y siempre están trabajando en crear nuevos en base a las peticiones de los clientes y a un sistema de votaciones.
🗨️ Conclusiones
Si te has leído el artículo y has visto los vídeos creo que coincidirás conmigo en que WPForms es un plugin accesible para todos los públicos, tanto personas novatas como personas con más tablas y experiencia.
Considero que es una herramienta muy apropiada para emprendedores digitales knowmadas, para dueños de sitios web que emplean WordPress, para diseñadores web y para todo aquel que quiera diseñar formularios en WordPress.
Como dueño de un sitio con WordPress con WPForms tienes completa autonomía y capacidad para diseñar los formularios que se te pasen por la cabeza sin depender de nadie, más que de ti mismo.
Todo depende de tu pericia y de las ganas que tengas de aprender, pero aprender a tomarle el pulso al plugin y configurarlo. Nada más.
En cuanto lo consigas, sentirás que tienes todo el control y plena libertad para diseñar cualquier formulario que te propongas.
Además, no tienes que lidiar con ni una sola línea de código o al menos, en muy poquita medida.
Un poco de html a la hora de insertar en tu formulario una casilla de verificación para que contenga un enlace a tu página de privacidad.
Te dejo esos recursos disponibles para descarga para que tan solo tengas que copiar y pegar. Recuerda personalizarlos en función de tus datos.
Recursos para descargar
A mi lo que me cautivo fue su área de diseño de formularios que comparándola con otras soluciones -concrétamente con contact form 7- me supuso un cambio a mejor a la hora hora de crear los formularios. Esto motivó enseguida mi deseo de invertir en la herramienta.
Lo que se me pasa por la cabeza lo consigo diseñar en cuestión de poco tiempo y hasta la fecha he creado todos los formularios que he necesitado sin tener que preguntar por aquí y allá o invertir tiempo leyendo artículos por Internet para conseguir el resultado deseado.
En definitiva, hago los formularios que quiero, tardo menos tiempo, los personalizo al gusto y me complico menos la vida.
¿Cuánto cuesta esto? 39$/año. Pues listo, no se hable más.
Y por hoy no tengo nada más que contarte sobre WPForms.
Creo que no me dejo nada relevante en el tintero, en cualquier caso, tienes los comentarios abiertos. A tu discreción.
Estoy comenzando con todo el mundo de wordpress (que no es poco) y buscando en Google encontré este post que me ayudó muchísimo! Muchas gracias por el aporte a gente como yo que estamos comenzando!
De nada Lorena!
Un abrazo.
gracias por el articulo, quisiera saber como puedo colocarle un diseño diferente
Hola Felipe, el diseño depende de ti. Si eres fan de trabajar con hojas de estilo css, pues ese es tu camino. Si no te defiendes con css, entonces tienes que buscarte un mix de herramientas que te faciliten la vida. No hay un único camino. ¡A por ello!
Hola amigo, llegue a tu blog en busca de algunas respuestas, como ayuda con el wp forms pero me he topado que los links no funcionan, ya que intento añadir el link de política de privacidad pero no puedo
Hola Angel, ¿a qué te refieres con que los enlaces no funcionan?
Hola Paul. gracias por tu información. Lo que no logro es insertar un enlace con la Política de Privacidad. Los enlaces que has puesto en tu bloc no se pueden abrir porque no tienen certificado SLL. No se de programación, hay alguna forma de que pueda insertar este enlace en estas condiciones. Espero con verdadero interés tu comentario. Saludos cordiales
Hola Tino, he revisado los enlaces y ya los tienes disponibles de nuevo. Confío que estos recursos te sirvan de orientación.
Un abrazote.
hola, estoy creando formularios desde hace mas de un año y no he tenido ningún problema, pero ahora se presento un problema y desde wpforms no me dan respuesta a pesar de estar registrado con una suscripción de pago.
en ajustes, visulizo las tres opciones, general, avisos y notificaciones. pero pincho en ellas y la unica que abre para poder modificar es la de general, la de notificaciones y la de avisos no aparece.
Buenos dias Vicente.
Me temo que en este caso que expones tampoco puedo ser de ayuda. Tendría que revisarlo igual que lo estás haciendo tu, probas cosas, investigar, etc hasta entender que narices pasa. Se me ocurre que pueda ser un conflicto de plugins, pero es una idea totalmente al aire sin fundamento alguno. Aquí en un comentario a cascoporro tampoco puedo ofrecerte más y entiendo que no tiene sentido pagarme a mi un servicio para investigar algo que puedes hacer tu mismo y sin garantías de que te lo pueda resolver.
Por tanto, si tienes una suscripción de pago a wpforms, yo insistiría en contactar con ellos y que te orienten o revisen tu instalación. Cuando pagas por un producto tienes cubierto el soporte. Así que ánimo y ¡a por ello!
Buenos días! ¿Hay alguna manera de que cuando un usuario rellene todos los datos de un formulario y haya metido su email en uno de los campos le llegue el formulario relleno a ese correo que ha indicado?
Muchas gracias
Hola Pilar, buenas tardes. Si eso se puede hacer. Hay una opción donde se indica si se quiere enviar una copia del contenido al usuario. No recuerdo bien ahora donde estaba pero si recuerdo que existía. Investiga un poquito más y a por ello!
Saludos.
Hola Pilar, si la hay y si no estoy equivocado en uno de los vídeos que tengo publicados en mi canal de Youtube lo explico. Repásalos si gustas y ¡a por ello!
Saludos.
Buenas tardes
Tengo la problemática basada en que la notificación por email llega sin acentos es decir un usuario escribe Panamá y lo que se recibe es Panamá
Como podrida solucionar esto?
Muchas gracias de antemano
Hola que tal? Tengo una duda. Como a mucha gente tuve el problema de que no me llegaban los formularios de contacto al correo. Cambié la cuenta de correo al mío personal y ya me llegan, pero los dos formularios que recibí antes de esto no puedo verlos por tener la versión lite (no puedo ver la bandeja de entrada). ¿No hay forma alguna de verlos?.
Gracias y un saludo!
Hola Tamy, pues realmente no lo se. Yo lanzaría la pregunta en el foro de soporte de plugin, seguro que ellos te pueden orientar mejor que yo. Un abrazo.
Amigo buenas tardes, es muy fácil de trabajar con esta aplicación los formularios, pero tengo el problema que no me llegan los mensajes del formulario al correo que puse para que me lleguen, sera porque tengo un correo con dominio comercial??, gracias por tu atención y ayuda
Hola Israel, revisa en tu bandeja de Spam por si fuera eso. En caso contrario tendrás que continuar investigando cual es la razón. Revisa si la función de envío de correo de php está operativo en tu server o si por el contrario tienes que instalarte un plugin para configurara una cuenta de correo SMTP. A por ello.
Un abrazo.
Hola Paul , he seguido todos los pasos para incorporar WPForms y me a venido genial, ahora tengo una duda desde que puse WPForms no paro de recibir registros de contactos sobre todo en ruso eso sabes a que puede deberse?
Gracias por la ayuda desinteresada que haces
Hola Francisco, me alegro que te haya servido. WPForms es muy sencillo o al menos esa es mi impresión comparado con Contact Form 7. Es más visual y accesible a todo el mundo.
El problemilla que le veo ahora es que el precio que le han definido lo han incrementado hasta un punto donde te animas a buscar otras alternativas más económicas. Yo en ese sentido estoy pivotando hacia HappyForms. Es menos popular, añade también el concepto visual y se encuentra en un nivel de precio bastante más asequible. Publicaré un tutorial más adelante.
Respecto a tu duda, hay una opción que se llama «honeypot» que en teoría reduce considerablemente este problema de registros en ruso y otros idiomas que yo también sufrí. Busca esa opción y márcala.
Un saludo.
Hola Paul ! Buen día .
Cómo puedo hacer ejemplo si . En un FORMULARIO tengo el dato
Departamento
(Aparecen la lista de todos los departamentos amazonas , ancash, etc … )
Y al escoger uno de ellos me aparezca la dirección donde se encuentra ubicada la tienda …. se entiende que las direcciones serán distintas . Espero puedas ayudarme . Gracias de antemano .
Hola Danny, pues no se me ocurre como hacer esto que me planteas.
Es una especie de condición, cuando una persona seleccione este departamento en concreto, escriba usted aquí su dirección. Y así con cada uno de ellos.
No he tenido esa necesidad con anterioridad por lo que nunca he pensado en esa posibilidad.
Se me ocurre que puedas consultar directamente al desarrollador de la herramienta ya que interpreto que estás empleando la versión comercial del plugin.
Siento no poder orientarte en este caso.
Saludos.
Hola! Tengo un problema con mi Wpforms, he creado una pregunta de multiple choice con imágenes y al pulsar una, me lleva al final del formulario.
¿Puedo arreglarlo para que se quede en el mismo sitio?
Gracias!
Hola Leire, no tengo idea de que puede ser. Contacta con el soporte técnico del plugin y plantéales la misma consulta.
Lo que me comentas se me escapa.
Abrazote.
Hola, Paul
Estoy poniendo en marcha un sitio y ha sido muy útil la información que ofreces sobre el plugin WPForms. Lo adopté en mi sitio y aunque me falta un montón por estudiar sobre la versatilidad que ofrece ¡quedo guay!. lo puedes ver directamente en el Sitio caminodelser.info
Hola Laura, me alegro de que te haya gustado la información publicada. Sencillo pero efectivo. Buen trabajo.
Abrazo.
Hola Paul! Muchas gracias, muy útil, me sirvió perfectamente, pero tengo un problema, de repente de un día para otro de mi página ha desaparecido el formulario y no se la razón. Uso el tema Zerif Lite. ¿Sabes por qué puede ser?
Muchas gracias, ¡Un saludo!
Hola Raul, no se cual puede ser la causa. Hay que investigarlo y probar cosas.
Me alegro que te sea de utilidad.
Saludos.
¡Hola! Muy útil toda la información, mil gracias por tu trabajo. ¿Sabes por qué no se puede editar el mensaje de confirmación de la recepción del mensaje? Me aparece el apartado en blanco y al no poder modificarlo, al usuario le aparece en inglés… ¡Gracias!
Hola Noelia, lo único que se me ocurre es que tengas algún problema particular. Si te refieres a esto que te muestro en la imagen siguiente, https://i.imgur.com/VzKEehm.png, tienes que perfectamente poder modificarlo.
Un abrazo.
¡Gracias! Sí, no me sale nada en ese apartado. Seguiré probando. He llegado a pensar que igual era una opción de pago, pero si tú puedes verlo, seguiré intentándolo.