Viernes Negro
Superoferta
forma bit 74% Apagado
Sólo para Por tiempo limitado, Cógelo ahora antes de que desaparezca

Crear un formulario de contacto personalizado con un plugin de formularios de WordPress

logotipo del autor del blog
Sadia Humaira
25-Jun-2025
Tiempo de lectura: 4 mins
cómo crear un formulario de contacto personalizado con un plugin de WordPress

¿Le frustran los plugins de formularios de contacto engorrosos que le cuestan mucho, las opciones de personalización limitadas, ya que las primas están ocultas en niveles superiores, o los procesos de configuración confusos?

No es el único. Muchos usuarios de WordPress luchan por crear un formulario de contacto que realmente se adapte a sus necesidades, ya sea porque el plugin es demasiado restrictivo, requiere codificación u oculta funciones esenciales tras muros de pago.

¿La buena noticia? Puedes crear un formulario de contacto personalizado en WordPress a medida, potente y fácil de gestionar, sin necesidad de codificación ni quebraderos de cabeza. Incluso puedes crear un formulario personalizado en tu sitio de WordPress de forma gratuita utilizando este constructor de formularios. En esta guía, le mostraremos exactamente cómo crear el formulario de contacto perfecto para su sitio, paso a paso....

Cómo crear un formulario de contacto personalizado en WordPress (Guía paso a paso)

¿Y si un formulario de contacto de su sitio WordPress pudiera hacer algo más que recoger las consultas de los clientes? ¿Se pregunta cómo es posible? 

Es posible personalizarlo con algunos campos avanzados. Por ejemplo, un simple formulario de contacto de WordPress suele contener campos generales: "Nombre, correo electrónico, mensaje", mientras que en un formulario de contacto personalizado, puede añadir campos adicionales relevantes como la carga avanzada de archivos, campo de repetición, campo de firma, campo de selección de imagen y más campos avanzados para hacer que su formulario de contacto sea más atractivo. 

Bueno, ¿preparado para crear un formulario de contacto personalizado para tu sitio WordPress? Hoy, voy a utilizar un avanzado pero super plugin para crear formularios asequibles llamado Bit Form para crear este asombroso formulario, que ofrece la mayoría de las funciones del versión gratuita.

Paso 1: Instalar y activar Bit Form WordPress form builder

Para empezar, tienes que instale y active este plugin de formularios Primero. Abra su panel de control de WordPress > Vaya a la sección Plugins > Haga clic en el botón Añadir nuevo > Busque "Bit Form" > Haga clic en instalar y activar el plugin.

busque en wordpress org e instale el plugin en su sitio WordPress

Paso 2: Crear un formulario de contacto

Ahora, puedes crear un formulario de contacto sin codificar de dos maneras. Una forma es que usted puede simplemente utilizar las plantillas pre-construidas de Bit Form, y otra opción es que también puede crear un formulario desde cero. 

Aunque es súper fácil construir el formulario desde cero, hoy voy a demostrar cómo utilizar la plantilla.

Utilice la plantilla preconstruida y cree el formulario en un clic

Una vez que hayas terminado de activar Bit Form, abre el panel de control de Bit Form. Allí verás un "Crear formulario" simplemente haga clic en él.

Después de eso, verá más de 30 plantillas de este creador de formularios de arrastrar y soltar. Estas plantillas útiles y bellamente diseñadas incluyen un formulario de boletín de noticias, un formulario de registro en una sala de reuniones, un formulario de solicitud de empleo, un formulario de quejas de clientes y muchos más.

Como hoy vamos a crear un formulario de contacto personalizable, haz clic en el botón "Utilizar plantilla" debajo de la plantilla Formulario de contacto.

utilizar más de 30 plantillas de formularios de Bit Form

Como puede ver, la plantilla proporciona todos los campos básicos que debe contener un formulario de contacto sencillo.

Con Bit Form, siempre puede ajustar los campos como desee. Además, puede personalizar el formulario con campos relevantes desde el menú de la izquierda para que el formulario sea más profesional y útil.

Aquí, voy a añadir un campo de número de teléfono, un campo de carga de archivos y un campo reCAPTCHA de Google.

