Cómo rellenar automáticamente los campos de los formularios de WordPress

Cómo rellenar automáticamente los campos de los formularios de WordPress

¿Quieres rellenar automáticamente los campos de tus formularios de WordPress? Puedes utilizar automáticamente información como tipos de entradas o productos para crear las opciones de los campos de los formularios.

Esto facilita la cumplimentación de los formularios y puede ahorrar mucho tiempo a la hora de crearlos.

WPForms facilita el auto-llenado de campos de formulario usando opciones dinámicas de campo. Le mostraremos cómo configurarlo en este artículo.

Cree su formulario WordPress ahora

Cómo rellenar automáticamente los campos de los formularios de WordPress

En este tutorial, vamos a auto-poblar los productos de WooCommerce en un formulario de contacto.

Paso 1: Instalar el plugin WPForms

Primero, instale y active el plugin WPForms. Aquí tienes una guía paso a paso sobre cómo instalar un plugin de WordPress si necesitas ayuda.

Ahora vamos a añadir un nuevo formulario. En primer lugar, vaya a WPForms " Añadir nuevo.

Añadir nuevo formulario con campos autocompletados

A continuación, hagamos clic en la plantilla de formulario de contacto simple para empezar.

Utilice una plantilla de formulario de contacto sencilla

Verás que el creador de formularios se abre en una ventana a pantalla completa. El formulario de contacto simple ya tiene campos para:

  • Nombre
  • Correo electrónico
  • Comentario o mensaje

Arrastramos un campo desplegable y añadimos opciones de respuesta autocompletables.

Haga clic en el campo desplegable y arrástrelo hasta la vista previa del formulario de la derecha.

Añadir una opción de campo dinámico con un desplegable

A continuación, haz clic una vez en tu desplegable para abrir la configuración de la izquierda. Vamos a editar la etiqueta aquí para describir el contenido de la lista desplegable.

Cambiar la etiqueta desplegable del campo de opciones dinámicas

Ahora desplázate un poco hacia abajo y expande Opciones Avanzadas. Vamos a elegir 2 ajustes aquí para hacer el formulario más fácil de llenar:

  • Estilo - Vamos a elegir el desplegable Moderno porque permite a los visitantes buscar en la lista. Esta es una gran manera de hacer que un desplegable realmente largo sea mucho más fácil de usar. Si quieres, puedes crear fácilmente un desplegable multiselección para que tus visitantes puedan elegir más de 1 respuesta.
  • Marcador de posición - Siempre es una buena idea establecer un marcador de posición para un campo. Un marcador de posición parece una opción predeterminada, pero el visitante no puede seleccionarla. Esta es una buena manera de asegurarse de que la selección no es por defecto la primera respuesta de la lista.

Estilo de campo autocompletable y configuración del marcador de posición

Ahora estamos listos para añadir una opción de campo dinámico a nuestro nuevo desplegable,

Paso 2: Configurar el campo de relleno automático

Ahora vamos a configurar las opciones que aparecerán en la lista desplegable.

Con las opciones de campos dinámicos, no tiene que preocuparse de escribir todas las respuestas. WPForms tomará todas las opciones por usted.

Cuando despliegues Opciones Avanzadas en tu desplegable, verás 2 opciones:

  • Tipo de puesto
  • Taxonomía

Opciones dinámicas en campos autocompletados

Post Type te permite auto-poblar el campo desde una Fuente de Post Type Dinámico. En una tienda WooCommerce, las opciones del segundo menú desplegable podrían tener este aspecto:

  • Entradas - Una lista de todas las entradas de blog de su sitio.
  • Página - Lista todas las páginas de su sitio.
  • Productos - Una lista de todos los productos de su tienda.

Estos son todos los tipos de post. Puede utilizar tipos de entrada personalizados si tiene alguno configurado.

Por ejemplo, tenemos un par de otras opciones para elegir aquí porque tenemos 2 tipos de post personalizados adicionales configurados:

Autocompletar campos con opciones de tipo de entrada

Veamos la otra opción que puede utilizar para rellenar automáticamente los campos del formulario.

Si selecciona la segunda opción del desplegable, Taxonomías, verá un segundo desplegable llamado Fuente de Taxonomía Dinámica.

