Estamos en un momento muy bueno para los formularios de contacto complejos en WordPress.
Por un lado está Gravity Forms. En el momento de escribir este post acaba de salir la versión 2.5 con un cambio de interfaz importante y con algunas mejoras técnicas para seguir ampliando su potencial y posibilidades.
Por otro lado tenemos los formularios de Elementor Pro, también llamados Elementor Forms, que en poco tiempo han conseguido mejorar de largo todo lo existente y que ofrecen un potencial muy difícil de calcular.
Sí, hoy estamos aquí para hablar de Elementor Forms, los formularios de Elementor Pro que actualmente, por distintas razones, han conseguido eso de “ser algo más que un simple plugin de formularios de contacto”.
Si te preguntas por qué el widget de Elementor Forms en Elementor Pro es algo más que un formulario de contacto, es que no lo has probado.
Además de ser totalmente personalizable mediante el editor de Elementor Pro, estamos hablando de un sistema capaz de escribir en campos meta de la DB de WordPress, con la posibilidad de leer y escribir. Además, es totalmente compatible con ACF (Advanced Custom Fields) y, con ciertos plugins como Dynamic.ooo, resulta perfecto para crear interfaces de usuario.
Esto convierte a WordPress en algo más que un CMS, lo convierte en un framework para crear aplicaciones web sin necesidad de saber programar.
El hecho de poder guardar datos en la DB (CPT y custom-fields) hace que, si jugamos con los permisos y con los roles de usuarios, podamos crear cosas tan asombrosas como un CRM con WordPress o cualquier otro tipo de aplicación colaborativa para guardar datos.
Antes de nada, vamos a entender un poco el modo de funcionar normal de Elementor Forms. Después, explicaremos algunas cosas que podemos hacer combinando Elementor Pro con otros plugins 😉
¿Quieres
recibir mis articulos?
No te pierdas todos mis trucos para WordPress, CMS, Marketing Digital y WPO.
¿Cómo funciona Elementor Forms?
Los formularios de Elementor no funcionan como otros plugins de formularios (Gravity Forms, Ninja Forms, Contact Form 7, etc.), sino que funcionan mediante un widget de Elementor Pro.
Hay que destacar que estos formularios solo los vas a encontrar en Elementor Pro, no en la versión gratuita de Elementor.
Cuando arrastramos un widget de Forms en la interfaz de Elementor Pro, insertamos un widget con configuración por defecto como este:
Como ves, puedes crear formularios captando todos los datos que tú quieras con el formato y el “diseño” que tú quieras. A nivel de editor visual, es de lo mejor que he visto en mi vida.
Además, puedes hacer formularios en múltiples pasos o multi-step, algo que suele ser característico de plugins de formularios avanzados y que ya “indica” que puedes crear formularios un poco más avanzados.
A nivel spam también está muy bien, ya que es compatible con honeypot y recaptcha, dependiendo del nivel de protección que quieras. Y todo sin necesidad de un plugin externo, aunque para recaptcha tendrás que meterle tu API de Google Recaptcha.
Volviendo a la captura de la que hablábamos antes:
Te voy a resumir un poco cada una de las secciones de configuración del widget:
- Form Fields: Como su nombre indica, aquí puedes configurar todo lo que tiene que ver con los campos, desde el tipo (eligiendo entre más de 10) hasta la apariencia y su funcionamiento general.
- Buttons: Permite personalizar el botón del formulario o los botones de los formularios de múltiples pasos. En ambos casos, solo en lo que se refiere a la apariencia.
- Actions After Submit: Mi sección favorita, ya que es la que permite hacer cosas impresionantes como añadir acciones para cuando se pulse el botón del formulario. Al añadir acciones, habrá más secciones de configuración.
- Email: Podemos configurar el email que se envía tras hacer clic, aunque esto puede ser desactivado en “Actions After Submit”.
- Step Settings: Permite configurar aspectos de la apariencia de los formularios multipaso (no los formularios normales).
- Additional Options: Simplemente nos permite añadir un form ID o personalizar los mensajes de error que puede dar el formulario.
Vale, hasta aquí, nada impresionante… Lo que vienen siendo unos formularios normales de WordPress pero que, en lugar de incrustarse mediante una configuración propia con un shortcode, se configuran mediante un widget del pagebuilder.
Pero ahora vamos a centrarnos en “Actions After Submit”, ya que es la opción que le da todo el juego a Elementor Forms.
¿Ves toda la lista de acciones que salen? Pues aún se pueden añadir más mediante plugins.
Y mejor aún: podemos añadir varias acciones al mismo tiempo. Así, cuando pulsamos el botón de un formulario, se pueden hacer varias cosas justo en ese momento.
Defaults dinámicos, campos dinámicos y webhooks
De forma nativa, el propio Elementor Forms tiene algunas características muy potentes que, combinándolas, permiten hacer cualquier cosa con los formularios de Elementor de forma nativa.
Creo que los defaults dinámicos, los campos dinámicos y los webhooks son características que hay que recalcar, porque son puntos fuertes.
Defaults dinámicos en Elementor Forms
En cualquier plugin de formularios avanzados puedes configurar valores por defecto para los campos de los formularios. Sin embargo, en Elementor Forms podemos configurar estos defaults de forma dinámica mediante campos dinámicos de Elementor Pro.
Las posibilidades dependen de los plugins que tengamos instalados. De este modo, si usamos un plugin de custom-fields como ACF o JetEngine vamos a conseguir aún más campos dinámicos que podremos utilizar como defaults, pero siempre con cierta lógica.
Esto es ideal para sacar datos de usuario al formulario, por lo que para usuarios registrados los campos predeterminados dinámicos pueden ser aún más potentes.
Campos dinámicos de Elementor Pro
Esta es una de las funcionalidades más comunes y menos conocidas de Elementor Pro: los campos dinámicos.
Cualquier campo de Elementor Forms, al igual que cualquier campo de Elementor Pro, puede usar los campos dinámicos (como el default que mostramos en la sección anterior).
Los datos dinámicos que podemos sacar pueden ser ampliados mediante plugins como JetEngine o ACF.
Este es uno de los puntos fuertes de Elementor Forms y también de Elementor Pro en general.
Webhooks de Elementor Forms
Los webhooks son la parte más potente de cualquier plugin de formularios. Por eso, si tu plugin de formularios te ofrece la posibilidad de usar webhooks, es que es potente.
Con los webhooks podemos utilizar herramientas externas como Integromat o Zapier para multiplicar por mil las posibilidades del formulario. Con un simple webhook podemos hacer integraciones bastante potentes.
Lo bueno de Elementor Forms es que, además del webhook, podremos configurar varias acciones para después de pulsar el botón.
Otro plugin con el que puedes configurar webhooks en WordPress de forma dinámica es AutomatorWP.
Gestión de contenido desde el frontend con Elementor Forms
Sí, lo has leído bien: podemos gestionar contenido de un sitio web desde el front-end con Elementor Forms, solo debemos tener los plugins necesarios para hacerlo.
Además, vamos a destacar que el propio Elementor Pro es totalmente compatible con ACF (Advanced Custom Fields), por lo que las posibilidades son realmente impresionantes.
Existen diferentes formas de hacer que los formularios de Elementor Pro puedan guardar CPTs y metas de usuario:
- Dynamic.ooo: Un plugin que incluye múltiples modificaciones que hacen que Elementor Pro sea mucho más dinámico y funcional. A mí me gusta, pero soy consciente de que es el más rudimentario.
- JetEngine: Un stack completo de campos dinámicos y campos meta que añade a Elementor bastantes cosas, como formularios con la capacidad de interactuar de forma muy dinámica con el contenido de la web.
- e-ProForm Actions de e-Addons: Esta parte del plugin e-Addons para Elementor Pro nos permite tener muchas más actions en los formularios de Elementor Forms y, entre ellas, la action para guardar ciertos datos en contenido.
Combinando la posibilidad de guardar datos y la posibilidad de mostrar defaults dinámicos podemos hacer formularios e interfaces muy potentes en WordPress y convertirlo en una aplicación, más que en una web.
Como he dicho, esto puede ser aplicable tanto para custom-post y custom-fields como para campos meta de usuario o incluso para modificar o crear filas en la tabla wp_options de la DB de WordPress.
Envío de datos a destinos externos con Elementor Forms
Esto se puede hacer también con webhooks, que incluye de forma nativa Elementor Pro. Sin embargo, si queremos ir un poco más allá, tenemos nociones de programación o tenemos delante algún servicio que nos permita recibir datos con un endpoint, podemos usar la función “Export” añadida por Dynamic.ooo.
Como he dicho, esta funcionalidad está reservada a usuarios con conocimientos avanzados, pero puede ser de mucha utilidad.
Recordemos que Dynamic.ooo también tiene una funcionalidad para que, mediante un campo dinámico, podamos acceder a un dato recuperado desde una API REST o desde un JSON. De esta forma, podemos cerrar el círculo “leer y escribir” cubriendo ambas posibilidades.
Generar PDF con Elementor Forms
En Gravity Forms existe un plugin llamado Gravity PDF que permite hacer cosas muy chulas con la generación de archivos PDF en base a datos dinámicos y a una plantilla.
En Elementor Forms podemos hacer esto con una de las funcionalidades de Dynamic.ooo, creando un PDF a partir de los datos de un formulario de Elementor Pro.
Lo bueno es que podremos definir la plantilla con un template de Elementor Pro y todos sabemos la potencia que tiene Elementor como pagebuilder a nivel visual.
Perfil e interacciones con Elementor Forms
¿Has visto todo lo anterior? Pues las posibilidades van mucho más allá, ya que combinando funcionalidades podemos conseguir cosas muy curiosas.
En aplicaciones sociales podemos hacer la parte de perfil (profile builder) con Elementor Forms. Además, tenemos distintas opciones, desde el método rudimentario y flexible de Dynamic.ooo hasta el modo asistido y fácil de JetEngine.
Mezclando capacidades de recuperar datos mediante defaults dinámicos y capacidades para escribir en cualquier parte de la base de datos, e incluso la capacidad de comunicación externa, podemos hacer cosas muy curiosas que permiten interactuar a nuestros usuarios con el sitio web, pudiendo convertir el sitio web en una aplicación.
Lo bueno es que podemos crear cosas como un hosting de imágenes con WP o utilizar funcionalidades dinámicas del formulario en una aplicación Android creada con WordPress. Las posibilidades son ilimitadas.
BONUS: Proyectos dinámicos con Elementor Forms
Cuando alguien empieza a usar Elementor Pro no es consciente de las capacidades que tiene el pagebuilder y mucho menos su sistema de formularios.
En mi Academia WP Avanzado he demostrado que se puede hacer un CRM flexible y personalizable usando Elementor Pro y JetEngine, pero la cosa puede ir mucho más allá, ya que podemos crear sitios web de clasificados, listados dinámicos sociales, etc.
En definitiva, cualquier sitio web o aplicación web que se nos pase por la cabeza crear.
Y si algo no podemos hacerlo dentro del propio WordPress, siempre tendremos la posibilidad de mandar los datos a un destino externo para trabajar con ellos o hacer lo que necesitemos.
¿Quieres
recibir mis articulos?
No te pierdas todos mis trucos para WordPress, CMS, Marketing Digital y WPO.
73 comentarios
Estoy buscando crear tarjetas formato A6 para radioaficionado (qsl) en formato pdf con un fondo grafico fijo y una base de datos en excel con campos texto de manera que el usuario busque sus datos e imprima su tarjeta, se puede hacer eso con elementor pro?
Hola Pablo, si que es posible, pero…con bastante mano de obra. Lo único, que posiblemente tuvieras que pasar el Excel a un Google Sheets por temas de compatibilidad, usando Integromat para la interconexión.
De hecho, para que sea más viable, podrías guardar los datos en un CPT con custom-fields y cerrarlo privadamente para que cada usuario solo pueda imprimir su tarjeta.
Te lo resumo, si se podría hacer, pero no son 4 clicks,
Hola Alvaro me encantó tu post, una pregunta, busco justamente hacer un pequeño CRM en mi sitio, usando el formulario de elementor, pero en ese mismo formulario hacer consultas y editar información que anteriormente ya llené, (como dando seguimiento ) a los contactos, como le hago? Es posible?
Hola Oscar, creo que este video te puede dar una idea de como hacerlo: https://www.youtube.com/watch?v=cbrGZOmca00
Mi recomendación es que uses ACF Front-end for Elementor Pro en lugar de JetEngine, ya que es más viable.
¡Hola, Álvaro!
Gracias por compartir buena información.
Una consulta puntual: ¿es posible enviar formularios a determinados correos según la opción que se elija en un selector? Ejemplo: Elijo la opción 1 y se va al correo 1, opción 2 al correo 2 y así sucesivamente. Muchas gracias.
Hola Jose, esto con Gravity Forms lo puedes hacer facil, pero en el caso de Elementor Forms necesitas un plugin como e-Addons que te permita acciones condicionales en formularios.
Hola Álvaro
Es posible que el formulario envíe un json personalizado con los campos rellenados
Gracias
¿Te refieres a un API? Si, pero vas a necesitar algo como Dynamic.ooo o e-Addons for Elementor
Hola Alvaro, muy completo tu articulo. Felicitaciones!
Te consulto: desde Elementor Pro uso formularios con campos condicionales, de manera que dependiendo de un “select” de “X” opciones, vayan o no apareciendo los diferentes campos a llenar por el usuario. Eso funciona de maravilla.
El problema que encuentro y no veo la forma de solucionar desde la misma api, es que el submit que hace me envia todos los campos y sus titulos, o sea, los que llena el usuario y los que no aparecen (quedan ocultos por la condicion logica)
Y, otro tema es que los datos no llegan muy legibles. Me gustaria ordenarlos un poquito, al menos con algunos
¿Que solución le darías a estos puntos?
Gracias de antemano.
Hola Gustavo, yo mismo me he encontrado con ese problema en varias ocasiones.
Para lo de enviar todo no hay solucion, al menos que yo haya encontrado, incluso he probado con Piotnet y nada. Por otro lado, lo del email, simplemente hay que construirlo externamente con un sistema de email marketing o usar un sistema como Mailster para construirlo, y no usar el de Elementor Forms.
Hola Alvaro, excelente contenido!
Sabras si es posible que al enviar un correo desde un formulario de Elementor PRO y se pueda obtener un acuse de recibido o confirmación de lectura del correo enviado?
Gracias!
Hola Angel, pues…que yo sepa no, nunca me lo había planteado, pero nunca he visto esa funcionalidad.
Hola Álvaro, muy bueno el post!
Mi caso concreto que me ha traído a él, requiere de un autofoco. Con elementor por, hacer jumplink desde cada uno de las botones de llamada a la acción de la landing, y que todos ellos me lleven el cursor al primer campo del formulario. En versión móvil, hace que directamente se te abra el teclado en la pantalla. ¿Sabrías decirme cómo hacerlo?
gracias de antemano.
Hola Abelart, nunca he probado a hacer jumplink a un campo de formulario, pero…si el comportamiento es el que comentas, puedes hacer jumplink al bloque que contiene el formulario y ya esta, así no deberías tener problema.
hola gracias por el contenido lo que estoy buscando hacer es precisamente esto que mis clientes puedan poner preguntas en mi pagina y yo poder responder se requiere algun plugin adicional?
Hola Oscar, si, se necesitan otros plugins explicados en este post o incluso otras soluciones más avanzadas como wpForo, AnsPress o CM Answers Pro. Para decir algo concreto necesitaría más datos.
Hola, Tengo una duda espero me puedas ayudar..Cree un formulario condicional que funciona muy bien, su funcion final que la persona busca su nombre en la lista y segun el nombre le aparece una pregunta especial para el.
Esto lo hice creando la casilla de nombre y pegando un listado con la función de Select y le puse un value a cada nombre ejemplo: Gabriela | 1 , Francisco | 2, hice una pregunta condicional igual de select que cuando pusiera el valor 1 apareciera dicha pregunta o el 2 otra pregunta.
Hasta aqui todo bien, pero al momento de exportar la base de datos de los formularios no me pone el nombre de la persona, me pone el valor. Ejemplo: Nombre: 2 en lugar de ponerme Nombre: Gabriela.
Como puedo solucionar esto? Me gustaria que me pusiera el nombre de la persona y no solo su valor.
Gracias!
Hola Gabriela, me temo que con el exportador nativo de la herramienta de guardado de envíos de Elementor Forms no es posible cambiar esto.
Hola busco crear un formulario de consulta seria algo asi
el cliente entra y consulta si existe la persona con quien trata en nuestra base de datos
Podrías hacerlo con un buscador que busque en un CPT con custom-fields.
https://alvarofontela.com/acf-cpt-ui-custom-fields-custom-posts-wordpress/
¡Hola Álvaro! Gracias por la información. Tengo la siguiente duda: He agregado eventos a mi sitio modificando el functions.php de mi tema. Ahora quiero hacer con Elementor Pro un formulario con el cual se pueda rellenar el evento sin que yo lo tenga que hacer manualmente. ¿Es esto posible? De ser así, ¿necesitaría algún plugin extra?
Hola Lileni, no he entendido muy bien lo de los eventos, pero me imagino que lo harás por JS o similar.
Con e-Addons es posible capturar algunas cosas automáticamente, pero sin más datos tampoco podría decirte algo concreto.
Elementor PRO es a mi parecer de los mejores builders para crear páginas web! Siempre lo utilizo y lo recomiendo ya que tiene muchas características y funcionalidades más que sus competidores! Saludos
Opino lo mismo, Lorena, muchas gracias por tu comentario 😉
¡Hola Álvaro!, enhorabuena por tu artículo, es el más completo que me he encontrado por la red.
Por otra parte, puede que me lo haya pasado, quiero convertir el botón de enviar en un botón de descargas…¿qué plugin es el correcto para hacerlo?.
Gracias.
Tendrías que hacerlo con una redirección con una “acción después del envío”, sin ningún plugin adicional a Elementor Pro. Puedes cargarle la URL de descarga con un dynamic tag en el campo de redirección.
Hola Alvaro, excelente post. Sabrás como puedo con el widget separar en “dos columnas” el formulario? es decir, en la columna 1 colocar las cajas de texto y en la columna 2 el botón de envío? Gracias por tu ayuda
Hola Juan, tienes dos opciones.
La primera es utilizar los anchos de los campos para colocar el formulario en columnas.
Pero si lo que quieres es separar el formulario en columnas, vas a necesitar usar PAFE Piotnet, que convierte los forms de Elementor y cada campos es un widget diferente.
Hola, Alvaro!
Llevo tiempo queriendo personalizar un formulario de contacto en dos columnas pero que la primera tenga 4 filas y la segunda solo una (mensaje) y el botón de enviar y no lo he conseguido 🙁 ¿habrá algo que me pueda ayudar?
Agradezco tu respuesta
Hola Roberto, esto es muy fácil, solo tienes que ajustar el ancho de los campos en la configuración específica del campo dentro del formulario: https://elementor.com/help/how-to-create-a-multi-column-form/
hola, es factible realizar un filtro de búsqueda geografica: “selecciona tu pais” – “selecciona tu ciudad” – “selecciona tu codigo postal” y BUSCAR, arroje resultado de una lista que cumple con los requisitos de búsqueda o filro…puede lograrse eso con elementor forms y algún plugin complementario?
Hola Xriz, si que es posible, yo lo hago normalmente con Search & Filter Pro apoyándome en CPTs y custom-fields.
Hola Álvaro, muchas gracias por todo el contenido! Es de gran utilidad.
Mi consulta es porque debo crear una calculadora tarifaria Multi-step, que pueda arrojar diferentes resultados en columnas (precios de planes) según las elecciones del usuario en los campos.
¿Crees que puedo realizarlo con el Contact form de elementor pro o necesito algo más?
Muchas gracias!!
Hola Joaquin, yo usaría Piotnet PAFE, ya que para temas de calculadoras en vivo va muy bien por el widget “Live” que tiene.
Mira este video: https://www.youtube.com/watch?v=QGoVTW0CCzE
Hola Alvaro, muchas gracias. Quiero incluir en un Form normalito de Elementor PRO un campo (Si/No) y dependiendo de que se informe “Si” se muestren tres campos más en el Form antes del botón de Enviar, hasta entonces ocultos.
Pero lo quiero hacer con alguna solución NO DE PAGO.
¿Sabes si lo puedo hacer de alguna forma?
Muchas gracias de antemano
Hola Pablo, sin ser de pago no conozco ninguna.
Saludos Alvaro, excelente tu post, de los poco que hay por la internet ricos en información. Queria preguntarte si hay forma de crear campos dinamicos en un formulario con un boton mas para agregar y un boton menos para eliminar. Ya que tengo un pryecto que segun la cantidad de familiares que tenga el cliente se agregan campos dinamicos en el formulario, ejemplo un cliente llena sus datos pero quiere agregar los datos de 3 familiares solo necesito darle a un mas y cerar 3 campos, y si se quievoca y coloca uno de mas, tenga un boton menos para eliminarlo, y se pueda enviar el formulario a mysql con estos datos… muchas gracias por tu atención y exitos… P.D. ya lo de guardar los datos en mysql lo tengo cubierto ah y se me pasaba decir, el formulario está diseñado con elementro form de elementor pro…
Hola Francisco, esto se puede hacer solo si guardas los campos en un repeater de ACF (o compatible). El tema es que además vas a necesitar un plugin como Dynamic.ooo o e-Addons for Elementor para que salga en la interfaz.
Hola Álvaro,
Gracias por toda la info que es de mucha ayuda! Necesitaba hacer una valoración de precios en función de una serie de datos que rellene el interesado y fotografías. Es decir, una especie de “valoración” como si fuera un coche. La idea es poder exportar todos esos datos a un informe en pdf con fotografías incluidas. ¿Sería posible con Elementor Pro?
Muchas gracias por tu tiempo!
Hola Oscar, yo esto lo hice alguna vez con Elementor Forms añadiendole el plugin PAFE Piotnet.
Hola Alvaro , en Elementor Pro como habilito campos condicionales en los formularios?
saludos
Hola Fredis, necesitas añadir un plugin que lo permita como Dynamic.ooo, e-Addons for Elementor o PAFE Piotnet.
Hola, Álvaro. Necesito establecer un campo select para Códigos postales de España, que al llenarlo, automáticamente rellene la provincia y localidad. El form está hecho con Elementor pro. ¿Cómo pudiera hacerlo? Gracias de antemano.
Hola Cesarluis, creo recordar que e-Addons for Elementor tiene para direcciones y tiene varios campos autocompletados, pero…lo que no te puedo garantizar es que vaya más allá de provincias y llegue a códigos postales, esto ya no me suena.
Hola, tengo una tarea asignada dentro de una web de inmobiliaria, donde me piden un formulario, la idea es que al costado del formulario haya planos de diferentes tipologias , que al marcar o selecionar una tipologia aumaticamente en el formulario se haya selecionado , y asi no hacerlo de forma manual otra vez. Se utilizaria algun plugin ?
Hola Alex, desgraciadamente no puedo ayudarte porque no estoy visualizando exactamente lo que necesitas. Lo siento.
Hola Álvaro,
Sería posible hacer que a cada cliente que rellene el formulario se le envié un código correlativo? Es decir, un concurso que entrando en la web, si rellenan el formulario se le envía un código (diferente a cada uno)
Hola Iñigo, sí, sería posible. Yo lo he hecho alguna vez utilizando Dynamic.ooo: https://www.dynamic.ooo/widget/counter-elementor-pro-form/
Pero no recuerdo exactamente el como, porque hace años que no lo tengo que hacer.
Hola alvaro es posible hacer double op-in con formulario de elementor y mailerlite ?
Gracias de ante mano
Hola Jose, si que es posible, pero es Mailerlite quien lo tiene que hacer. No puedo garantizarte que con la integración oficial de Elementor para Mailerlite puedas hacerlo, ya que yo nunca la he usado.
Buenas tardes,
Es posible en el formulario de elemento que el cliente nos envie un codigo numerico o alfanumerico?
Veo que si puedes numerico pero si por ejemplo quiero que además de numero me validen un palabra (ej Regalo). Si no me ponen esa palabra, no se puede enviar el formulario.
Gracias
Hola Iñigo, tendrias que usar un campo de texto. El tema es que si quieres hacer una validación avanzada, puedes hacerlo mediante Dynamic.ooo o e-Addons for Elementor, pero…vas a tener que hacerlo por PHP. Te pongo este ejemplo: https://www.youtube.com/watch?v=SiWW18BHBJQ
tengo una consulta, he creado un formulario condicional en Form con Elementor pro, y todo funciona bien, pero al momento de recibir la información en la sección “envíos” no aparece la información completa, cuando personalizo cada ID de forma independiente aparece toda la info bien, pero al usar condicional debo repetir algunos ID en algunos campos de preguntas y es ahí cuando no recibo toda la información. Alguna sugerencia o recomendación para obtener todas las respuestas y que el formulario siga siendo condicional?
Hola Cesar, este comportamiento hasta donde yo se es normal, ya que Elementor Forms no trae de forma nativa formularios condicionales y la funcionalidad “Envios” esta preparada para las funcionalidades nativas.
Alvaro, tu trabajo es muy valioso.
Felicitaciones
Gracias Ricardo!!
¡Hola!
Qué gran artículo, mil gracias! Yo necesito generar un formulario que serña revisado por cuatro personas diferentes. Pero uno de los campos del formulario indica por parte de quién de esas cuatro persona llegaron y necesito que ellos no puedan ver la información del otro ¿me explico? Hay forma de que pueda haber una base de datos con filtros para ocultar cierta información al resto del equipo.
Hola Mariana, pienso que con los campos condicionales podrías hacerlo, o incluso con varias versiones del mismo formulario y condicionales de visualización.
Buenas tardes, alguien me puede decir como hago para que en el formulario se sugieran respuestas al momento de escribir un nombre y apellido por ejemplo, o que se pueda realizar un filtro para mirar las opciones de respuesta de la pregunta… Muchas gracias..
Hola Luis, puedes probar con alguno de los plugins de autocompletado para Elementor Forms, aunque la mayoría están pensados para direcciones, pero hay alguno que permite hacer autocompletado de un CPT o similar.
Hola Álvaro! Muchas gracias por conpartir estos contenidos. Son de gran ayuda.
Tengo una pregunta: En caso de utilizar un formulario de elementor pro en varias páginas del sitio ¿Es posible obtener la URL desde la que se ha enviado el formulario?
Gracias!
Si, puedes crear un campo oculto en el form, y en el parámetro “valor predeterminado” debes establecer un dynamic tag de elementor para establecer la URL actual de submit.
Hola alvaro, es posible convertir el formulario de elementor pro en un buscador? lo digo porque necesito generar un buscador con select, quedo atento gracias
Hola Carlos, si que es posible, pero no recuerdo si era con e-Addons for Elementor o con PAFE Piotnet.
Hola Alvaro, como podríamos liminar los caracteres de algún campo del formulario? Por ejemplo que no dejase de añadir mas de 10 caracteres.
Gracias de antemano
Hola, hay varias formas de hacerlo.
– Manual: https://creativebrewstudio.co/how-to-limit-characters-in-an-elementor-form-field/
– Mediante plugin: https://help.dynamic.ooo/en/articles/6252492-field-length-for-elementor-pro-form
Hola Alvaro, muchas gracias por la información de antemano, era para consultarte si se podría hacer un formulario que al darle al botón de enviar me deje acceder a una url de mi web que posee un botón de descargar pdf( en mi caso de un articulo)?
También estaría otra opción de solo permitirme después de completar el formulario que compruebe los datos y que me deje descargar el pdf directamente sin necesidad de ir a la url de mi web.
Hola Ruben, tu con el boton de enviar puedes redireccionar tras el envio del formulario a donde quieras, esta opcion viene por defecto en Elementor Pro.
Las dos opciones que comentas no tienen complejidad, siempre y cuando no necesites personalizar ese PDF con los datos, en cuyo caso vas a necesitar utilizar e-Addons o Dynamic.ooo junto con sus funcionalidades de personalizacion de PDF.
Porque me has borrado el mensaje? Solo quería saber que si tengo una web de artículos/post y cada articulo posee un botón de cargar/descargar que si le das compruebe si se ha suscrito anteriormente con el correo no salga el formulario de suscripción.
Un saludo
Hola Ruben, no te he borrado el comentario, simplemente que los comentarios no se pueden visualizar en la web hasta que yo los apruebo. Esto es debido a la gran cantidad de spam manual que me llega cada dia.
Hola Alvaro, excelente contenido ! te hago una consulta: puedo utilizar el elementor form para validar un codigo que previamente he cargado en la web y si el usuario lo ingresa correctamente, lo redirecciona a una web especifica ?
Es decir, vamos a distribuir un codigo diferente para distintos usuarios que de alguna forma los tengo que tener precargados en la web para que luego esos usuarios accedan a la url del form, carguen el codigo que se les proporciono y si esta ok, los lleve a una url especifica. Se puede ?
Hola Marcos, podrias llegar a validarlo. Lo ideal seria hacerlo con PHP: https://www.dynamic.ooo/tutorials/how-to-add-custom-form-validation-to-your-elementor-pro-forms-with-php-form-validation/
Pero tambien puedes hacer alguna “ñapa” con un custom-post y con el codigo, aunque ahora mismo no visualizo bien como se podria hacer el condicional en la redireccion.
Hola Álvaro, muy buenas ideas las que se pueden lograr llevar a cabo con tu artículo.
Tengo otras ideas que no mencionas pero no se si se puedan llevar a cabo.
1. La acción despues del envió del formulario sea distinta según la información introducida en campo del correo electro. Ejemplo, si el visitante completa el formulario con un correo personal (gmail, etc…) le llega un correo electrónico con cierta información. Pero si completa el formulario con un correo empresarial le llega una información distinta a su correo.
2. Mostrar contenido en el front-end oculto hasta que el formulario sea enviado. Ejemplo, si el visitante completa el formulario, hacer visible un widget que antes estaba oculto ya que sería información solo accesible para aquellos que completen el formulario.
3. Una combinación de los puntos 1 y 2. Por ejemplo, que según el correo introducido por el visitante (personal o empresarial) se muestre o no un widget en el propio post.