Wl_Form_Free_1280x720.mp4

00:00:00

En este tutorial, voy a hablar sobre el widget de forma libre.

00:00:03

El widget de formato libre es una forma de agregar formularios con una variedad de campos diferentes y hacer casi cualquier pregunta.

00:00:09

Tú puedes querer

00:00:10

Los usuarios pueden completar esos formularios y enviárselos y usted puede utilizar respuestas automáticas integradas o incluso programas de gestión de correo electrónico como MailChimp.

00:00:20

Y si quieres hacer preguntas específicas a los usuarios,

00:00:23

Querrías usar formas libres

00:00:24

Si desea que los usuarios puedan enviarle un mensaje o comunicarse con usted por correo electrónico, teléfono u otro método de contacto, deberá utilizar el formulario de contacto.

00:00:34

Sin embargo, si desea personalizar lo que le está pidiendo al usuario, entonces querrá utilizar el formato libre porque ofrece mucha más libertad.

00:00:42

Entonces, una vez que cree el formato libre, le pedirá que elija un nuevo campo.

00:00:51

Entonces, una vez que crees la forma libre, estará en blanco.

00:00:55

Puedes agregar un título en la parte superior aquí

00:00:59

Y para las opciones de formulario y campo, simplemente haga clic en agregar un nuevo campo para crear un nuevo campo.

00:01:05

La etiqueta será la etiqueta de ese campo en particular.

00:01:10

Y eso está determinado por el tipo de campo generalmente.

00:01:12

Disponemos de varios tipos de campos diferentes para elegir.

00:01:14

Entonces, el campo de texto básicamente les daría un cuadro de texto en el que pueden escribir, muy similar a esto que está aquí, donde está la etiqueta.

00:01:22

Entonces simplemente escribirías texto

00:01:24

Y el texto de ayuda estará debajo del formulario, que se utiliza para ayudar a describir el formulario.

00:01:31

Entonces, podrías decirles que ingresen texto aquí y luego hacerles saber que pueden ingresar texto allí.

00:01:37

Y el marcador de posición, que realmente no será visible directamente en el sitio web, pero si está viendo el HTML, puede usar marcadores de posición para ubicar campos particulares fácilmente.

00:01:50

Pero una vez que hayas completado toda la información, elegirás el tipo de campo, la etiqueta, el texto de ayuda, que aparecerá debajo, el marcador de posición si lo deseas, y si es obligatorio o no.

00:02:01

Si elige no, eso significa que no se les pedirá que lo completen antes de presionar el botón Enviar.

00:02:05

Si elige sí, eso significa que tendrán que completarlo y no les permitirá enviarlo antes de que se completen todos los cuadros obligatorios.

00:02:12

Entonces, una vez que tengas todo eso configurado, puedes hacer clic en Guardar y, como puedes ver a la derecha, ahora se ha creado nuestro pequeño cuadro de texto con nuestro texto en la parte superior.

00:02:22

La etiqueta es el texto y el texto de ayuda está justo debajo.

00:02:25

Eso dice ingrese texto aquí y usted puede ingresar texto

00:02:28

Y luego, si enviaran el formulario, entonces ese formulario ya se ha enviado.

00:02:34

Y es realmente así de simple.

00:02:36

Simplemente agregarías todos los campos diferentes que quieras para cualquier pregunta.

00:02:40

Quieres preguntar

00:02:41

Entonces, digamos que si quisieras su nombre, pondrías el nombre aquí y luego ellos ingresarían su nombre.

00:02:46

Todo tipo de diferentes tipos de campos

00:02:49

El campo de correo electrónico es específicamente para correos electrónicos, por lo que reconocerá si es un correo electrónico o no.

00:02:54

Entonces, simplemente le pedirías a alguien su correo electrónico con eso.

00:02:57

El área de texto es igual que el campo de texto, excepto que es más grande, un cuadro mucho más grande en el que las personas podrán ingresar más texto.

