Resumen de IA
Personalizar una plantilla de formulario en WPForms es una forma sencilla pero potente de adaptar tus formularios para satisfacer tus necesidades específicas.
Ya sea que estés creando un formulario de contacto básico o una aplicación compleja, WPForms te da control total sobre el diseño y la funcionalidad de tus formularios.
En esta guía, te guiaré a través de las opciones de personalización clave que debes considerar. Al final, tendrás las herramientas para crear formularios que se adapten perfectamente a tu audiencia y objetivos.
¡Vamos a ello!
Cómo personalizar una plantilla de formulario en WPForms
Títulos, Etiquetas y Texto
Al empezar con una plantilla de formulario, querrás comprobar que cada elemento refleje tu propósito.
Personalizar títulos, etiquetas de campo y texto de marcador de posición hace que tu formulario sea más intuitivo y fácil de usar. Afortunadamente, puedes modificar estos elementos directamente en el constructor de WPForms.
Nombrando tu formulario
El primer paso que completarás al crear un nuevo formulario es darle un nombre. Nombrarás tu formulario antes de elegir una plantilla para crearlo.
Pero no te preocupes por crear una marca y personalización ingeniosas para los usuarios de tu formulario. Este nombre de formulario es para ti.
Verás todos los formularios que has creado dentro de tu panel de WPForms listados por nombre para que puedas determinar en qué páginas, widgets u otras áreas de tu sitio web incrustarás tu formulario.
Así que si tienes varios formularios y corres el riesgo de usar el mismo nombre dos veces, WPForms te notificará que ya tienes un formulario con ese nombre, como se muestra en la imagen de arriba.
Una vez creado tu formulario, siempre puedes actualizar el nombre de tu formulario más tarde en la pestaña de Configuración del constructor de formularios.
Recuerda que puedes personalizar varios elementos en esta parte de la pestaña de Configuración, incluido el texto que muestra el botón de envío de tu formulario y lo que verán los usuarios al enviar.
Etiquetas de Campo
A continuación, consideremos las opciones de personalización que tienes para los campos de tu plantilla de formulario.
Al hacer clic en cualquier campo, su configuración se abre en el lado izquierdo del constructor de formularios. Los detalles que puedes personalizar pueden variar de un campo a otro, pero el elemento común que puedes modificar para cualquier campo de tu formulario es su etiqueta.
La Etiqueta del campo es lo que verán los usuarios de tu formulario para cada campo que estén completando.
Si bien estas etiquetas de campo son bastante autoexplicativas, podrías considerar cambiarlas un poco.
Por ejemplo, puedes usar la etiqueta del campo para plantear una pregunta o proporcionar alguna indicación. En lugar de dejar la etiqueta del campo Nombre como está, podrías editarla para preguntar: "¿Cuál es tu nombre completo?". O, cada vez que agregues el campo de Texto de Párrafo a un formulario, probablemente editarás su etiqueta a algo relevante como "Comentario o Mensaje".
¡Afortunadamente, cuando utilizas una de nuestras plantillas de formulario listas para usar, ya hemos personalizado estos tipos de campos para que muestren etiquetas apropiadas para ti!
Dado que cada etiqueta de campo se cambia fácilmente, asegúrate de tener en cuenta su ID de Campo #.
De esta manera, cuando veas o uses este número de ID en otro lugar, sabrás a qué campo se refiere.
Crea tu formulario de WordPress ahora
Organización de los Campos del Formulario
Aunque nuestras plantillas de formularios están preconstruidas con todos los campos básicos que necesitarás, es probable que necesites eliminar, agregar y mover algunos campos.
Eliminar un campo de la plantilla de formulario es pan comido: simplemente haz clic en el icono de la papelera en la esquina derecha del campo para eliminarlo.
¿Y qué hace el otro símbolo a su izquierda? Hacer clic en el icono de doble página duplicará el campo.
En cuanto a agregar más campos a tu plantilla de formulario, ahí es donde brilla nuestro creador de formularios. ¡Todo lo que tienes que hacer es hacer clic en un campo en el lado izquierdo de la pantalla, arrastrarlo a donde lo quieras en tu formulario y soltarlo!
También puedes mover los campos hacia arriba y hacia abajo en la plantilla del formulario de esta manera. Simplemente arrastra y suelta el campo a otra área del formulario.
También lee: Cómo aleatorizar campos de formularios en WordPress
Campo de diseño
Al agregar y mover campos en tu formulario, debes considerar cómo están organizados.
Para mantener las cosas organizadas y concisas, me gusta utilizar la opción de campo de Diseño para arrastrar otros campos a sus columnas.
Puedes organizar estos campos en una sola columna o en varias columnas, con opciones de varias columnas que incluyen una selección completa de formas y tamaños.
¿Quieres aún más inspiración para el diseño de campos? Echa un vistazo a nuestro artículo creativo sobre mejores prácticas de diseño de formularios para un diseño fácil de usar.
Campo repetidor
También tienes el campo Repetidor para mantener tu plantilla de formulario limpia y concisa.
Si esperas que el usuario de tu formulario necesite ingresar el mismo tipo de información varias veces, como experiencias laborales en una plantilla de formulario de solicitud, puedes usar el campo Repetidor para permitir que tu usuario de formulario simplemente repita este campo con el clic de un botón.
En lugar de saturar tu formulario con campos vacíos y crear una cadena de configuraciones de lógica condicional para ocultarlos, simplemente puedes arrastrar los campos necesarios a la zona del campo Repetidor. Luego, puedes elegir qué tipo de diseño quieres que sigan estos campos repetibles.
Uso de Opciones de IA
Para los campos que brindan varias opciones para que el usuario de tu formulario seleccione, también necesitarás personalizar estas opciones.
Estos tipos de campos son los campos Desplegable, Opción Múltiple y Casillas de Verificación.
Pero no te preocupes si no sabes qué opciones deberías ofrecer a los usuarios de tu formulario: puedes utilizar la IA para generarlas instantáneamente.
Nuestras plantillas de campos se investigan meticulosamente, por lo que las opciones de elección que hemos incluido para estos campos probablemente serán similares a las que generarías. Pero, como siempre, te animamos a personalizar cada elemento de tu formulario como mejor te parezca.
Si haces clic o agregas uno de los tipos de campo que mencioné, verás el botón para que la IA genere tus opciones.
En mi ejemplo de formulario anterior, voy a usar la función de IA incorporada para generar opciones para el método de contacto preferido de mi usuario de formulario.
Al usar IA, me gusta crear un prompt que pregunte exactamente lo que necesito para mi formulario específico. Por lo tanto, le pediré a la IA que genere opciones de método de contacto preferido para un formulario de contacto.
¡Luego, estas opciones se pueden agregar directamente al formulario!
Esto te ahorra todo tipo de tiempo al decidir qué opciones usar y agregarlas manualmente a tu formulario.
Buscando aún más orientación sobre IA? Echa un vistazo a nuestro artículo que cubre métodos sencillos para usar la IA con tu sitio web.
Notificaciones y Confirmaciones
¿Recuerdas la pestaña de Configuración a la que navegamos al principio de esta publicación? Mencioné que hay opciones de personalización adicionales aquí, y aquí también se pueden editar las opciones de notificación de tu formulario y el mensaje de confirmación.
La configuración de la pestaña Notificaciones te permite introducir quién y dónde se deben enviar los detalles del envío del formulario.
Por lo general, esta configuración se aplica a los detalles del administrador de tu sitio web, como el correo electrónico del administrador establecido para tus credenciales de inicio de sesión de WPForms.
Con la configuración de notificación, también puedes designar la dirección de correo electrónico introducida por el usuario de tu formulario al que enviarás cualquier respuesta. La mayoría de los formularios que creas incluirán solo una dirección de correo electrónico para que tu usuario del formulario la proporcione, por lo que las respuestas de ti se enviarán automáticamente a esa dirección de correo electrónico dada.
Pero, como dije, puedes cambiar a qué correo electrónico de usuario responderás aquí, en la configuración de Notificación.
En cuanto a lo que verá tu usuario del formulario después de enviar su formulario, puedes personalizar este mensaje en la pestaña Confirmaciones, justo debajo de Notificaciones.
Todas las plantillas de WPForms que puedes usar para crear tu formulario ya tienen un mensaje de confirmación relevante escrito e incluido en su configuración.
Pero te sugiero personalizar este mensaje de confirmación con la marca y los mensajes de tu propio sitio. ¡El mensaje de confirmación también es un excelente lugar para incluir códigos de cupón o información sobre las ventas y descuentos que ofreces!
Añadir Integraciones
Muchas de las plantillas de formularios que ofrecemos están diseñadas para funcionar con las integraciones que has configurado en tu sitio.
Por ejemplo, podrías utilizar Constant Contact para tu plataforma de marketing por correo electrónico y querer que los usuarios del formulario que se registren en tu boletín se agreguen a tu lista de correo de Constant Contact.
¡Es posible integrando Constant Contact con WPForms!
Para agregar cualquiera de nuestras integraciones a tu plantilla de formulario, simplemente dirígete a la pestaña Marketing en el constructor de formularios. Luego, haz clic en el botón Agregar Nueva Conexión.
¡Ahora, todo lo que tienes que hacer es introducir tus credenciales de Constant Contact y listo!
Marca de tu Formulario
Hay muchas áreas y formas de dar marca a tu plantilla de formulario durante el proceso de personalización. No solo puedes agregar elementos de tu marca directamente dentro del constructor de formularios, sino que también encontrarás oportunidades de marca una vez que tu formulario esté incrustado en tu sitio.
Campo de contenido
Una forma de personalizar una plantilla de formulario con tu propia marca es con el campo Contenido.
El campo de Contenido te permite estilizar la fuente, los colores y otros elementos del campo más allá de la configuración habitual del campo. Lo más importante, sin embargo, es que el campo de Contenido te permite subir una imagen directamente a tu formulario.
Por lo tanto, colocar el campo de Contenido en la parte superior de tu plantilla de formulario es una excelente manera de agregar tu propia imagen de encabezado o logotipo.
Encabezado de Notificación por Correo Electrónico
Otra área donde puedes agregar tu propia imagen de encabezado es en los correos electrónicos de notificación del usuario que cubrí anteriormente.
Simplemente navega a la pestaña Email en tu panel de WPForms para añadir y personalizar una imagen de encabezado de correo electrónico.
Aquí, puedes añadir una imagen de encabezado en la parte superior de cualquiera de las plantillas de correo electrónico disponibles. Este es un lugar efectivo para mostrar tu propio logotipo y marca.
O, prefiero incluir un mensaje o saludo de temporada aquí para promover la interacción del usuario.
¡Solo no olvides actualizar la imagen del encabezado más tarde!
Temas de Formularios
Finalmente, después de haber terminado toda la personalización de tu plantilla de formulario, puedes estilizar aún más tu formulario dentro del editor de bloques de WordPress.
Por lo tanto, una vez que hayas incrustado tu formulario en la página web elegida, verás opciones para estilizar el bloque de WPForms. Aquí, la sección Temas incluye todos los estilos de tema disponibles que WPForms ofrece.
Asegúrate de echar un vistazo a nuestra documentación completa sobre el uso de temas de formularios para asegurarte de que estás aprovechando al máximo estas herramientas de marca.
¡Eso es todo! Ahora tienes todo tipo de opciones diferentes para personalizar tus plantillas de formulario, al alcance de tu mano.
WPForms es más que un simple constructor de formularios: es una herramienta potente que puede ayudar a tu negocio a crecer de maneras creativas e inesperadas.
Al explorar estos usos innovadores, puedes generar nuevas oportunidades de crecimiento. ¡Empieza a experimentar con estas ideas hoy mismo y descubre cómo WPForms puede llevar tu sitio web al siguiente nivel!
Crea tu formulario de WordPress ahora
Preguntas frecuentes
¿Buscas algo específico? Explora nuestras preguntas más frecuentes para descubrir más:
¿Puedo usar una plantilla prehecha y aun así personalizarla?
¡Absolutamente! WPForms ofrece una amplia gama de plantillas adaptadas a diversos propósitos. Puedes personalizar cualquier plantilla editando las etiquetas de los campos, añadiendo o eliminando campos, ajustando la configuración e incluso incorporando funciones avanzadas como opciones generadas por IA.
¿Es posible previsualizar mi formulario antes de publicarlo?
Sí. WPForms te permite previsualizar tu formulario en cualquier momento en el constructor. De esta manera, puedes hacer ajustes antes de incrustarlo en tu sitio web para que los usuarios interactúen con él.
¿Puedo integrar WPForms con mi servicio de marketing por correo electrónico?
¡Definitivamente! WPForms se integra perfectamente con muchos servicios populares de marketing por correo electrónico. Para configurarlo, simplemente instala el complemento de marketing por correo electrónico relevante para WPForms, conecta tu cuenta y mapea tus campos de formulario a tu lista de correo.
Esta integración facilita la adición automática de suscriptores, el envío de correos electrónicos de confirmación y la gestión de tus listas directamente desde tu sitio de WordPress.
A continuación, Sigue estas mejores prácticas
Ahora que sabes cómo personalizar tu formulario utilizando una plantilla, asegúrate de que los cambios que realices sean coherentes y beneficiosos para tu sitio.
Para seguir nuestras mejores prácticas que sugerimos para construir tu formulario, echa un vistazo a nuestro artículo completo sobre el tema.
¿Listo para crear tu formulario? Empieza hoy mismo con el plugin de creación de formularios de WordPress más fácil. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.
Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitas de WordPress.
