 Bueno, pues ahora es el primer turno, le toca abrir a Samuel Abilera, que es un técnico de soporte en Gravity Form, que para los que no conozcáis, pues es un plugin que sirve para algo más que formularios de contacto, todos los tipos de formularios, pero bueno, para eso ya está muy bien, lo vamos a ver. Bueno, pues nada, también os adelanto que yo con el tema de las presentaciones y tal, no me llevo muy bien con esto, y entonces posiblemente me da la pata y se me vaya la pantalla, vamos a ver esto. Bueno, ya un poco lo que os ha dicho Alejandro, yo trabajo con el Propechinius, antes de que hace Gravity Form, yo estoy en el equipo de soporte, y antes de esto, pues bueno, llevo mucho tiempo en el mundo World Press, pues desde el 2005, con lo cual me ha dado tiempo a hacer muchas cosas, ¿no? Vuyins tengo varios publicados en el territorio, he hecho muchos trabajos a medida para gente y tal, pero bueno, lo que voy a hablar hoy es el tema Gravity Form, aunque me gustaría que lo vireis como esa persona que lleva estos años en el mundo World Press, y no como que ahora trabajo allí a pequeños, porque no es una charla, digamos, de empresa, ¿no? No os quiero vender Gravity Forms, lo que os voy a contar es un poco, porque me encuentro que, nuevamente, la gente ha oído mucho hablar de Gravity Forms, y casi lo de los formularios, pero sabe poco más de lo que es Gravity Forms. No sé si es porque ves un bruit de pago y la gente no va a trabajar el paso o lo que sea, pero bueno, o sea, es la realidad que yo me voy encontrando, ¿no? Entonces, hoy voy a explicar, muy por encima, rápidamente, cuatro casos de uso de Gravity Forms, que son, yo creo, de los más usados dentro de muchos clientes, y la verdad es que, bueno, también os digo que yo estoy acostumbrado a echar las más expensas, con más detalle y tal. Entonces, aquí he tenido como una especie de conflicto batalla interna, ¿no?, decir, ¿no?, el que cuento, ¿no?, y cómo lo cuento, porque de 15 minutos me parecía muy, muy corto, ¿no? Entonces, bueno, espero haber aceptado. Los puntos fuertes, así rápidamente, Gravity Forms, son los que veis ahí, una entidad gráfica para crear los formularios y configurar cualquier cosa que vayáis a configurar, es decir, el 98% de las cosas que podéis hacer, las podéis hacer a golpe de clic, no hace falta que programéis nada, ni que os metáis a saber programación o HTML, pero si queréis hacer cosas un poco más especiales, pues sí, que os hará falta. Algunas cosas, en el soporte, justamente, las proporcionamos y otras, pues no bien sabéis, vosotros lo tenéis que comentar aquí, ¿no?, pero con respecto a otras soluciones para formularios que hay, por ejemplo, algunas tienes que hacerlo todo a mano, ¿no?, en este caso es bastante visual. Estas temas, comprimaciones y notificaciones, las comprimaciones son lo que mostramos al usuario después de enviar el formulario, y las notificaciones y los emails que se envían al usuario, al responsable de la web o a un tercero, son limitadas y configurables, es decir, podemos añadir tantas cosas que damos de todas ellas y configurarlas cada una con su propiedad de continuación, contenido, etc. La lógica condicional para campos y procesos que consiste en que podemos, en base a las selecciones que el usuario hace, mostrar, ocultar campos o hacer que cierta acción se realice o no, como por ejemplo, mandar el usuario Facebook para hacer un parrón, cosas así, ¿no? Las fórmulas de cálculos, que son, literalmente, eso, podemos crear fórmulas para calcular resultados, en base a valores que hemos asignado a los signos de los campos, podemos también hacer esto mismo en campos de producto, que los campos de producto los podemos o no utilizar también para cobrar al cliente un servicio o un producto. Podemos rellenar campos dinámicamente, aquí hay una parte que es muy sencilla, simplemente poniendo una etiqueta en el campo, y esta parte, para la gente que ya tiene conocimientos de formación para tener a alguien que lo hace por ellos, era que usaremos todo y tu fuente. Por ejemplo, para decirlo, ya tengo aquí la base de datos de Wordpress, un listado de profesionales, el que quiero que el usuario pueda elegir entre ellos, y son 120, tenemos que escribir a mano y tal, y luego tener que estar actualizando las manos si cambia, nos hacemos una función y lo coja de la base de datos directamente y lo muestra. Luego tenemos el tema de poder añadir Atoms, son plugins para el plugin, complementos que podemos añadir para registrar un usuario o otro tipo de cosas, los filtros y enganches, los pubs y una propia de grabiticos para poder extender todas las funcionalidades si podemos hacerlo o cuando estamos a alguien, esta traducida es español y tenemos el porté en español, el tío de su muerte es español es un cachero de la hostia. Un montón y vamos, responde muy rápido. Bueno, vamos a ver el primer vídeo que, bueno, que ha sido su cuento porque son los rápidos, son los primeros. Es un caso de uso, en este caso vendemos entradas con PayPal y también con pagó tarjetas con escribir. Esto es un formulario muy sencillo, muy muy sencillo, pero bueno, lo podríis complicar y demás, lo que quiero mostrar es lo fácil, ya te digo, son 3x30 el vídeo, lo fácil que es crear un formulario para este cometido sin ningún tipo de conocimiento avanzado de nada y a volte de aquí. Hemos que dar formulario, está añadiendo los campos que voy a utilizar, es un campo de producto que es el que tenemos arriba. A ver si ya tenemos esto. Este es el campo de producto, están poniendo el precio, la etiqueta, lo marcamos como obligatorio. Este es desplegable que lo voy a utilizar para lo que es el selector de la forma de pago para que el cliente puede elegir si quiere pagar con PayPal o quiere pagar con tarjeta. Como veis la configuración es visual, no hace falta hacer ninguna maravilla. Esto es un formulario condicional, le estoy diciendo que el campo de tarjeta solo lo muestré, si la forma de pago se ha elegido como tarjeta. Ya se configura lo que es el PIB que llamamos el proceso de envío de usuario a PayPal. Como veis es extremadamente sencillo, son dos ajustes que hay que tocar y la lo que es condicional que la mostré aquí también. Para que sólo ejecute el envío de usuario a PayPal si ha elegido la forma de pago, pues no tiene ningún sentido que lo mandemos allí si ha elegido tarjeta y lo vamos a hacer en este caso con este trofe. Y la confirmación que os decía antes, que es lo que vamos a mostrar al usuario, en este caso le voy a mostrar un texto, pero lo debería revirigir a una página de mi propio sitio web o lo podría mandar a una página externa. En fin, hay varias combinaciones que podemos hacer aquí. Este formulario por ejemplo, así tal cual, podría haber valido para leer las entradas de este evento de la WorldCam. De hecho el formulario propio de la WorldCam era extremadamente sencillo como este, no? Pues básicamente eso, esto es la notificación, pero aquí me ando a pantalla la tengo aquí. En fin, ya os he dicho que las presentaciones no... Y en este caso la notificación pues que la usamos como un recibo de la compra, no? También podríamos haber añadido un adonde PDF para el guarda de mandarle, bueno, o además de mandarle el recibo con un email simplemente, pues, a juntarle un recibo en PDF. Entonces ahora rellenamos el formulario, dos entradas. Quiero pagar con tarjeta, hemos trajado tarjeta, le ponemos los datos de la tarjeta. En este ejemplo pues los datos de la tarjeta están correctos, no? Si no estuvieran correctos pues habría fallado la validación del formulario y se lo habría indicado al usuario. Aquí pues ya hemos terminado lo que es este pequeño paso de uso, no? Así de simple, 3 minutos 30, que dura el vídeo, nos ha costado crear el formulario, configurar Paypal, configurar pay con tarjeta. Incluso enviar el formulario, no? O sea, bien. O es extremadamente sencillo. Esto pues es una cosa que nos serviría para infinidad de casos de clientes, por ejemplo, que dice, mira, yo es que quiero vender tal cosa en mi página web. Lo primero que piensas es que voy a instalar un cliente comercial electrónico, no? Para que tenga una tienda adecuada. Bueno, por lo que un cliente tiene solamente dos o tres productos o servicios y tampoco le va a atosigar, con no miras que tienes que meter fotos y tienes que meter tarjeta. Vamos a montar toda una tienda para simplemente vender entradas para un evento. O de, no, mira, yo es que exactamente vendo cajas de aranjas, no? O sea, mejor con esto ya le vale. Tenemos clientes que usan para eso. Gente que se dedica al campo y que vende sus productos simplemente con los formularios, no? Al final, si lo pensáis un poco, pues cuando un cliente está en una tienda, el paso final siempre es la tramitación del pedido en el carrito, bueno, en la página de tramitación, y eso es un formulario también. Entonces, si lo hacemos de esta manera, evitamos todo para anterior, lo dirigimos directamente a la página donde va a elegir el producto y va a pagar directamente sin que esté dando vueltas por ahí y se nos pierdan, no? Aquí la presentación lo he querido hacer de manera que, como yo siempre, yo os digo, estoy acostumbrada a hacerlas más extensa, pues he puesto enlaces, para luego, si queréis consultar más información, pues lo tenéis ahí, no? Y aquí en esta ficha, pues prácticamente comento lo que ya hemos hablado de lo que hemos usado. Podríamos haber usado también formularse cálculos, como os decía antes. Por ejemplo, Gravity Perse es un conjunto de add-ons para Gravity Forms, que añade funcionalidades extras, y por ejemplo, una de ellas es indicada para comercio de troncos, que añade cosas bastante interesantes. Vale, el siguiente caso de uso es, cómo generar un documento en Google Docs con Gravity Forms. En este caso, bueno, pues puede ser una cosa muy valida, para abogados o como las chicas que tenemos aquí, o gestores, gente con imobiliarias y demás, que tienen documentos legales que están constantemente realizando, donde justamente cambia los datos del cliente, y, bueno, tienen automatizar un poco esa tarea, no? Pues con este formulario lo podíamos hacer. Es de nuevo un formulario muy sencillo para hacer lo más rápido, con muy poquitos datos. En este caso vamos a utilizar un par de flamentos de apoyo muy claros, que están enlazados en la presentación, si los quiero usar. Y uno de ellos es para validar el NIT, para que el cliente cuando mete el NIT, nos aseguremos de que es un NIT lab válido por la letra correspondiente y demás. Eso que está poniendo aquí la clase CSS es para que este campo lo trate de esa manera. Ahora lo estamos configurando el generador del documento en FACIER, que es un servicio externo, que hay conectado con la VITIFONS de una manera muy sencilla, simplemente diseñando ese el dace a la configuración de la VITIFONS. Solamente con eso ya hemos conectado la VITIFONS y FACIER, y al pasar de la VITIFONS los datos a FACIER, FACIER se encargará de componer el documento de Google Docs, mandarlo a Google para que lo tengamos ahí. Entonces simplemente hemos propiado el dace que nos ha dado a FACIER, lo ponemos ahí. Y hasta el cerzo de la configuración que tenemos que hacer para que la VITIFONS se entienda con este servicio. Y aquí ya estamos terminando la configuración, como veis, es continuar, continuar, es decir, que no tiene más historia de este servicio, tiene hasta mil, mil conectores, mil, o sea, yo, pero todo día un compañero puso un tweet de este tema y me quedé un poco sorprendido, no sabía yo qué tenía tantos, pero en mil conectores podéis imaginar que se puede hacer infinidad de cosas. Lo que quiero decir es que no solamente contamos con los atos propios de la VITIFONS, sino que a través de nuestro atos de FACIER, nos reenvía esos datos a un montón de sitios. Aquí estamos poniendo simplemente los campos que ya saben que la VITIFONS se va a pasar, pero estamos poniendo la plantilla. Es una plantilla de baja una línea de teléfono. De esta manera, cuando enviemos el formulario, esos datos que nos ha proporcionado el visitante de la web llegaran atrás de FACIER a WebelDocs sin ningún problema y tendremos que crear el documento para unir, evitar o lo que sea. También me he usado un pequeño fragmento de código para que el teléfono también sea un teléfono válido español, que no se puede poner cualquiera. Ahí ha fallado la variación del NIF, con lo cual nos está obligando a poner algo que sea un NIF. Podría haber otra prueba para poner algo más parecido a un NIF y que fallara también, pero bueno, por tema de tiempo, ya ha enviado el formulario. Habéis visto que ha sido un segundo y ya tenemos en Google Docs el documento creado con los datos que he proporcionado el formulario y demás. Aquí ya lo tenemos listo. En tres minutos 28 hemos visto cómo se queda el formulario, cómo se configura la conexión con Zappi y incluso como enviamos el formulario y sale ya el documento creado. Esta ficha, igual que el anterior, os pongo los enlaces a los dos pequeños fragmentos de código que he utilizado. También tenéis un enlace a un tutorial sobre creación de generación de documentos con arbitros bastante más completo que lo que yo he hecho aquí. De hecho, se ve a cículos indicados para generar contratos todo tipo y da varias opciones. Un caso de uso real, de un usuario que explica cómo lo ha hecho él y qué opciones ha probado, cuál a él le ha encajado mejor, como la mostran todas, podemos decir la que más nos encaja nosotros y tenéis también unos enlaces a dos de PDF que pueden generar documentos PDF automáticamente con el envío formulario el cual hace un servicio externo en caso de que lo queráis hacer así directamente sin el servicio externo y este caso de uso que vamos a ver es al registro de usuarios en bucomes, en este ejemplo pero podría utilizarse para integración con muchas otras cosas. Aparte de este caso de bucomes que es bastante utilizada integración con una PDF también es una cosa que los usuarios hacen bastante. Y lo que ha hecho el usuario creado simplemente os enseñó que además de la variación del NIF en este caso he puesto otra clase CSS que sirve para posicionar este campo y los dos siguientes los tres hay en una línea o simplemente por meter la clase CSS que a Gaby Typhoon sabe cómo distribuir esos campos dentro del formulario y también hemos utilizado de dirección España, bueno, más que el formato de dirección a España lo que hemos hecho ha sido decirle a Gaby Typhoon que no muestro el campo país porque nuestra tienda es español y no vendemos fuera, solamente tal a España, entonces no queremos los usuarios que elegir país también desde una lista para que si solamente venda a España. Y además en el mismo pequeño formato de código le decimos que ahora ve la dirección y la puedo reconocer. Aquí estamos configurando los campos de registro de usuario simplemente he utilizado los obligatorios, el e-mail también el e-mail para el nombre de usuario el rol para elegir el rol de clientes de bucomers y esta última parte de la meta información es donde estamos afinando campos de formulario a Gaby Typhoon a los meta-case de bucomers donde se almacena los datos y el e-mail que a un bucomers no lo trae de serio lo podríamos tener también disponible como este caso lo puesto. Además activamos la moderación de registro de usuario por ejemplo en general es que tenemos una tienda un VIP que solamente tenemos que usar los registrados y al probado por nosotros sean capaces de comprar en ella o de estar restringida antes de comprar lo haríamos así que solo esta notificación que estamos configurando es un e-mail que se mandará solo cuando hayamos aprobado el usuario no después enviado al formulario sino solo cuando hayamos aprobado al usuario la confirmación igualmente la he puesto en modo texto sin más y el formulario que tenemos aquí pero no lo he llenado como veis no hace falta elegir el país solamente la provincia ya está enviado el formulario el usuario está a la misma vista de usuarios pendientes por aprobar mantenemos la lista de usuarios pendientes simplemente por un clip lo aprobamos y en ese momento automáticamente estamos mandando el e-mail que hemos configurado antes al usuario que ya está activado lo que pueda acceder y aquí comprobamos que los campos que hemos asignado del formulario a los equivalentes de bucomes se hayan rellenado el único que no hemos rellenado ha sido la empresa pero el resto de campos se ha guardado los datos que habíamos seleccionado en el formulario por lo cual ya tenemos listo nuestro formulario de registro de usuarios en Wordpress este este registro sí queremos finalmente también podemos enlazarlo por ejemplo con una cuenta de MailChimp y mira, es que además de cuando se registran todos los motivos por los que quiero que se registre es que lo añado yo en la lista MailChimp para mandarle goletines o lo que sea bueno pues podríamos haber añadido una casilla al formulario para dejar que el usuario decida o no y quería que lo hagamos al boletín y en caso de que lo hubiera marcado se hubiéramos configurado la logística condicional en el Facebook MailChimp pues a la vez que estamos registrando el usuario estaríamos enviando a nuestra lista a MailChimp a ese usuario es decir, aunque aquí en este caso estamos viendo simplemente como integramos un único anotón en el formulario podemos añadir varios también podríamos haber dicho no miras que en mi sitio es tan VIP que además de que tienes que registrar antes tienes que pagar para registrarte pues lo mismo que podríamos haber añadido un fit de de pago al formulario con el de MailChimp con este que hemos hecho y como todo ocurre en fracciones de segundo podríamos hacer lo mismo y aquí pues lo mismo tenemos los enlaces de lo que es el código que he utilizado ahora al final os pasaré el enlace de presentación así que no tenéis ningún problema el resto de cosas menos ese tema de la dirección y el NIF que ya habíamos visto antes pues es simplemente haciéndolo con el ratón además de registrar usuarios podemos actualizar información del usuario podemos tener otro formulario una página de nuestra web para que el usuario pueda ver los datos que tenemos guardados el formulario se rellenaría con la información que hay en el perfil de usuario y podríamos modificarla y enviar el formulario ya se autorizaría en su perfil y además de lo que es formulario también se puede integrar como es aquí este último caso de uso no os voy a enseñar cómo usar el formulario y demás porque no tengo ese acceso aunque lo podría haber tenido como me lo hicieron pero bueno no me pareció no me pareció correcto ese es el agitamiento de Rivas Vacía Madrid que dirigido por Jesús García que es un corojo de la digital pues utiliza este formulario para escribirse o sea este formulario para escribirse a cursos si en ese curso sería un poco el caso que me ha visto antes si entrais en la web del agitamiento de Rivas pues seguramente encontráis por ahí las campañas para poder escribiros en un formulario para un curso simplemente los datos, el pago como hemos visto antes y realiza impuestas que son las capturas de pantalla que tenemos aquí abajo en la primera vemos que valida el DNI y una fecha de nacimiento si no son correctas si la validación la consulta no devuelve datos válidos pues directamente no le deja rellenar nada más esto lo hace en ellos un poco el código y luego el propio formulario cuando llegan los datos son válidos te muestra una especie de marcador donde puedes meter a los que quieres votar son este caso pero que eran personajes públicos para el nombre de una calle los más bajos del formulario son los nombres y cuando daras pues se añadían aquí hasta finales tenemos además el envío de ese formulario a través de una fiquello se ha creado se contrasta con el padrón de este aislamiento por lo cual si falla esa variación tampoco va a poder enviar el formulario y ellos utilizan para hacer esta gráfica también el propio desarrollo del código de los datos que se han enviado y pintar la gráfica esta de barras que veis ellos lo han hecho así de esta manera pero bueno siempre como en casi todo hay mucha forma de hacer las cosas y en este caso pues para gráficos también tenéis aquí un par de adones que os he puesto que os sirve en general este tipo de gráficos aquí también os he puesto una indicación de otros adones que podéis acceder tenemos un montón disponibles hay 38 hechos por nosotros mismos y luego os he puesto un poco los más usados por siguientes nuestros de desarrolladores externos que tenéis los enlaces para verlos tenéis enlaces también al tema del API, los pistos y demás y creo que lo he hecho en tiempo hasta que voy llegado el enlace de la presentación es este que veis aquí arriba más abajo tenéis un enlace a un descuento de 15% por si os he animado a comprar esto y demás y al decir que autico os da más es que no es mi intención o sea me quedo satisfecho con que os haya parecido interesante y además de este tema ya hemos terminado hasta la 1 y media de hoy siguiendo las indicaciones que tenéis ahí vamos a sortear tres licencias élite dan acceso a todos los atons por lo cual dependéis la incidencia con acceso a todos los atons y con soporte a sitios webilimitados durante el año si queréis seguir o no si ya pasa vuestra pero tenéis un año para probar absolutamente todo es la que he seguido para hacerse esa pantalla para tuitear un poco donde eso oye pues si no lo querría esto la hacienda de tal no se que oye lo querría porque en el siguiente se pide su meta no se que si imponéis lo que os haces de poner podéis poner un tweet varios o lo que sea y hasta la 1 a 30 todos los tips que se hagan pues haremos el sorteo entre esos tricks de no ser y ya me he pasado 24 segundos con mis cálculos pero que os haya gustado