Cómo agregar campos de autocompletar en formularios de WordPress

Rifat Tutoriales de WordPress Nov 22, 2023

¿Quiere que sus formularios de WordPress sean más fáciles de completar y ahorrar tiempo al crearlos? ¡Los campos de autocompletar son la respuesta! Con WPForms, puede crear fácilmente opciones de campos dinámicos que utilizan automáticamente información como tipos de publicaciones o productos para completar las opciones en los campos de su formulario. Esto hace que los formularios sean más fáciles de usar y eficientes, y también puede ayudarle a recopilar datos más precisos.

Si está buscando una manera de hacer que sus formularios de WordPress sean más fáciles de completar y ahorrar tiempo, completar campos automáticamente es el camino a seguir. WPForms facilita la configuración de esta función y le mostraremos cómo en este artículo.

En este artículo, le mostraremos cómo configurar campos que se completan automáticamente en WPForms. También le brindaremos algunos consejos sobre cómo usar esta función para mejorar sus formularios.

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

Una elección de campo dinámico es una respuesta de formulario que se completa automáticamente para los visitantes de su sitio web. En lugar de hacer que escriban manualmente cada respuesta, puede configurar WPForms para que incluya opciones automáticamente.

Create Amazing Websites

Con el mejor generador de páginas gratuito Elementor

Empezar ahora

Los campos dinámicos pueden ayudar a reducir el abandono de formularios al completar previamente las opciones seleccionadas comúnmente. Esto también mejora la precisión ya que los visitantes no tienen que ingresar información manualmente. El formulario se mantiene actualizado a medida que WPForms extrae los elementos más recientes.

wpforms | Best Lead Generation WordPress Plugin

Puede agregar opciones dinámicas a los campos desplegables, de opción múltiple y de casilla de verificación en WPForms utilizando el sencillo generador de arrastrar y soltar. Son perfectos para:

  • Productos WooCommerce en un formulario de soporte,
  • Listados de bienes raíces en un formulario de consulta,
  • Ofertas de trabajo en una solicitud,
  • Razas de mascotas en una clínica veterinaria,
  • Opciones de servicio en un formulario de contacto.

El beneficio clave es que hace que los formularios sean más inteligentes y personalizados según las necesidades de su negocio. Las opciones dinámicas se completan automáticamente con opciones relevantes para facilitar el llenado de formularios a los visitantes.

Cómo completar automáticamente campos en formularios de WordPress

Agregar productos WooCommerce completados automáticamente a un formulario de contacto con WPForms es fácil. Sigue estos pasos:

  1. Instale el complemento WPForms
  2. Agregue un campo dinámico a su formulario y seleccione los productos WooCommerce como fuente de elección
  3. Publique su formulario de contacto de WPForms

Ahora los productos se completarán automáticamente en el campo del formulario. Este tutorial recorrerá el proceso paso a paso.

Instale el complemento WPForms

Primero, necesitamos instalar y activar el complemento WPForms . Después de la instalación, necesitamos agregar un nuevo formulario.

Primero, vaya a WPForms »Agregar nuevo.

Ingrese un nombre para su formulario en la parte superior de WPForms cuando se abra.

A continuación, comencemos haciendo clic en la plantilla de formulario de contacto simple.

El creador de formularios aparecerá como una ventana de pantalla completa cuando haga clic en él. El formulario de contacto básico ya tiene los siguientes campos:

  • Nombre
  • Correo electrónico
  • Un mensaje o comentario

Arrastre un campo desplegable y luego agregue opciones de respuesta generadas automáticamente.

Arrastre el campo desplegable a la vista previa del formulario de la derecha haciendo clic en él y arrastrándolo allí.

A continuación, haga clic una vez para revelar la configuración a la izquierda después de abrir el menú desplegable. Cambiemos esta etiqueta para reflejar con mayor precisión lo que hay en el menú desplegable.

Expanda un poco las Opciones avanzadas a medida que se desplaza hacia abajo. Para que este formulario sea más fácil de completar, seleccionaremos las siguientes dos opciones:

Estilo: dado que permite a los usuarios buscar en la lista, elegiremos la opción Moderno. Este es un método fantástico para simplificar enormemente el uso de un menú desplegable muy largo. Para permitir que sus visitantes elijan entre múltiples opciones, puede crear fácilmente un menú desplegable de selección múltiple.

Marcador de posición: establecer un marcador de posición para un campo siempre es una decisión inteligente. Aunque un marcador de posición parece ser la opción predeterminada, el visitante no puede elegirlo. Esta es una técnica maravillosa para asegurarse de que la primera respuesta de la lista no se seleccione automáticamente.

Ahora estamos preparados para agregar opciones de campos dinámicos.

Agregue su campo completado automáticamente

Ahora estarán configuradas las opciones que aparecerán en la lista desplegable.

No tiene que preocuparse por completar todas las respuestas cuando utiliza opciones de campo dinámico. WPForms seleccionará cada opción en su nombre.

Hay dos opciones disponibles cuando expande Opciones avanzadas en su menú desplegable: Tipo de publicación y Taxonomía.

Tipo de publicación le permite utilizar una fuente de tipo de publicación dinámica para completar automáticamente el campo. Las opciones del segundo menú desplegable anterior pueden parecerse a estas en una tienda WooCommerce:

  • Publicación: una lista de todas las publicaciones de blog de su sitio.
  • Página: enumera todas las páginas de su sitio.
  • Productos: una lista de todos los artículos disponibles en su tienda.

Todos estos son tipos de publicaciones. Si tiene algún tipo de publicación personalizada configurada, puede usarla. Debido al hecho de que tenemos dos tipos de publicaciones personalizadas más configurados, tenemos algunas alternativas adicionales para elegir, por ejemplo:

Examinemos el método alternativo que puede utilizar para completar automáticamente los campos de su formulario.

Verá un segundo menú desplegable llamado Fuente de taxonomía dinámica si elige la segunda opción en el menú desplegable, Taxonomías.

Se pueden seleccionar opciones como estas en la segunda lista desplegable:

  • Etiquetas de publicaciones de blog: ingrese todos los nombres de etiquetas utilizados en las publicaciones de su blog.
  • Categorías de blog: seleccione entre las categorías que ha creado para el contenido de su blog.
  • Categorías de productos: complete un campo con las categorías de productos de su comercio electrónico.
  • Etiquetas de productos: utilice etiquetas de productos que haya agregado para completar las opciones.
  • Tipos de productos: muestra variantes o tipos de productos como opciones.

También tenemos una taxonomía de Marcas que podemos utilizar para completar automáticamente nuestro campo en este caso porque el propietario de la tienda implementó un complemento para agrupar productos por marca.

En este tutorial, elegiremos Tipo de publicación, seguido de Productos. Esto incluirá una lista de cada artículo que vendemos.

Los campos que se completan automáticamente en ocasiones tienen muchas opciones. Consulte nuestro tutorial para excluir elementos de los campos completados automáticamente si desea eliminar elementos del menú.

Publica tu formulario

Su formulario puede publicarse en una publicación, una página o la barra lateral, entre otros lugares. Si bien se puede utilizar un código corto para esto, recomendamos utilizar la opción de inserción.

Comience seleccionando Insertar en el menú superior del creador de formularios.

Haga clic en Crear nueva página después de eso.

Asigne un nombre a su página y luego haga clic en Vamos.

Simplemente haga clic en Publicar para publicarlo si todo parece estar en orden.

¡Ya terminé! Ahora es posible enviar su formulario.

Pruebe su campo dinámico ahora mismo para que pueda comenzar a recibir consultas.

Terminando

Usar campos completados automáticamente en sus formularios de WordPress con WPForms es una excelente manera de crear formularios más inteligentes y fáciles de usar. Al extraer opciones dinámicamente de varias fuentes como etiquetas, categorías, productos y más, puede personalizar los formularios según su contenido y reducir los formularios abandonados. Los visitantes apreciarán no tener que ingresar manualmente información repetitiva. WPForms facilita la adición de estos campos dinámicos con solo unos pocos clics. Los formularios precargados con opciones relevantes pueden aumentar las conversiones, la precisión y la experiencia del usuario en su sitio de WordPress.

Divi WordPress Theme