Campo de carga de archivos: Por ejemplo, si sus clientes tienen un problema con alguna pieza en particular, pueden subir aquí la captura de pantalla o pueden subir el archivo de confirmación de su reserva confirmada. 

reCAPTCHA: Si añade este campo a su formulario, protegerá su sitio web de ataques de malware. Siga esta documentación para configurar Google reCAPTCHA.

Paso 3: Personalice sus campos de formulario de contacto personalizados

Una vez creado el formulario, vamos a centrarnos en la personalización de los campos. Literalmente, puedes personalizar cada campo con Bit Form. Sólo tiene que seleccionar el campo y hacer los ajustes necesarios en el campo Ajustes de campo a la derecha.  

Por ejemplo, si selecciona el campo de correo electrónico, encontrará varias opciones de configuración de campo a la derecha.

Permítame mostrarle algunas de ellas. Puede cambiar el etiqueta del campo, añada un icono inicial y final para que el formulario resulte visualmente atractivo. También puede establecer un Marcador de posición.

ajustes de campo

Además, puede hacer que cualquier campo sea obligatorio o incluso puede ocultar un campo específico.

ajustes de campo

Ahora, cuando se selecciona el campo Carga de archivos, puede configurar sus opciones. Por ejemplo, puede fijar el número de archivos que un usuario puede compartir. Y puede fijar el tamaño del archivo. 

configurar el campo de carga de archivos
configurar el campo de carga de archivos

Bit Form también ofrece opciones para especificar el tipo de archivo (Zip, Imágenes, Audio, etc)

configurar el campo de carga de archivos

Tras completar la configuración de los campos del formulario, no olvides guardar los cambios haciendo clic en el botón Actualizar de la parte superior derecha. Y ¡tachán! Su formulario está listo para ser publicado.

Paso 4: Añadir formulario de contacto personalizado a WordPress Página web

Ahora, es el momento de añadir el formulario personalizado a su sitio web WordPress. 

Así que puedes añadir este formulario a cualquier página o entrada existente, o incluso puedes crear una nueva. 

Para crear una nueva página, haga clic en el botón "Añadir nuevo". Esto te llevará al editor de Gutenberg, dale un nombre a tu página y, a continuación, pulsa el botón "+" icono. 

Aquí, busque Bloque Bit Form. A continuación, seleccione el formulario en el menú desplegable. Por último, haga clic en el botón "Publicar" y ya está.

añadir formulario personalizado en un post de WordPress
añadir formulario personalizado en un post de WordPress

Del mismo modo, puede incrustar el formulario en su sitio web utilizando la función Bloque de código corto. Primero, necesitas copiar el shortcode del formulario que creaste.

copiar formulario shortcode

A continuación, pega el código en el bloque de código corto y pulsa el botón "Publicar" botón.

pegar formulario shortcode

Su formulario de contacto personalizado está activo en su sitio web.

formulario de contacto personalizado

Bonificación: Decore su formulario de contacto de WordPress (opcional)

Este paso es totalmente opcional. Ahora puede Personaliza tu formulario WordPress con colores, estilos de fuente y tamaños personalizados para que el formulario resulte más atractivo.

Resumen

Si quieres crear un formulario de contacto personalizado en WordPress, contar con el plugin adecuado es crucial. No solo acelera el proceso, sino que también te ofrece la flexibilidad de diseñar formularios que se ajusten exactamente a tus necesidades.

Y para ello, recomendamos encarecidamente Bit Form. Viene con un asombroso constructor de arrastrar y soltar que permite incluso a los novatos manejarlo eficientemente. Además, un formulario de contacto personalizado hace más que recopilar mensajes: ofrece a los usuarios una experiencia fluida y útil, y marca la pauta de la profesionalidad de tu marca. Si añades campos avanzados y adaptas el formulario a tus necesidades específicas, facilitarás a tus clientes potenciales una comunicación eficaz.

Con Bit Form, este proceso resulta fácil, sin códigos y sorprendentemente divertido.

sadiya
Escrito por
Sadia Humaira
Redactor de contenidos técnicos | Especialista en SEO

Blog relacionado