Cómo crear un formulario con un control deslizante de rango de números

¿Busca cómo agregar fácilmente un control deslizante de rango de números a sus formularios en WordPress?

Bueno, estás en el lugar correcto! Un control deslizante de rango de números es una herramienta genial que es una excelente manera de impresionar a sus visitantes con una forma de aspecto moderno que obtiene un montón de conversiones.

En este tutorial, le mostraremos exactamente cómo crear un formulario con un control deslizante de rango de números en WordPress.

Aquí hay una tabla de contenido para ayudarlo a navegar este tutorial:

  1. Generar una forma simple
  2. Agregar un control deslizante de rango de números
  3. Configure los ajustes de su formulario
  4. Configure sus notificaciones de formulario
  5. Personaliza tus confirmaciones de formulario
  6. Agregue su formulario deslizante de rango de números a su sitio

¿Por qué usar un control deslizante de rango de números?

Preguntándose por qué poner un control deslizante de rango de números en el sitio web de su pequeña empresa. Bueno, el uso de un control deslizante de rango de números en sus formularios de WordPress incluye una serie de beneficios como:

  • Detalles adicionales – Obtenga información adicional de las personas que completan su formulario fácilmente. Debido a que tiene una sensación tan interactiva, es mucho más probable que sus visitantes completen un campo de control deslizante de rango de números pidiendo más detalles.
  • Plomos de mayor calidad – Con detalles adicionales sobre sus clientes potenciales desde el principio, sus clientes potenciales se vuelven aún mejores, haciendo que un control deslizante de rango forme una gran herramienta de generación de clientes potenciales. Cuando conozca diferentes detalles, como con qué tipo de cliente potencial está trabajando, puede hacer cosas como enviar el cliente potencial a diferentes personas según la cantidad ingresada con confirmaciones condicionales.
  • Moderno – Reemplaza los campos de entrada de texto tradicionales con un aspecto elegante y contemporáneo. Esto hace que su sitio web y formularios se vean y se sientan como si un profesional lo hubiera construido.
  • Sensible – El campo de control deslizante de rango numérico se ve muy bien en todos los dispositivos. Puede mantener su sitio y el tema de WordPress receptivo con un aspecto excelente al agregar este campo.
  • Fácil de usar – Una vez que el control deslizante de números se agrega a su formulario, sus clientes potenciales y clientes pueden usarlo fácilmente. Todo lo que tienen que hacer es simplemente arrastrarlo hacia adelante y hacia atrás para ajustar la cantidad.
  • Personalizable – El campo del control deslizante de rango numérico de WPForms es fácil de personalizar. ¡Puede ajustar la configuración fácilmente en el generador de arrastrar y soltar para que se ajuste a las especificaciones de su sitio web, ya sea que los números sean pequeños o grandes (o en cualquier punto intermedio)!

Entonces, ahora que sabe por qué usar un control deslizante de rango de números es una gran idea para los formularios de su sitio web, veamos exactamente cómo se hace.

Cómo crear un formulario con un control deslizante de rango de números

Si desea agregar una herramienta de rango deslizante genial y efectiva a sus formularios de WordPress, a continuación le indicamos cómo hacerlo fácilmente:

Paso 1: generar un formulario simple

Lo primero que deberá hacer es instalar y activar el complemento WPForms. Para obtener más detalles, consulte esta guía paso a paso sobre cómo instalar un complemento en WordPress.

A continuación, ve a WPForms »Agregar nuevo para crear un nuevo formulario.

En esta pantalla, asigne un nombre a su formulario y seleccione la plantilla Formulario de contacto simple.

seleccione una plantilla de formulario de contacto simple para crear un control deslizante de rango

A continuación, se generará la plantilla de formulario de contacto simple para usted. Muy bien, ¿verdad?

plantilla de formulario de contacto simple antes del control deslizante de rango

Paso 2: agregue un control deslizante de rango numérico

Ahora continuemos y agreguemos un control deslizante de rango de números a su formulario.

Desde las opciones en Campos estándar en el panel izquierdo, arrastre el Control deslizante de números campo en su formulario a la derecha.

agregar control deslizante de rango de números al formulario de wordpress

Haga clic en el campo Control deslizante de números para editar su etiqueta y valores.

cambiar valores y etiquetar en el campo del control deslizante de rango

También puede cambiar el nombre de su formulario en este momento en General y Nombre del formulario.

cambiar el nombre del control deslizante de rango

Por último, puede agregar cualquier campo adicional a su formulario de control deslizante de rango de números arrastrándolos desde el lado izquierdo hacia el lado derecho.

Cuando haya terminado de personalizar su formulario de control deslizante de rango, haga clic en Salvar en la esquina superior derecha

Paso 3: configura los ajustes de tu formulario

Si aún no está en esta página desde el último paso, vaya a Configuraciones »» General.

personalizar la configuración del formulario

Aquí puede configurar lo siguiente:

  • Descripción del formulario Déle a su formulario una descripción.
  • Enviar texto del botón – Personalice la copia en el botón enviar.
  • Prevención de spam Habilite la función honeypot antispam para evitar solicitudes de spam y mantener seguro su sitio web. Esta característica se habilita automáticamente en todos los formularios de WordPress. Si decide utilizar otra forma de prevención de spam, desmarque esta opción. También puede habilitar Google reCAPTCHA aquí.
  • Formularios AJAX – Habilite la configuración de AJAX sin recargar la página.
  • Mejoras GDPR – Puede deshabilitar el almacenamiento de información de entrada y detalles de usuario, como direcciones IP y agentes de usuario, en un esfuerzo por cumplir con los requisitos de GDPR. Además, consulte nuestras instrucciones paso a paso sobre cómo agregar un campo de acuerdo GDPR a su formulario de contacto simple.