Las opciones del segundo desplegable incluirán opciones como:

  • Etiquetas - Todas las etiquetas asociadas a las entradas de tu blog.
  • Categorías - Las categorías asociadas a las entradas de su blog.
  • Categorías de productos - Categorías asociadas a los productos de su eCommerce.
  • Etiquetas de producto - Etiquetas que ha añadido a sus productos.
  • Tipo de producto - Tipos de producto o variantes.

De nuevo, es casi seguro que su tienda tendrá más opciones entre las que elegir.

En este ejemplo, el propietario de la tienda añadió un plugin para agrupar productos por marca, por lo que también tenemos una taxonomía de Marcas que podemos utilizar para autocompletar nuestro campo.

Rellenar automáticamente los campos con opciones de taxonomía dinámica

Para este tutorial, vamos a seleccionar Post Type y luego Products. Esto listará todos los productos de nuestra tienda.

A veces los campos auto-poblados pueden tener muchas opciones. Si quieres excluir elementos del desplegable, consulta nuestra guía para excluir elementos de los campos autocompletados.

Por último, compruebe la configuración general del formulario. Consulta nuestras guías sobre:

Haga clic en Guardar para guardar el formulario.

Paso 3: Publique su formulario

Puedes publicar tu formulario de diferentes maneras: en un post, en una página o en la barra lateral. Puedes utilizar un shortcode para ello, pero te recomendamos que utilices la opción de incrustación.

Empiece haciendo clic en Incrustar en la parte superior del generador de formularios.

Incruste su formulario con opciones dinámicas

Y, a continuación, haga clic en Crear nueva página.

Crear nueva página para formulario con campos auto-poblados

Escriba un nombre para su página y haga clic en Vamos.

Cree una página para su formulario con campos autocompletados

Si todo parece correcto, haz clic en Publicar.

Publicar formulario con opciones de campo dinámicas

Ya está. Su formulario está listo para ser enviado.

Formulario publicado con campo autocompletable

Ahora es un buen momento para poner a prueba su campo dinámico y empezar a recibir consultas.

Cree su formulario WordPress ahora

Preguntas frecuentes sobre campos de formulario rellenados automáticamente

A menudo recibimos preguntas sobre opciones de campos dinámicos y campos autocompletados. Estas son algunas de las que nos hacen a menudo.

¿Qué es una elección de campo dinámica?

Una opción de campo dinámico es una respuesta de formulario que se rellena automáticamente para su visitante.

En lugar de escribir manualmente cada respuesta, puede hacer que WPForms extraiga automáticamente todas las opciones de los tipos de entradas personalizadas o taxonomías de su sitio.

Las opciones dinámicas también se conocen como campos autocompletables.

¿Por qué añadir campos rellenables automáticamente a un formulario?

Los campos autocompletables pueden ayudar a:

  • Reducir el abandono de formularios: al rellenar previamente los campos, puede facilitar la cumplimentación de los formularios.
  • Mejorar la precisión: el visitante no tiene que teclear las respuestas.
  • Mantenga los formularios actualizados - WPForms siempre muestra los elementos más recientes en el campo del formulario.

El mantenimiento de sus formularios es fácil porque WPForms extrae automáticamente la lista de opciones de sus tipos de entradas o taxonomías.

¿Qué campos se pueden rellenar automáticamente?

En WPForms, puede utilizar opciones de campo dinámicas para autocompletar 3 tipos de campo:

  • Desplegables
  • Campos de opción múltiple
  • Casillas de verificación

Puede utilizar el sencillo constructor de arrastrar y soltar para añadirlos a sus formularios.

¿Por qué son útiles los campos autocompletados?

Los campos de formulario autocompletables son perfectos para:

Cree su formulario WordPress ahora

A continuación, cree formularios inteligentes rápidamente con WPForms

Autocompletar campos es una forma inteligente de crear formularios complejos rápidamente. Si quieres hacer más con tus formularios, aquí tienes otras ideas que puedes probar:

¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye un montón de plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Claire Broadley

Claire es la gestora de contenidos del equipo de WPForms. Tiene más de 13 años de experiencia escribiendo sobre WordPress y alojamiento web.Más información

El mejor plugin de WordPress para crear formularios arrastrando y soltando

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

