Cómo agregar opciones de imagen en formularios de WordPress (aumenta la participación)

Agregar opciones de imagen a tus formularios de WordPress es una excelente manera de aumentar la participación del usuario y mejorar la experiencia general.

En lugar de usar opciones estándar basadas en texto, las opciones de imagen permiten a los usuarios interactuar con tus formularios de una manera más visual y atractiva. Esto puede ser particularmente útil para encuestas, cuestionarios, selecciones de productos y cualquier formulario donde desees hacer que el proceso de toma de decisiones sea más intuitivo.

A lo largo de los años, hemos creado numerosos formularios en WordPress, lo que nos ha brindado información valiosa sobre lo que hace que los formularios sean atractivos y lo que hace que los usuarios los abandonen.

En este artículo, te mostraremos cómo agregar fácilmente opciones de imagen en formularios de WordPress para aumentar la participación del usuario.

¿Por qué usar opciones de imagen en tus formularios de WordPress?

Las opciones de imagen son fotos, ilustraciones, gráficos o íconos entre los que tus usuarios pueden elegir al completar un formulario en tu sitio web de WordPress.

Aquí tienes un ejemplo de un formulario que utiliza opciones de imagen en lugar de opciones de texto normales. La primera opción, Fresas, ha sido seleccionada:

Las opciones de imagen pueden hacer que tus formularios se vean más pulidos, profesionales y visualmente atractivos, lo que puede ayudar a los usuarios a decidir más rápido.

Por ejemplo, si tienes un sitio web de restaurante que ofrece servicio a domicilio, entonces querrás tener un formulario de pedido en tu sitio web. Ahora puedes usar imágenes de tus diferentes platillos para ayudar a los clientes potenciales a elegir lo que quieren.

Aparte de eso, las opciones de imagen pueden facilitar que una audiencia con dificultades de lectura o alguien que no domina tu idioma complete tu formulario, mejorando la experiencia del usuario.

Dicho esto, veamos cómo agregar fácilmente opciones de imagen en formularios de WordPress.

Cómo agregar opciones de imagen a tus formularios de WordPress

Puedes agregar fácilmente opciones de imagen a tus formularios de WordPress con WPForms para aumentar la participación.

Es el mejor plugin creador de formularios de WordPress del mercado y te permite crear formularios fácilmente usando un simple creador de formularios de arrastrar y soltar.

Hemos estado usando este plugin en varios de nuestros sitios web y siempre hemos tenido excelentes resultados porque es súper fácil de usar y escalable. Para saber más sobre nuestra experiencia, consulta nuestra reseña de WPForms.

Primero, necesitarás instalar y activar el plugin WPForms. Para obtener instrucciones detalladas, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Una vez activado el plugin, dirígete a la página WPForms » Agregar Formulario en tu panel de WordPress para crear un nuevo formulario.

Esto te llevará a la página ‘Seleccionar una plantilla’, donde puedes comenzar escribiendo un nombre para tu formulario.

Después de eso, haz clic en el botón ‘Usar plantilla’ debajo de una plantilla predeterminada de tu elección. Para este tutorial, usaremos la plantilla ‘Formulario de contacto simple’.

Esto iniciará la interfaz del constructor de formularios de WPForms, donde verás una vista previa del formulario en el lado derecho de la pantalla y una columna con los campos del formulario en la esquina izquierda.

Ahora puedes editar cualquier campo del formulario de tu elección haciendo clic en él, moverlo hacia arriba y hacia abajo, o eliminarlo.

Para obtener instrucciones más detalladas, puedes consultar nuestro tutorial sobre cómo crear un formulario de contacto en WordPress.

A continuación, debes agregar el campo de opción múltiple de la columna izquierda a la vista previa del formulario para poder crear opciones de imagen para los clientes.

Lo colocaremos justo encima del cuadro de ‘Comentario o mensaje’.

Nota: Las opciones de imagen también funcionan con el campo de casillas de verificación. Úsalo si quieres que tu usuario pueda seleccionar más de una opción.

Después de eso, haz clic en el campo de opción múltiple para editarlo. Esto abrirá las opciones del campo en el lado izquierdo de tu pantalla.

Ahora notarás que este campo te permite agregar opciones de texto por defecto.

Sin embargo, puedes cambiar eso fácilmente activando el interruptor ‘Usar opciones de imagen’.

Una vez que lo hagas, aparecerá un botón ‘Subir imagen’ debajo de cada campo de opción múltiple.

A continuación, puedes escribir lo que quieras para la etiqueta de texto del campo y luego hacer clic en el botón ‘Subir imagen’.

Ahora puedes subir una imagen desde tu computadora o seleccionar una de la biblioteca de medios de WordPress.

Recomendamos usar imágenes .jpg o .png que no superen los 250px por 250px.

Ten en cuenta que tus imágenes se verán mejor en tu formulario si todas son del mismo tamaño.

Importante: WPForms no redimensionará tus imágenes. Deberás asegurarte de que tengan el tamaño que deseas antes de subirlas. Alternativamente, puedes editar tus imágenes en WordPress antes de agregarlas a tu formulario.

Si tienes más de 3 opciones para incluir, simplemente haz clic en el botón (+) para agregar una nueva opción. También puedes usar el botón (-) para eliminar una opción.

Cambiar cómo se muestran tus opciones de imagen en tu formulario