00:03:07

Así que puedes ver que es una caja mucho más grande.

00:03:10

En cuanto a la selección, esto permite a las personas seleccionar una opción.

00:03:17

Digamos que tienes tamaños similares, por ejemplo, y quieres que seleccionen un tamaño.

00:03:23

Ingresarías una opción por fila, como pequeña, y luego presionarías Enter para bajar a una nueva función.

00:03:32

Y una vez que ingrese sus opciones, puede guardarlas y esas opciones aparecerán en un pequeño cuadro desplegable y podrán seleccionar una.

00:03:42

Si desea que los usuarios puedan seleccionar varias opciones, puede usar seleccionar múltiples, y eso permitirá que los usuarios seleccionen varias opciones.

00:03:59

Ahora, cuando guardo esto, los usuarios podrán mantener presionada la tecla Shift o Control para seleccionar múltiples opciones.

00:04:06

Control seleccionará, le permitirá seleccionar opciones individuales y Shift seleccionará todo lo que esté entre esos dos puntos.

00:04:13

Puede hacer clic en algún lugar, hacer clic en la tecla Shift, mantener presionada la tecla Shift y hacer clic en otro lugar, y eso seleccionará todo lo que esté en el medio, o deseleccionar y controlar seleccionará elementos individuales.

00:04:24

Esa es una manera fácil de seleccionar varios elementos y, para seleccionar números, generará automáticamente una lista de números para usted, de modo que puede escribir los números aquí y puede ingresar dónde comienza y

00:04:36

donde termina, entonces si quieres que esto comience, ya sabes, en uno, y termine en 50, simplemente generará una lista del uno al 50, que luego podrán seleccionar en el menú desplegable.

00:04:47

y seleccione el número, y si desea omitir números, puede usar este paso aquí, por lo que si desea omitir cada dos números, o cada dos números o algo así, puede hacerlo.

00:05:01

hasta el 50, y si desea omitir tres números, puede escribir el paso tres, y ahora, cuando nos desplazamos hacia abajo hasta el saltador, puede ver que se salta cada tres números, por lo que uno, saltar tres, va

00:05:17

a cuatro, salta tres, va a siete, salta tres, va a diez, por lo que es una manera fácil de hacer patrones como si quisiera seleccionar varios números con números salteados, también puede hacer una verificación

00:05:27

cuadro, por lo que simplemente diría sí o no, o lo que quiera para la etiqueta, y luego estarían así como la carga del archivo, por lo que realmente puede preguntarle a alguien

00:05:49

para cargar un archivo, así que digamos que quieres que carguen una imagen, o algo, puedes seleccionar cargar archivo, y luego esto realmente permitirá a los usuarios cargar un archivo desde su computadora, y lo harían

00:06:03

poder navegar por su sistema informático y cargar un archivo, por lo que es una manera fácil de cargar archivos u obtener archivos de personas, también puede hacer citas, por lo que esto básicamente va a crear

00:06:19

un calendario, y podrán seleccionar una fecha, y puedes preguntar si solo son fechas futuras, sí o no, así que si seleccionas no, eso significa que podrán seleccionar una fecha

00:06:28

en el pasado, o si estás pidiendo reservas futuras o algo así, puedes seleccionar sí, y no podrán seleccionar una fecha pasada, solo una fecha futura, debes dar esto

00:06:41

etiqueta, y de esa manera hay un pequeño calendario en el que podrán seleccionar una fecha que quieran para una reserva o algo así, así como también una calificación, por lo que pueden hacer calificaciones con estrellas, el estándar

00:07:01

es de cinco estrellas, pero puedes generar hasta 10 estrellas si lo deseas y preguntarles cuántas estrellas le dan esa calificación, además del género, les preguntará su género con

00:07:09

un pequeño cuadro desplegable, e incluso puedes poner país, donde pide el pequeño país, preguntaría de qué país son, e incluso puede mostrar las banderas justo al lado de ellos, así que una vez

