jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo agregar una imagen a sus formularios de WordPress (la forma más...

Cómo agregar una imagen a sus formularios de WordPress (la forma más fácil)

¿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:

  1. Instale el complemento WPForms
  2. Sube tu imagen a WordPress
  3. Agregue su imagen a su formulario de WordPress
  4. 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.

🔥 Leer:  Cómo eliminar la cuenta de correo de Yahoo de forma permanente

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.

Agregar nueva imagen de formulario en WordPress

Arrastre su archivo de imagen al cuadro o haga clic en Seleccione archivos si prefiere ubicar la imagen en su computadora.

Sube la imagen de tu formulario a WordPress

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.

Copiar la URL del archivo subido

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.

Edite su formulario de carga de imágenes de WordPress

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:

🔥 Leer:  Cómo solucionar el problema de sobrecalentamiento en Galaxy S10, S10E y S10 Plus

Agregar un campo de imagen a un formulario de WordPress

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:

Formulario de imagen de WordPress HTML

Ahora haga clic Ahorrar en la parte superior de su formulario.

Guardar formulario de imagen en WordPress

¡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.

Incrustar formulario de imagen en WordPress

A continuación, hagamos clic Crear nueva página.

Crea una nueva página para el formulario de WordPress con una imagen

Y finalmente, escriba un nombre para su página y haga clic en Vamos.

Cree una nueva página de WordPress para el formulario de imagen

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.

Publica tu formulario con una imagen en WordPress

¡Y eso es! Tu formulario está en vivo.

Así es como se ve nuestra imagen en nuestro formulario terminado.

Formulario de imagen publicada en WordPress

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.

🔥 Leer:  Más de 12 mejores extensiones VPN de Chrome para usar en 2024

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.

Utilice opciones de imagen en un formulario de WordPress

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.

Agregue imágenes para formar respuestas en WordPress

Y así es como se ve el formulario en el generador de formularios una vez hecho esto:

Opciones de imagen en el formulario de WordPress

¡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:

Elección de imagen de WPForms en WordPress

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.

Recomendamos

Populares