Recientemente, un lector nos preguntó cómo agregar opciones de imagen a sus formularios de WordPress. Tal vez esto es algo que también te has preguntado.
En lugar de solo mostrar opciones de texto, las imágenes pueden hacer que sus formularios sean más atractivos al instante. Esto puede ayudar a mejorar su tasa de respuesta y formar conversiones.
En este artículo, le mostraremos cómo agregar opciones de imágenes en los formularios de WordPress para aumentar la participación y las conversiones.
¿Qué son las opciones de imagen y por qué usarlas en sus formularios?
Las opciones de imagen son fotos, ilustraciones, gráficos o íconos que sus usuarios pueden elegir al completar su formulario.
Aquí hay un formulario que usa opciones de imagen, en lugar de opciones de texto regulares. La primera opción, Fresas, ha sido seleccionada:
Las opciones de imagen pueden ser una ventaja de muchas maneras. En todos los casos, le permiten hacer que su formulario sea más atractivo y atractivo visualmente.
El uso de imágenes también puede ayudar a que sus formularios se vean más pulidos y profesionales. También pueden ayudar a los usuarios a decidir más rápido.
Por ejemplo, si tiene un restaurante que ofrece entrega a domicilio, querrá tener un formulario de pedido en su sitio web. Podrías usar imágenes de tus diferentes platos para ayudar a los clientes potenciales a elegir lo que quieren.
Las opciones de imagen pueden hacer que sea más fácil para sus lectores completar su formulario, especialmente para la audiencia con dificultades de lectura o para alguien que no habla su idioma con fluidez.
Videotutorial
Si prefiere instrucciones escritas, siga leyendo.
Agregar opciones de imagen a sus formularios de WordPress
Para este tutorial, usaremos WPForms enchufar. 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.
En primer lugar, deberá instalar y activar el Complemento WPForms. Si no está seguro de cómo hacerlo, puede obtener instrucciones paso a paso en nuestra guía sobre cómo instalar un complemento de WordPress.
WPForms es un complemento premium de WordPress. También ofrecen una versión gratuita llamada WPForms Liteque también tiene la función de opciones de imagen.
Creando tu formulario con WPForms
Una vez que haya activado el complemento, vaya a la WPForms » Agregar formulario página en su tablero de WordPress para crear un nuevo formulario.
Primero proporcione un nombre para su formulario y luego haga clic para seleccionar una plantilla. Usaremos el formulario de contacto simple como punto de partida.
Esto iniciará la interfaz de creación de WPForms con campos de formulario precargados. Puede editar cualquier campo de formulario haciendo clic en él, moverlo hacia arriba y hacia abajo o eliminarlo.
A continuación, agregaremos un campo de opción múltiple para que los clientes puedan elegir el tipo de fruta que desean.
Nota: Las opciones de imagen también funcionan con el campo Casillas de verificación. Úselo si desea que su usuario pueda elegir más de una opción.
Para agregar el campo, simplemente arrastre y suelte el campo Opción múltiple desde la sección Campos estándar en el lado izquierdo de su pantalla. Vamos a colocarlo justo encima del cuadro ‘Comentario o mensaje’.
Como puede ver, el campo de opción múltiple tiene opciones de texto por defecto. Si hace clic en el campo para editarlo, verá las opciones de campo en el lado izquierdo de su pantalla.
Aquí, simplemente debe marcar la casilla «Usar opciones de imagen» y WPForms actualizará automáticamente el campo.
Puede escribir lo que desee para la etiqueta de texto del campo y luego hacer clic en el botón ‘Cargar imagen’. Puede cargar una imagen desde su computadora o seleccionar una de la biblioteca de medios de WordPress.
Recomendamos usar imágenes .jpg o .png que no tengan más de 250 px por 250 px. Sus imágenes se verán mejor en su forma si son todas del mismo tamaño.
Importante: WPForms no cambiará el tamaño de sus imágenes. Deberá asegurarse de que tengan el 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, simplemente haga clic en el botón (+) para agregar una nueva opción. Puede utilizar el botón (-) para eliminar una opción.
Cambiar cómo se muestran sus opciones de imagen en su formulario
WPForms facilita cambiar el diseño de elección de imagen y otras configuraciones desde la pestaña ‘Opciones avanzadas’.
Puede marcar la casilla ‘Opciones aleatorias’ si desea mostrar sus opciones de imagen al azar, en lugar de en un orden particular. Esto es útil si está creando una encuesta y desea eliminar el sesgo de primera elección en los resultados.
En ‘Estilo de elección de imagen’, puede elegir cómo desea diseñar sus imágenes. El estilo predeterminado es Moderno, que se ve así con la opción Fresas seleccionada:
En su lugar, puede elegir el estilo Clásico, que se ve así cuando se selecciona la opción Fresas:
Alternativamente, puede elegir ‘Ninguno’ para el estilo. En este caso, sus imágenes serán simplemente imágenes normales sin bordes ni otros estilos. Las etiquetas se mostrarán con botones de opción.
Si lo desea, también puede cambiar la disposición 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. Sus opciones de imagen se verán así:
También existe la opción aquí para ‘Ocultar etiqueta’ para sus opciones de imagen. Esto significa que no habrá ningún texto debajo de las imágenes. En algunos casos, puede tener sentido hacer esto. Por ejemplo, puede pedirles a las personas que voten por el nuevo diseño de logotipo que más les gusta.
Sin embargo, asegúrese de ingresar una etiqueta relevante y útil siempre que sea posible. Esto se mostrará como texto alternativo para sus imágenes, lo que hará que su sitio sea más accesible para los usuarios con discapacidades visuales.
Agregar, eliminar o editar campos en su formulario
Puede agregar, eliminar o editar los campos en su formulario. Para editar un campo, simplemente haga clic en él.
Por ejemplo, es posible que desee cambiar el campo ‘Comentario o mensaje’ para que sea opcional y tenga una etiqueta diferente. Después de hacer clic en el campo, puede editarlo en el lado izquierdo de la pantalla.
Simplemente escriba la etiqueta que desea usar y desmarque la casilla ‘Obligatorio’ para que el campo sea opcional.
Para eliminar un campo, pasa el cursor sobre él y luego haz clic en el icono de la papelera roja.
Una vez que esté satisfecho con su 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. Vamos a crear una nueva página para la nuestra.
Ir a Páginas » Agregar nuevoluego haga clic en el botón (+) para agregar un bloque a su página.
Busque el bloque WPForms en la sección Widgets o búsquelo usando la barra de búsqueda. Luego, simplemente haga clic en el bloque para agregarlo a su página.
A continuación, haga clic en el menú desplegable ‘Seleccionar un formulario’ y haga clic en el nombre de su formulario para seleccionarlo. Estamos usando nuestro formulario de pedido de cajas de frutas aquí.
Ahora está listo para publicar su página y ver su formulario en vivo en su sitio. Así es como se ve el nuestro:
Si desea realizar cambios en su formulario, puede encontrarlo en WPForms » Todos los formularios en tu tablero. Una vez que haya guardado sus cambios, su formulario también se actualizará automáticamente en su página.
Esperamos que este tutorial le haya ayudado a aprender cómo agregar opciones de imágenes en los formularios de WordPress. También te puede interesar nuestra guía sobre cómo crear una encuesta en WordPress y nuestra comparación sobre los mejores complementos de creación de páginas de WordPress.
.