WPForms facilita el cambio del diseño y otras configuraciones para tu campo de opciones de imagen.

Para hacer esto, dirígete a la pestaña ‘Avanzado’ en la columna izquierda.

Ahora puedes activar el interruptor ‘Aleatorizar opciones’ si deseas mostrar tus opciones de imagen de forma aleatoria en lugar de en un orden particular.

Esto es útil si estás creando una encuesta y quieres eliminar el sesgo de la primera opción en los resultados.

Si lo deseas, también puedes cambiar la forma en que se presentan tus opciones usando el menú desplegable 'Diseño de opciones'.

La opción predeterminada es 'En línea', con tus opciones apareciendo una al lado de la otra hasta que pasen a una nueva línea.

Puedes optar por mostrar tus opciones en varias columnas en su lugar. Si deseas una lista vertical, simplemente elige 'Una columna' en el menú desplegable.

También existe la opción aquí de 'Ocultar etiqueta' para tus opciones de imagen. Esto significa que no habrá texto debajo de las imágenes. En algunos casos, puede tener sentido hacer esto.

Por ejemplo, podrías estar pidiendo a la gente que vote por qué nuevo diseño de logotipo les gusta más.

Sin embargo, asegúrate de ingresar una etiqueta relevante y útil siempre que sea posible. Esta se mostrará como texto alternativo para tus imágenes, haciendo que tu sitio sea más accesible para usuarios con discapacidad visual.

Una vez que hayas hecho eso, vuelve a la pestaña 'General' de la columna izquierda y desplázate hacia abajo hasta la sección 'Estilo de opción de imagen'.

Desde aquí, puedes elegir cómo deseas estilizar tus imágenes desde el menú desplegable.

El estilo predeterminado es Moderno, donde aparecerá una marca de verificación para la imagen que se selecciona.

Sin embargo, puedes elegir el estilo Clásico en su lugar, que se ve así cuando se selecciona una opción:

Alternativamente, también puedes elegir 'Ninguno' para el estilo.

En este caso, tus imágenes serán simplemente imágenes normales sin borde ni ningún otro estilo. Las etiquetas se mostrarán con botones de opción.

Una vez que estés satisfecho con tu formulario, simplemente haz clic en el botón ‘Guardar’ en la parte superior de la pantalla.

Añadir tu formulario a tu sitio web

Puedes añadir tu formulario a cualquier publicación o página de tu sitio con solo un par de clics. Vamos a crear una nueva página para la nuestra.

Primero, visita la pantalla Páginas » Añadir Nueva desde la barra lateral de administración de WordPress y haz clic en el botón ‘Añadir Bloque’ (+) en la esquina superior izquierda de la pantalla.

Esto abrirá el menú de bloques desde donde tienes que encontrar y añadir el bloque WPForms a la página.

Después de eso, selecciona el formulario que acabas de crear del menú desplegable dentro del propio bloque.

Finalmente, haz clic en el botón ‘Publicar’ o ‘Actualizar’ para guardar la configuración de tu formulario.

Ahora, visita tu sitio web para ver las opciones de imagen en tu formulario de WordPress.

Si deseas hacer más cambios a tu formulario, puedes hacerlo fácilmente visitando la página WPForms » Todos los Formularios desde el panel de WordPress.

Una vez que estés allí, haz clic en tu formulario para abrirlo en el constructor de formularios.

Después de hacer tus cambios, simplemente haz clic en el botón ‘Guardar’ para guardar tus cambios. Tu formulario se actualizará automáticamente en tu página también.

Extra: Aceptar imágenes con tus formularios de WordPress

Además de ofrecer opciones de imagen, también puedes aceptar imágenes de diferentes usuarios con un formulario de WordPress.

Esto puede ser útil si eres un fotógrafo buscando contratar a alguien o si estás organizando un concurso de fotografía.

Aparte de eso, aceptar contenido generado por el usuario puede incluso ayudar a aumentar la participación de los usuarios en tu sitio web.

Puedes crear fácilmente un formulario de carga de archivos en WordPress con WPForms porque es el mejor plugin de carga de archivos del mercado.

Viene con una plantilla de formulario de carga de archivos prehecha que puedes usar para aceptar cualquier tipo de documento, incluyendo jpeg, png, gif, pdf, ppt y más.

Para aceptar imágenes, simplemente debes hacer clic en el campo 'Carga de archivos' para abrir su configuración en la columna izquierda. Después de eso, debes ingresar los tipos de archivo de imagen que deseas aceptar en la opción 'Extensiones de archivo permitidas'.

Una vez que estés satisfecho, no olvides hacer clic en el botón 'Guardar' para almacenar tu configuración.

Luego puedes agregar el formulario a tu sitio web con el bloque fácil de usar de WPForms. Para instrucciones más detalladas, consulta nuestro tutorial sobre cómo crear un formulario de carga de archivos en WordPress.

Tutorial en video

Si prefieres instrucciones visuales, entonces puedes ver nuestro videotutorial.

Suscríbete a WPBeginner

Esperamos que este artículo te haya ayudado a aprender cómo agregar opciones de imagen en formularios de WordPress. También es posible que desees ver nuestra guía para principiantes sobre cómo crear una encuesta interactiva en tu sitio de WordPress y nuestra comparación de los mejores plugins de calculadora para WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.