00:07:20

Tienes todos los campos que quieres crear, puedes organizarlos fácilmente, puedes determinar las columnas en el escritorio, por lo que normalmente ocuparán una sola columna en el móvil, porque

00:07:32

Eso es más fácil de ver en el móvil, porque es mucho más pequeño en la pantalla, pero en el escritorio, si quieres, puedes ver que son dos columnas, puedes ver que en realidad ocupan dos columnas separadas allí,

00:07:42

pero puedes cambiar eso si quieres, así que puedes hacer tres, y guardar y actualizar eso, puedes actualizar la página, puedes ver que ahora son tres columnas, o puedes hacer una,

00:07:53

donde estará todo en la línea, al igual que en el móvil también, por lo que es mejor en el móvil que en el escritorio, y aquí abajo para los datos y opciones del formulario, aquí es donde elegirías

00:08:05

donde se envía esa información, entonces escribirías tu correo electrónico aquí, y ahí es donde iría, iría a ese correo electrónico, y puedes ingresar más de una dirección de correo electrónico si las separas.

00:08:14

con una coma, e incluso puedes publicarlos en un formulario también, así que si tienes una URL o datos de formulario, puedes publicarlos allí, y este es el texto para

00:08:24

el botón de enviar, esto va a cambiar la apariencia del botón de enviar en lugar del formulario de envío, y aquí está la ayuda, barra de texto explicativo, aquí es donde puede ingresar una breve descripción,

00:08:34

Ya sabes, por favor completa la información y nos pondremos en contacto contigo, y luego les haré saber a las personas que completen la información a continuación, y eso aparecerá sobre todo, puedes ver que acaba de aparecer.

00:08:42

Justo ahí debajo del título, y ese es el texto de explicación de ayuda, y para la respuesta automática, si desea habilitar la respuesta automática, esto responderá automáticamente a cualquier persona, si ingresa su correo electrónico.

00:08:56

dirección, por lo que para que esto funcione, deberá tener un campo de dirección de correo electrónico y solicitar su dirección de correo electrónico para poder usar la respuesta automática y para que la respuesta automática

00:09:08

En realidad, para responderles, deben ingresar una dirección de correo electrónico correcta, por lo que una vez que tenga ese campo, la respuesta automática funcionará correctamente y podrá ingresar su dirección de remitente, y esta será la dirección de correo electrónico.

00:09:21

que parece que se envía desde, así como el nombre del remitente, así que si quieres hacer algo como un nombre real, aparecerá desde este nombre en esta dirección de correo electrónico, y ese es el asunto, así que

00:09:32

Asegúrate siempre de poner un buen asunto, y ese es el cuerpo de la respuesta automática aquí mismo, así que este es el texto, dirías, ya sabes, gracias por enviarme un mensaje, como quieras hacerlo.

00:09:42

Y lo que escribas aquí es lo que se les enviará por correo electrónico. También puedes integrarlo con MailChimp. Simplemente inicia sesión en MailChimp, busca tu clave API y pégala allí.

00:09:55

y es muy fácil de usar, y vamos a agregar más integraciones también, y una vez que agreguemos más, vamos a hacer algunos tutoriales sobre eso también, para que puedas ver el

00:10:04

Forma libre, es bastante fácil de usar, las opciones adicionales son como todos los demás widgets, puedes determinar si esto es solo para dispositivos móviles o solo para computadoras de escritorio, y los estilos adicionales te permiten determinar el fondo.

00:10:17

y algunas de las clases personalizadas, así como animaciones también, por lo que es bastante obvio, el formulario libre es muy fácil de usar, simplemente haría clic en agregar un nuevo campo, elegiría qué campo es,

00:10:29

e ingrese el texto, una vez que todos sus campos estén creados, asegúrese de poner su dirección de correo electrónico en el campo Enviar a, y estará listo para comenzar.