¿Quieres agregar una imagen a un formulario de WordPress? Agregar gráficos a un formulario puede ayudar a agregar su marca y hacer que el formulario se vea más interesante.
En este tutorial, veremos el proceso de agregar una imagen a un formulario. Hacia el final, también explicaremos cómo usar imágenes en lugar de preguntas en su formulario.
Cómo agregar una imagen a un formulario
WPForms es el creador de formularios más sencillo para WordPress. Le permite agregar imágenes fácilmente en cualquier lugar de sus formularios.
Por ejemplo, podrÃas:
Hay algunas formas diferentes de agregar imágenes a formularios en WordPress. Veamos primero el método más fácil: agregar una imagen a un formulario usando HTML.
Cómo agregar una imagen a sus formularios de WordPress
Aquà hay instrucciones escritas si lo prefiere:
Veamos el proceso de agregar una imagen a un formulario con algo de HTML básico. Esto es realmente fácil y rápido con el constructor de arrastrar y soltar de WPForms.
Estos son los pasos que seguiremos:
- Instale el complemento WPForms
- Sube tu imagen a WordPress
- Agregue su imagen a su formulario de WordPress
- Publica tu formulario
Si desea agregar imágenes a preguntas de opción múltiple, lo ayudaremos al final del artÃculo.
Paso 1: Instale el complemento WPForms
Primero, debe instalar y activar el complemento WPForms. Aquà hay una guÃa paso a paso sobre cómo instalar un complemento de WordPress si necesita ayuda.
Ahora tienes 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.
Una vez que haya terminado de crear su formulario, vuelva a este tutorial.
Paso 2: sube tu imagen a WordPress
La forma más fácil de agregar una imagen a WordPress es subirla a la Biblioteca de medios. De esa manera, será muy fácil encontrarlo cuando necesite copiar el enlace.
Para comenzar, abra su panel de WordPress. Luego haga clic en Medios de comunicación en el lado izquierdo.
Ahora sigue adelante y haz clic en el Agregar nuevo botón.
Arrastre su archivo de imagen al cuadro o haga clic en Seleccione archivos si prefiere ubicar la imagen en su computadora.
Una vez que se haya cargado su imagen, continúe y haga clic en ella para ver los detalles. Haga clic en el botón etiquetado Copiar URL para copiar la URL de la imagen a su portapapeles.
Ahora tiene la URL de la imagen en su portapapeles lista para pegarla en su formulario.
Permanezca en el panel de WordPress para la siguiente parte.
Paso 3: agregue su imagen a su formulario de WordPress
A continuación, vamos a abrir el formulario al que queremos agregar la imagen.
En la barra de navegación de la izquierda en el panel, haga clic en WPForms. Luego haga clic en Editar bajo el formulario que creó en el Paso 1.
Cuando se abra el generador de formularios, arrastre un campo HTML desde el panel de la izquierda al panel de la derecha y suéltelo donde desee que aparezca la imagen:
Ahora haga clic una vez en el campo para abrir la configuración en el lado izquierdo.
¿Notaste el Código campo a la izquierda? Simplemente escriba el código HTML para incrustar su imagen aquÃ.
Puede copiar este ejemplo. Pero recuerde: después de src =, querrá pegar la URL a la imagen que cargó en el último paso:
Ahora haga clic Ahorrar en la parte superior de su formulario.
¡Terminamos! Todo lo que tenemos que hacer es publicar el formulario.
Paso 4: Publique su formulario
WPForms le permite agregar rápidamente sus formularios en cualquier lugar de su sitio web, incluidos:
En este ejemplo, lo haremos de la manera más sencilla. Usemos el Empotrar para crear automáticamente una página para el formulario.
Adelante, haz clic Empotrar ahora.
A continuación, hagamos clic Crear nueva página.
Y finalmente, escriba un nombre para su página y haga clic en Vamos.
WPForms creará automáticamente una nueva página e incrustará su formulario dentro de ella. Verá la imagen en la vista previa aquà también.
Simplemente haga click Publicar para que el formulario esté activo en su sitio web.
¡Y eso es! Tu formulario está en vivo.
Asà es como se ve nuestra imagen en nuestro formulario terminado.
Puede editar el formulario y modificar el HTML si necesita cambiar el tamaño de la imagen. También puede agregar clases CSS para diseñar su imagen si lo desea.
Cómo agregar imágenes a campos de formulario
Antes de salir, veamos rápidamente otra caracterÃstica interesante en WPForms. Puede agregar imágenes como respuestas a preguntas de opción múltiple para que sus visitantes puedan hacer clic en ellas para tomar una decisión.
El uso de imágenes en las preguntas es perfecto para formularios de pedido simples, asà que veamos rápidamente cómo se hace.
En este formulario de pedido de camisetas, tenemos un campo de opción múltiple con 3 opciones. Vamos a comprobar el Usar opciones de imagen casilla de verificación debajo.
Ahora podemos agregar una imagen para cada opción en nuestro campo de opción múltiple. Deberá hacer clic en el Cargar imagen texto para subir cada imagen.
Y asà es como se ve el formulario en el generador de formularios una vez hecho esto:
¡Excelente! Cuando haya terminado, haga clic en el azul Publicar y eche un vistazo a su formulario. Cuando haga clic en una imagen para seleccionarla, verá una marca verde en el centro:
El uso de opciones de imágenes es una excelente manera de hacer que las encuestas y las encuestas sean más interesantes, o mostrar a sus visitantes diferentes diseños o colores en un formulario de pedido.
Siguiente paso: Estilo de sus formularios de WordPress
¡Excelente! Ahora conoce la manera fácil de agregar una imagen a un formulario de WordPress. WPForms también facilita que sus visitantes carguen sus propias imágenes en WordPress, asà que asegúrese de verificarlo a continuación.
¿Está buscando más formas de diseñar y dar estilo a sus formularios? Consulte este artÃculo sobre hermosos diseños de formularios de contacto que puede robar. El artÃculo contiene muchos ejemplos de CSS que puede copiar y pegar en el Personalizador de WordPress para diseñar sus formularios.
¿Listo para construir tu formulario? Empiece hoy mismo con el plugin de creación de formularios de WordPress más sencillo. WPForms Pro incluye más de 100 plantillas de formulario gratuitas y ofrece una garantÃa de devolución de dinero de 14 dÃas.
Si este artÃculo te ayudó, sÃguenos en Facebook y Twitter para obtener más guÃas y tutoriales gratuitos de WordPress.