¿Desea agregar opciones de imagen en los formularios de WordPress?
En lugar de solo mostrar opciones de texto, las imágenes pueden hacer que sus formularios de WordPress sean más atractivos al instante. Esto puede ayudar a mejorar la tasa de respuesta y las conversiones de formularios.
En este artículo, le mostraremos cómo agregar fácilmente opciones de imagen en los formularios de WordPress para aumentar la participación del usuario.
¿Por qué usar opciones de imágenes en sus formularios de WordPress?
Las opciones de imagen son fotos, ilustraciones, gráficos o íconos que sus usuarios pueden elegir al completar un formulario en su sitio web de WordPress.
Aquí hay un ejemplo de un formulario que usa opciones de imagen en lugar de las opciones de texto regulares. La primera opción, Fresas, fue seleccionada:
Las opciones de imagen pueden hacer que sus formularios se vean más pulidos, profesionales y visualmente atractivos, lo que puede ayudar a los usuarios a tomar decisiones más rápido.
Por ejemplo, si ejecuta un sitio web de restaurante que ofrece entrega, es posible que desee tener un formulario de pedido en su sitio web. Ahora puede usar imágenes de sus diferentes platos para ayudar a los clientes potenciales a elegir lo que les gusta.
Además de esto, las opciones de imagen también pueden facilitar que una audiencia con dificultades de lectura o alguien que no hable su idioma con fluidez complete el formulario.
Dicho esto, veamos cómo agregar fácilmente opciones de imagen en los formularios de WordPress.
Tutoriales en vídeo
Si prefiere instrucciones escritas, siga leyendo.
Cómo agregar opciones de imagen a sus formularios de WordPress
Puede agregar fácilmente opciones de imagen a sus formularios de WordPress usando WPForms.
Es el mejor complemento de creación de formularios de WordPress en el mercado y le permite crear formularios fácilmente utilizando un simple generador de formularios de arrastrar y soltar.
Primero, deberá instalar y activar el complemento WPForms. Para obtener instrucciones detalladas, recomendamos consultar nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Nota: También puede usar WPForms Lite, que es completamente gratuito para agregar opciones de imagen a su formulario. Sin embargo, usaremos la versión pro ya que tiene más funciones.
Después de activar el complemento, vaya al archivo WPForms » Agregar formulario página en su tablero de WordPress para crear un nuevo formulario.
Esto lo llevará a la página “Seleccione una plantilla”, donde puede comenzar escribiendo un nombre para su formulario.
A continuación, haga clic en el botón “Usar plantilla” debajo de una plantilla preconstruida de su elección. Para este tutorial, usaremos la plantilla “Formulario de contacto simple”.
Esto iniciará la interfaz del generador de formularios de WPForms, donde verá una vista previa del formulario en el lado derecho de la pantalla y una columna con campos de formulario en la esquina izquierda.
Ahora puede editar cualquier campo de formulario de su elección haciendo clic en él, moviéndolo hacia arriba y hacia abajo o eliminándolo.
Para obtener instrucciones más detalladas, recomendamos consultar nuestro tutorial sobre cómo crear un formulario de contacto en WordPress.
A continuación, debe agregar el campo Opción múltiple de la columna izquierda en la vista previa del formulario para que pueda crear opciones de imagen para los clientes.
Lo colocaremos justo encima del cuadro “Comentario o mensaje”.
Nota: Las opciones de imagen también funcionan con el campo Casillas de verificación. Use esto si desea que su usuario pueda elegir más de una opción.
Después de eso, haga clic en el campo Opción múltiple para editarlo. Esto abrirá las opciones de campo en el lado izquierdo de la pantalla.
Ahora notará que este campo le permite agregar opciones de texto de forma predeterminada.
Sin embargo, puede cambiar esto fácilmente alternando la opción “Usar opciones de imagen”.
Una vez que haya hecho eso, aparecerá un botón “Cargar imagen” debajo de cada campo de opción múltiple.
Después de eso, puede escribir lo que quiera para la etiqueta de texto del campo y luego hacer clic en el botón “Cargar imagen”.
Ahora puede cargar una imagen desde su computadora o seleccionar una de su biblioteca de medios de WordPress.
Recomendamos usar imágenes .jpg o .png que no superen los 250 x 250 px.
Tenga en cuenta que sus imágenes se verán mejor en su formulario si son todas del mismo tamaño.
Importante: WPForms no cambiará el tamaño de sus imágenes. Deberá asegurarse de que sean del tamaño que desea antes de cargarlos. Alternativamente, puede editar su imagen en WordPress antes de agregarla a su formulario.
Si tiene más de 3 opciones para incluir, haga clic en el botón (+) para agregar una nueva opción. También puede utilizar el botón (-) para eliminar una opción.
Cambiar cómo se muestran las opciones de imagen en el formulario
WPForms facilita cambiar el diseño y otras configuraciones para el campo de opciones de imagen.
Para hacer esto, vaya a la pestaña “Avanzado” en la columna izquierda.
Ahora puede alternar la opción “Selecciones aleatorias” si desea que sus opciones de imagen aparezcan al azar en lugar de en un orden particular.
Esto es útil si está creando una encuesta y desea eliminar el sesgo de primera opción en sus resultados.
Si lo desea, también puede cambiar el diseño de sus opciones mediante el menú desplegable “Diseño de opciones”.
El valor predeterminado es “En línea” y sus opciones aparecen una al lado de la otra hasta que se ajustan a una nueva línea.
En su lugar, puede optar por mostrar sus opciones en varias columnas. Si desea una lista vertical, simplemente elija “Una columna” en el menú desplegable.
También existe la opción aquí para “Ocultar etiqueta” para sus opciones de imagen. Esto significa que no habrá texto debajo de las imágenes. En algunos casos, puede tener sentido hacerlo.
Por ejemplo, puede pedirle a la gente que vote por el nuevo diseño de logotipo que más le guste.
Sin embargo, asegúrese de incluir una etiqueta relevante y útil siempre que sea posible. Esto aparecerá como texto alternativo para sus imágenes, lo que hará que su sitio sea más accesible para los usuarios con discapacidades visuales.
Una vez que haya hecho eso, regrese a la pestaña “General” de la columna izquierda y desplácese hacia abajo hasta la sección “Estilo de elección de imagen”.
Desde aquí, puede elegir cómo desea aplicar estilo a sus imágenes en el menú desplegable.
El estilo predeterminado es Moderno, donde aparecerá una marca de verificación para la imagen seleccionada.
Sin embargo, puede elegir el estilo Clásico en su lugar, que se ve así cuando se selecciona una opción:
Alternativamente, también puede elegir “Ninguno” para el estilo.
En este caso, sus imágenes serán solo imágenes normales sin bordes ni otros estilos. Las etiquetas aparecerán con botones de radio.
Cuando esté satisfecho con el formulario, haga clic en el botón “Guardar” en la parte superior de la pantalla.
Agregar su formulario a su sitio web
Puede agregar su formulario a cualquier publicación o página de su sitio con solo un par de clics. Crearemos una nueva página para la nuestra.
Primero, visite el Páginas » Agregar nuevo desde la barra lateral de administración de WordPress y haga clic en el botón “+” en la esquina superior izquierda de la pantalla.
Esto abrirá el menú de bloque desde donde necesita encontrar y agregar el bloque WPForms a la página.
A continuación, seleccione el formulario que acaba de crear en el menú desplegable del bloque WPForms.
Finalmente, haga clic en el botón “Publicar” o “Actualizar” para almacenar la configuración de su formulario.
Ahora visite su sitio web para ver las opciones de imagen en su módulo de WordPress.
Si desea realizar más cambios en su formulario, puede hacerlo fácilmente visitando el WPForms » Todos los formularios página desde su tablero de WordPress.
Una vez que esté allí, haga clic en el formulario para abrirlo en el generador de formularios.
Después de realizar los cambios, simplemente haga clic en el botón “Guardar” para almacenar los cambios. Su formulario también se actualizará automáticamente en su página.
Esperamos que este artículo le haya ayudado a aprender cómo agregar opciones de imágenes en los formularios de WordPress. También es posible que desee ver nuestra guía para principiantes sobre cómo crear una encuesta en WordPress y nuestra comparación de los mejores complementos de creación de páginas de WordPress.
Si disfrutó de este artículo, suscríbase a nuestro canal de YouTube para videos tutoriales de WordPress. También puedes encontrarnos en chirrido y Facebook.