Active JavaScript en su navegador para rellenar este formulario.

34 comments on "Cómo autocompletar campos en formularios de WordPress"

  1. Hola WPForms,
    Estoy buscando un formulario de envío de mensajes en el que mis usuarios puedan añadir sus propias etiquetas en los mensajes que envían. ¿Puede WpForms hacer eso?
    Gracias de antemano.
    Josh

    1. Hola Josh- Puedes permitir a tus usuarios extraer etiquetas preexistentes que se aplicarían a sus publicaciones (puedes encontrar más detalles aquí), sin embargo en este momento no es posible permitirles crear etiquetas personalizadas para aplicarlas a sus publicaciones.

      Estoy de acuerdo en que sería muy útil. He tomado nota de la solicitud y la tendremos en cuenta a la hora de planificar nuestra hoja de ruta para el futuro. Siento no poder ofrecerte lo que buscas ahora mismo, pero te agradezco la sugerencia.

      Si necesitas más información o ayuda al respecto, escríbenos para que podamos ayudarte.

      Si tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que envíe un ticket de soporte. De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.

      Gracias.

      1. Hola Shivam,

        No disponemos de una función incorporada para conseguirlo, pero puede lograrse utilizando la cadena de consulta. Consulte esta guía.

        ¿Se refiere a esto?

  2. Hola, ¿es posible que los clientes, en función de su elección, abran diferentes páginas en lugar de enviar un correo electrónico?

    ¿Por ejemplo, si hacen clic en las opciones 1 y 2 irán a la página a, y si hacen clic en las opciones 1 y 3 irán a la página b?

    Esperemos que pueda manejarlo con este Plug In.. Saludos Pat

      1. Hola Ashok- No tenemos una función incorporada para rellenar el campo de formulario de 2 formularios diferentes a un solo formulario como usted ha mencionado. Sin embargo, obviamente puede pasar el valor del 'Formulario A (Origen)' al 'Formulario B (Destino)', puede utilizar cadenas de consulta (para campos de texto básicos) para rellenar previamente el valor del campo de un formulario a otro.

        Para campos distintos del campo de entrada de texto básico, puede consultar nuestra guía para desarrolladores

        Espero que le sirva de ayuda.

  3. Hola - ¿Es posible que las encuestas basadas en formularios de Wordpress se rellenen previamente con una respuesta anterior de la misma persona? En caso afirmativo, ¿cómo podemos hacerlo?

    1. ¡Hola Mihir! En este momento nuestro plugin no tiene ninguna característica que permita a un formulario consultar los datos anteriores de un usuario y autocompletar un formulario. ¡Puedo ver cómo sería útil sin embargo, así que he tomado nota de su interés en este tipo de característica para nuestro equipo a considerar en futuras actualizaciones!

      Lamento no poder ofrecerle lo que busca en este momento, pero le agradecemos la idea.

      Gracias.

  4. Hola, necesito añadir una opción "otro" a un desplegable autopoblado. Así que para dar la opción de seleccionar un tipo de mensaje personalizado o si ninguno se ajusta a sus necesidades que puede seleccionar otro y un campo de texto condicional aparece donde se puede escribir texto. ¿Hay alguna manera de lograr esto?

    Gracias.

  5. ¿hay alguna manera de añadir auto pollute para el nombre y el correo electrónico? la mayoría de myuser utiliza el teléfono móvil
    así que cuando abren el formulario "nombre" y "correo electrónico" se añade automáticamente? posible?

    1. Hola Raj. Mientras que para los usuarios registrados puede rellenar fácilmente el nombre y el campo de nombre utilizando las etiquetas inteligentes. Aquí está nuestra gran guía en nuestra etiqueta inteligente específicamente las etiquetas inteligentes de gestión de usuarios.

      Sin embargo, me disculpo por el usuario desconectado, en la actualidad, no es posible auto-poblar el nombre y los campos de correo electrónico de forma automática.

      He tomado nota de tu interés por esta función y he añadido tu dirección de correo electrónico a nuestra lista para recibir actualizaciones sobre ella.

      Gracias y que tenga un buen día.

  6. Mi cliente tiene un negocio de servicios. En su sitio web, tenemos diferentes botones CTA basados en cada uno de los servicios que ofrecen y que conducen al mismo formulario de contacto. Por ejemplo, un CTA dice "obtener un presupuesto de limpieza de tejados" mientras que otro dice "obtener un presupuesto de limpieza de revestimientos, canalones o vallas". Todos sus servicios aparecen como opciones de casilla de verificación en el formulario de contacto. Mi pregunta es, ¿hay alguna forma de que el formulario seleccione automáticamente el servicio mientras sigue mostrando todos los demás servicios, basándose en la CTA en la que han hecho clic?

  7. Hola, estoy creando un formulario para un cliente y necesitaba que el campo del producto trajera el nombre del producto automáticamente después de hacer clic en él, ¿cómo lo hago?

    1. Hola Vinicius,

      Actualmente, no disponemos de una función incorporada para autocompletar los campos desde la base de datos en la entrada de campo. He añadido su voto para considerar esto como una solicitud de función para futuras mejoras.

      Gracias por su paciencia.

    1. Hola Paolo,

      Actualmente, no tenemos una característica incorporada para auto poblar el campo con la búsqueda Ajax y autocompletar. En ese caso, le agradecemos que comparta esta solicitud de función y he añadido su voto.

      Gracias 🙂 .

  8. Me gustaría enviar datos de una forma a la otra como este artículo se describe (URL eliminado)
    pero necesito que para los campos desplegables y la fecha.
    ¿Es posible?
    En segundo lugar me gustaría incrustar el formulario en un control deslizante. El tema que estoy usando es edubin
    Gracias

  9. Hola,

    Tenemos un requisito en el que un campo desplegable debe rellenarse automáticamente con los valores seleccionados de un campo de selección múltiple anterior (campos en cascada). ¿Hay alguna forma de hacerlo?

    Gracias.

    1. Hola Padma - Actualmente no tenemos una función que pase información de un campo a otro y lo rellene. Sin embargo, estoy totalmente de acuerdo en que sería muy útil. He tomado nota de la solicitud de función para que nuestro equipo la analice más a fondo.

      Como una solución, esto se puede lograr con un poco de javascript, pero se requiere un poco de experiencia en el uso de javascript. Esto es, por desgracia, es una solución personalizada y no voy a ser capaz de proporcionar una solución completa, pero me encantaría conseguir que apunta en la dirección correcta. Dado que requiere javascript personalizado, puede consultar una pregunta similar formulada aquí.

      Gracias 🙂 .

  10. ¿Cómo podemos rellenar automáticamente el código del producto en un formulario? Quiero añadir un formulario de oferta en mi página de producto para que cuando el usuario abra un formulario de oferta se rellene automáticamente el código sku de ese producto.

    Gracias

    1. Hola Danial,

      Actualmente, no disponemos de una función para rellenar automáticamente el código sku de los productos. Sin embargo, estamos de acuerdo en que sería muy útil.

      He tomado nota de la solicitud y la tendremos en cuenta al planificar nuestra hoja de ruta para el futuro.

      Gracias por la sugerencia 🙂 .

  11. para la página de un solo producto
    ¿podemos autodetectar la categoría y subcategorías del producto? (no el nombre del producto)
    Para que los usuarios no tengan que rellenarlas.

    1. Hola Sachintha - Lo siento, por defecto no es posible a menos que esté utilizando la función de auto-población como se indica en este documento.

      Espero que esto te ayude. Gracias 🙂 .

  12. ¡Hola!

    Tengo dos formularios. Estoy redirigiendo los datos del primer formulario a la siguiente página para confirmar los datos. Los datos del primer formulario se muestran en la URL pero no en los campos del segundo formulario. ¿Cómo puedo mostrar los datos en los campos del segundo formulario?

    1. ¡Hola Jiya!
      Entiendo que estás viendo los datos en la URL pero no aparecen en los campos de tu segundo formulario. Esto suele deberse a que la opción Precompletar por URL debe estar activada en el segundo formulario. Deberá activar esta opción en la configuración avanzada del segundo formulario.

      Para obtener instrucciones detalladas paso a paso sobre cómo configurar la prepoblación de formularios, consulte nuestra guía aquí: Cómo utilizar cadenas de consulta para rellenar previamente campos de formulario desde otro formulario

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de privacidad y las Condiciones del servicio de Cloudflare.