Cómo agregar una imagen a sus formularios de WordPress (modo fácil)

¿Le gustaría agregar una imagen a un formulario de WordPress? Agregar gráficos a un formulario puede ayudarlo a agregar su marca y hacer que el formulario se vea más interesante. En este tutorial, pasaremos por el proceso de agregar una imagen a un formulario. Finalmente, también explicaremos cómo usar imágenes en lugar de sus preguntas. Cree su formulario de imagen de WordPress ahora cómo agregar una imagen en forma wpforms es el constructor de formulario de WordPress más simple. Le permite agregar fácilmente imágenes en cualquier lugar de sus formularios.
Por ejemplo, puedes:
Agregue el logotipo de la empresa a un formulario
Agregar imágenes de productos en formularios de pago autorizar.net para aumentar las conversiones
Cree formularios más interesantes para inscribirse en el boletín
Use imágenes en múltiples preguntas de respuestas en lugar del texto.
Hay algunas formas diferentes de agregar imágenes a los formularios en WordPress. Veamos primero el método más fácil: agregar una imagen en un formulario usando HTML.
WPFORMS es el mejor complemento de WordPress Form Builder. ¡Tómelo gratis!
Cómo agregar una imagen a sus formularios de WordPress Aquí hay instrucciones escritas, si lo prefiere:
Pasemos el proceso de agregar una imagen en un formulario con un código HTML básico. Esto es muy fácil y rápido usando WPForms Drag y Drop Builder. Aquí están los pasos por los que pasaremos:
Instale el complemento WPForms
Cargue la imagen en WordPress
Agregue la imagen a su formulario de WordPress
Publica tu forma
Si desea agregar imágenes a más opciones, lo ayudaremos con esto al final del artículo. Paso 1: Instale primero el complemento WPFFORMS, debe instalar y activar el complemento WPFORMS. Aquí hay una guía paso por paso sobre cómo instalar un complemento de WordPress si necesita una mano. Ahora tiene 2 opciones:
Si ya tiene un formulario al que desea agregar una imagen, puede continuar y pasar al siguiente paso.
Si aún no tiene ningún formulario en WPFORMS, ahora es el momento perfecto para crear uno. Puede crear un formulario de contacto simple en menos de 5 minutos.
Después de haber terminado de hacer el formulario, regrese a este tutorial. Paso 2: Cargue la imagen a WordPress La forma más simple de agregar una imagen a WordPress es cargarla en la biblioteca de medios. De esta manera, será muy fácil encontrarlo cuando tenga que copiar el enlace. Para comenzar, abra el tablero de WordPress. Luego haga clic en el promedio en el lado izquierdo.
Ahora continúe y haga clic en el botón NUEVO ADD.

Extraiga el archivo de imagen en el cuadro o haga clic en los archivos de selección si prefiere localizar la imagen en su computadora.

Una vez que se haya cargado la imagen, continúe y haga clic en ella para ver los detalles. Haga clic en el botón etiquetado Copie la URL para copiar la URL de la imagen en el portapapeles.

Ahora tenga la URL de la imagen del portapapeles lista para estar atascada en su forma, manténgase en el tablero de WordPress para la siguiente parte. Paso 3: Agregue la imagen a su formulario de WordPress, abriremos el formulario al que queremos agregar la imagen.

Desde la barra de navegación en el lado izquierdo del tablero, haga clic en WPFORMS. Luego haga clic en Editar debajo del formulario que creó en el Paso 1. Cuando se abra el constructor de formularios, dibuje un campo HTML desde el panel izquierdo en el panel derecho y colóquelo donde desee aparecer:
Ahora haga clic una vez en el campo para abrir la configuración en el lado izquierdo. ¿Has notado el campo de código izquierdo? Simplemente ingrese el código HTML para incorporar su imagen aquí. Puede copiar este ejemplo. Pero recuerde: después de src =, querrá pegar la URL de la imagen que cargó en el último paso:

Ahora haga clic en Guardar en la parte superior del formulario.

¡Fueron llevados a cabo! Todo lo que tenemos que hacer es publicar el formulario. Paso 4: Publicar el formulario WPFFORMS le permite agregar rápidamente los formularios en cualquier lugar de su sitio, incluido:


En una publicación

En una página
En la barra lateral
En el sotano.
En este ejemplo, lo haremos fácilmente. Usemos el botón Incorporar para crear automáticamente un formulario para el formulario. Continúe y haga clic en Incorporar ahora.
Luego haga clic en Creación de nueva página.
Y finalmente ingrese un nombre para su página y haga clic en Vamos.

WPFORMS creará automáticamente una nueva página e incorporará el formulario dentro de ella. También verá la imagen en la vista previa. Simplemente haga clic en Publicar para publicarse en su sitio web.

¡Y eso es! Tu forma es en vivo. Así es como se ve nuestra imagen en nuestra forma completa.

Puede editar el formulario y cambiar el HTML si necesita cambiar el tamaño de la imagen. También puede agregar clases CSS para estilizar su imagen si lo desea. Cómo agregar imágenes a los campos de la forma antes de rendirse, analice rápidamente otra función de cuidado en WPFORMS. Puede agregar imágenes en respuestas a preguntas con múltiples opciones para que sus visitantes puedan hacer clic en ellas para elegir. Usar las imágenes en preguntas es perfecto para los formularios de control simples, así que analicemos rápidamente cómo se ha tomado. En este formulario de comando para tisiones t, tenemos un campo con múltiples elecciones con 3 opciones. Verifiquemos la casilla de verificación Use las opciones de imagen a continuación.

Ahora podemos agregar una imagen para cada opción en nuestro campo con múltiples opciones. Deberá hacer clic en el texto de carga de texto para cargar cada imagen.

Y así es como se ve la forma en el generador de forma una vez que haya terminado:
¡Eso es genial! Cuando haya terminado, haga clic en el botón Azul Publishing y eche un vistazo a su formulario al hacer clic en una imagen para seleccionarla, verá un chequeo verde en el centro:

El uso de opciones de imagen es una excelente manera de hacer encuestas y encuestas más interesantes o para mostrar a los visitantes diferentes modelos o colores en forma de comando. Cree su formulario de imagen de WordPress ahora el siguiente paso: ¡estilice sus excelentes formularios de WordPress! Ahora conoce la manera fácil de agregar una imagen a un formulario de WordPress. WPFFORMS también facilita a sus visitantes a subir sus propias fotos en WordPress, así que asegúrese de continuar revisándolo. ¿Busca más formas de diseñar y estilizar sus formularios? Consulte este artículo sobre hermosos formularios de contacto que puede robar. El artículo contiene muchos ejemplos de CSS que puede copiar y pegar en WordPress Customizer para estilizar sus formularios. ¿Está listo para construir su formulario? Comience hoy con el complemento de WordPress más simple para el generador de formulación. WPForms Pro incluye más de 100 plantillas de formulación gratuitas y ofrece una garantía de devolución de dinero de 14 días. Si este artículo le ha ayudado, síganos en Facebook y Twitter para obtener más tutoriales y guías gratuitos de WordPress.