Cuando haya terminado, haga clic en Salvar.

Paso 4: Configura las notificaciones de tu formulario

Cuando reciba un envío a su formulario en su sitio web, es importante que usted y su equipo sean notificados de inmediato.

Las notificaciones son una excelente manera de enviar un correo electrónico cada vez que se envía un formulario en su sitio web.

notificaciones de formulario de control deslizante de rango de números

Si usa etiquetas inteligentes, también puede enviar una notificación al usuario cuando la complete, haciéndole saber que recibió su entrada. Esto asegura a las personas que su solicitud ha sido aprobada.

Para obtener ayuda con este paso, consulte nuestra documentación sobre cómo configurar notificaciones de formulario en WordPress.

Y si desea que la marca en sus correos electrónicos sea coherente, puede consultar esta guía sobre cómo agregar un encabezado personalizado a su plantilla de correo electrónico.

Encabezado de correo electrónico personalizado

¡Esta es una excelente manera de obtener rápidamente entradas de formulario para usted o su equipo para asegurarse de que salten sobre las cosas rápidamente!

Paso 5: Personaliza tus confirmaciones de formulario

Las confirmaciones de formulario son mensajes que se muestran a los visitantes del sitio una vez que envían un control deslizante de rango de números en su sitio web. Le informan a las personas que su solicitud ha sido aprobada y le ofrecen la oportunidad de informarles cuáles son los próximos pasos.

WPForms tiene 3 tipos de confirmación para elegir:

  1. Mensaje – Este es el tipo de confirmación predeterminado en WPForms. Cuando un visitante del sitio envía una solicitud, aparecerá un simple mensaje de confirmación que le informará que su formulario fue procesado. Vea algunos mensajes de gran éxito para ayudar a impulsar la felicidad del usuario.
  2. Mostrar página – Este tipo de confirmación llevará a los visitantes del sitio a una página web específica en su sitio agradeciéndoles por enviar su información. Para obtener ayuda para hacer esto, consulte nuestro tutorial sobre cómo redirigir a los clientes a una página de agradecimiento. Además, asegúrese de leer nuestro artículo sobre la creación de páginas de agradecimiento efectivas.
  3. Ir a URL (Redirigir) – Esta opción es para cuando desea enviar visitantes del sitio a un sitio web diferente.

Veamos cómo configurar una confirmación de formulario simple en WPForms para que pueda personalizar el mensaje que los visitantes del sitio verán cuando completen su formulario.

Para comenzar, haga clic en el Confirmación pestaña en el Editor de formularios en Configuraciones.

Luego, seleccione el tipo de confirmación que desea crear. Para este ejemplo, seleccionaremos Mensaje.

tipo de confirmación de mensaje en forma de control deslizante de rango

Luego, personalice el mensaje de confirmación a su gusto y haga clic Salvar.

Para obtener ayuda con otros tipos de confirmación, consulte nuestra documentación sobre cómo configurar confirmaciones de formulario.

Paso 6: Agregue su formulario de control deslizante de rango de números a su sitio

Después de crear su formulario, debe agregarlo a su sitio web de WordPress. WPForms le permite agregar sus formularios a muchas ubicaciones en su sitio web, incluidas sus publicaciones de blog, páginas e incluso widgets de barra lateral.

Echemos un vistazo a la opción de ubicación más común: incrustación de página / publicación.

Para comenzar, cree una nueva página o publicación en WordPress, o vaya a la configuración de actualización en una existente.

Después de eso, haga clic dentro del primer bloque (el área en blanco debajo del título de su página) y haga clic en el ícono Más.

Agregar control deslizante de rango al sitio web

De los diferentes bloques, busque y seleccione WPForms.

seleccione wpforms del bloque

Ahora, el práctico widget WPForms aparecerá dentro de su bloque. Haga clic en el menú desplegable de WPForms y elija cuál de los formularios que ya creó que desea insertar en su página.

seleccione su forma de control deslizante de rango de números

Seleccione su formulario de control deslizante de rango numérico del menú desplegable. Luego, publique o actualice su publicación o página para que su formulario aparezca en su sitio web.

publicar formulario en su sitio de wordpress

Ahora podrá ver su formulario de control deslizante de rango de números en su sitio web, y los visitantes pueden comenzar a usarlo de inmediato.

campo deslizador de número en el formulario

Para ver las entradas del formulario después de que se hayan enviado, consulte esta guía completa para las entradas del formulario. Por ejemplo, puede ver, buscar, filtrar, imprimir y eliminar cualquier entrada de formulario.

En conclusión

¡Y ahí lo tienes! ¡Ahora sabe cómo crear un formulario con un formulario deslizante de rango de números en WordPress usando el complemento WPForms para que pueda obtener fácilmente presentaciones detalladas de los visitantes de su sitio web!

¿Quiere saber qué piensan los visitantes de su sitio web? Dirígete a esta publicación con ejemplos de encuestas de NPS para ver lo fácil que es publicar una encuesta en tu sitio y obtener valiosos comentarios.

¿Entonces, Qué esperas? Comience con el plugin de formularios de WordPress más poderoso hoy. WPForms Pro viene con un formulario deslizante de rango de números gratuito y tiene una garantía de devolución de dinero de 14 días.

Y no olvide, si le gusta este artículo, síganos en Facebook y Twitter.