 Bien, pues vamos a empezar. Os presento a nuestro oponente del taller de la Santimedia, es Santiago Alonso, y a Santi le encanta conectar piezas, aunque parezcan inconexas. Nunca le dirá que no va a haber el mar, a una buena charla, una cerveza rara o una hamburguesa. Un aplauso para Santi. Espera, Irene. Perdona hace un momentito, es que me amola mucho la taza de Lucas, si me puedes hacer una foto? Sí. Sí, voy con ello. Luego se la enseño, que le he dicho a él. Muchas gracias. Venga, ahora ya así arrancamos. Perdón, eh. Bueno, quiero deciros que oficialmente he perdido una comida con un colega, porque le había dicho que aquí iba a haber menos de cincuenta personas y definitivamente la he perdido. Pero bueno, gracias por venir igualmente y dando un segundito. Vale, ¿por qué decía que pensaba que iba a haber menos de cincuenta personas? Porque el título del taller creo que generaba un poco de dudas esa parte de automatizar y de que narices íbamos a hablar. Me lo han preguntado un par de veces, he dicho veinte. Claro, ahí he perdido. Me estaba tirando piedras contra mi propio tejado diciendo veinte y te enteras. Esto no me pasa, ¿por qué no me pasa? ¿De qué vamos a hablar hoy? Como bien decía Irene, a mí me gusta mucho conectar piezas, así que va a ser el tema de que hablemos hoy. Me apetece conocernos, porque es un taller y esto tiene que ser participativo. Y vamos a jugar, jugar mucho, que es también la forma de practicar y la forma de aprender. Esto es un taller, entonces quiero que participemos, que me pareis, que me lleveis la contraria, que comentemos cosas, que vayamos jugando entre todos. Y quiero conocerles un poquito mejor también. El taller es largo, sé que hay otras charlas muy guais, así que no me importa, alguno ya me lo ha dicho, no me importa que os levantéis en un momento porque queréis ir a ver otro taller, no me voy a sentir ofendido ni nada por el estilo. Así que sin problema que lo podéis hacer. Empiezo presentándome yo, así rompemos el hielo. Soy Santiago Alonso, suele localizarse mi cara y mi fondo amarillo en redes como Salonso Web y me dedico a transformar tareas en procesos automatizados para liberarnos de tareas que no deberíamos estar haciendo. Definitivamente viendo la gente que entra hemos perdido la apuesta total. Y que así podamos dedicarnos a lo que realmente importa. Dentro de los proyectos en los que trabajo, ahora mismo me podéis localizar en Salonso Web, que es mi marca personal, Automatistas, que es una newsletter donde hablo de temas de automatizaciones, de todo lo que vamos a hablar por aquí. Y un proyecto en el que llevo toda la parte digital, que se llama Rookfy, que no tiene nada que ver, es un marketplace de bicicletas, pero ahí llevo toda la parte digital, automatizaciones, etcétera. Y ahora que ya me conocéis a mí un poquito más, quiero conoceros un poquito a vosotros. En el título yo hablaba de automatizar, de diseño y de bucomers. Entonces quiero saber, ¿quién de aquí gestiona, tiene una tienda online? ¿Quién desarrolla tiendas online, implementa tiendas online? ¿Y quién viene de la parte de diseño? ¿Quién le ha llamado la parte de diseño? Muy bien, estamos casi un 33% de cada cosa. Vale, vale, vale, perfecto. Empezamos con ¿qué es eso de la automatización? Por sí, alguien no está familiarizado o no conoce qué podemos hablar de automatización de procesos. Para mí yo defino la automatización como una manera de delegar tareas, igual que cuando tenemos un equipo, estamos gestionando un equipo o tenemos colaboradores, delegamos tareas en otras personas, la automatización es delegar esas tareas en máquinas. Y yo siempre lo enfoco hacia que una máquina tiene que hacer por nosotros no todo el trabajo, lo decía muy bien Roberto esta mañana, con las inteligencias artificiales, con la automatización pasa lo mismo, le vamos a delegar a él a la máquina lo que va a hacer mejor que nosotros, que son esas tareas mecánicas, esas tareas repetitivas que nosotros no tenemos que hacer para que nosotros nos podamos dedicar a lo importante, que es pensar, que es hacer ese pensamiento estratégico y esas decisiones que una máquina no va a hacer por nosotros. Estoy poniendo todo este contexto aunque sea un taller, luego yo me siento y nos ponemos a jugar, vale. Las piezas con las que vamos a jugar hoy son estas tres. Tenemos WordPress, obviamente, tenemos bucomers como os he comentado y vamos a trabajar con Make, Make es una herramienta de automatización de procesos que se encarga de, ellos durante un tiempo se definieron como el pegamento que una internet y para mí es una muy buena definición porque lo que hacen es unir herramientas, típicas tareas que vamos a ir viendo hoy, de cuando tienes que pasar información de una herramienta a otra, Make es la que nos ayuda a hacer eso de una manera automática. ¿Alguien conoce Make? ¿Ha trabajado con Make o está trabajando con Make? Vale, ha habido más manos en el de conoce, cuando he dicho ha trabajado, lo han recogido así como rápido, vale. Si tenéis dudas o lo que sea de temas de Make después, me buscáis y hablamos tranquilamente. Y dentro de la automatización, a mí hay una frase que me persigue bastante que es esta de automatizar para humanizar. Estoy intentando, llevo tiempo intentando ver dónde salió, cómo surgió porque creo que surgió en una entrevista o algo así, no es mía, la recogí de algún sitio, pero la he hecho como muy mía. ¿Por qué? Por lo que os decía antes, para mí automatizar no es sinónimo de deshumanizar nuestra marca, que es como se suele tener en la cabeza como yo lo tenía al principio, a lo mejor es porque así lo empecé a entender yo el tema de la automatización, de bueno, es que eso es que haga tu trabajo una máquina por ti, no, lo que hacemos es, como os decía, quitarnos las tareas para nosotros poder conectar. Y un ejemplo de eso es que mientras aquí hemos estado conectando, yo estaba hablando con vosotros, os he estado preguntando qué perfil tenías y si demás, si todo ha ido bien, y ahora lo comprobaremos cuando me sienten el ordenador, ha ocurrido esto. Lo del principio era un poco teatrillo, lo que he hecho con Irene, de pedirle que me hiciera la foto, porque lo que estaba pasando era esto. Irene me ha hecho una foto, esa foto se ha convertido del formato extraño que tiene el iPhone, los iPhones nuevos, que es un marciano, leí y cei, que no lo puedes usar para nada, se ha convertido en un JPG manejable por todos. Se ha pasado por una herramienta que se llama remove.vg, que se encarga de eliminar el fondo de la imagen, lo ha subido a Drive y además ha mandado un email. Este sería un proceso muy habitual a los que habéis levantado la mano que tenéis Unicommerce cuando vais a publicar un nuevo producto y se lo queréis mandar al diseñador. Haríais todo esto. De todo esto, lo único que tiene valor real es hacer la foto, tener ese ojo de poder hacer la foto, pero todo esto es necesario, es imprescindible para que el diseñador reciba un email de, hola, he estado haciendo algunas fotos del nuevo producto, te los dejo subidos en la carpeta de Drive que tenemos compartidas, pero no es algo que tengamos que hacer nosotros. De esto va la automatización de procesos y con esto creo que aclaro un poco más de qué vamos a hablar en el taller. Estaría genial que ahora no haya funcionado, pero puede pasar porque me la he jugado mucho haciéndolo en directo. Adherencias antes de sentarme a jugar con vosotros. Algunas de las herramientas que yo voy a comentar aquí son de pago. Todas tienen versiones gratuitas o alternativas gratuitas que podemos utilizar. Aún así, de lo que yo cuente olvidaros de las herramientas. Soy anti-erramientitis. Lo que yo os voy a contar hoy lo podría replicar con cuatro herramientas más. Lo importante es que nos quedemos con las ideas y los procesos de los que vamos a hablar. Lo que os he enseñado antes, el ser capaces de ver que de hacer una foto y mandárselo al diseñador para que se ponga a trabajar en la tienda online, qué partes hay que no tenemos que hacer nosotros. Eso es lo importante de lo que vamos a ver hoy. Yo os voy a enseñar algunos ejemplos tontos que se me han ido ocurriendo sobre temas de diseño que tienen que ver con diseño y bucomers, pero aquí es el abanico que os pueda surgir a vosotros y lo que me vayáis contando también si alguno se atreve a que hagamos algún proceso. Yo estoy muy loco y si me vais a contar algo voy a intentar hasta montarlo en directo si veo que es factible, ¿vale? Dicho esto, ¿todo claro hasta aquí? Vale, pues nos ponemos a jugar, ¿vale? Me voy a sentar al ordenador y nos ponemos a jugar. Vamos a ver cómo hacemos esto. No sé, un dito. Vale. Lo primero que tengo por aquí, a ver cómo me pongo yo aquí para que podamos... ¿Se me sigue bien ahí, Vene? Si me muevo esto mucho más falla se me sigue viendo. Perfecto. Así puedo ver yo lo que tenemos ahí también y lo tengo duplicado. Lo primero que he hecho ha sido abrirme mi carpeta de drive. ¡Ay, mierda! No es. ¿Qué ha pasado? ¡Qué mal! No funciona. ¿Por qué? Pero realmente sería, o sea nada más sacar la foto ya se pone en marcha todo. Sí, salvo que no haya habido cobertura y no se la haya podido mandar a la herramienta, pero qué mal. ¡Qué feo! Yo que os lo quería enseñar en directo. Voy a intentar, vamos a intentar hacer otra prueba desde aquí, a ver si ahora lo conseguimos. Ahora sí. Ahora sí está funcionando, leches. Esto sí que no estaba preparado, ¿eh? De verdad que quería que funcionara la primera. ¡Ay, ahora me ha hecho la foto de antes! Muy bien. Me han enviado ahora la foto de antes, pero esto era lo que teníamos que hacer. Dicho esto, lo que voy a hacer ahora sí ya es compartir mi escritorio a lo loco y vais viendo este de aquí. Os cuento un poquito qué es Make. Os había dicho que es una herramienta. Este pantallazo, bueno, ahora ya no es pantallazo, es la herramienta real. Así es cómo funciona Make para los que no lo conocíais. Es una herramienta no-coat, es una herramienta visual que todo lo que os he dicho de conectar, no sé qué herramienta suena complejo, suena, tengo que trabajar con APIs, tengo que trabajar con código, tengo que trabajar con cosas muy raras que no manejo. Vale, pues aquí no, aquí lo hacemos todo de manera visual. Tiene complicaciones, no es algo como lo hago, me doy la vuelta y está funcionando, pero nos lo facilita bastante. Esto que estamos viendo es un escenario, se llama escenario al proceso, a cada una de esas tareas o procesos automatizados dentro de esta herramienta. Los que no conocíais Make, a lo mejor os suena Zapier, puede ser que os suene más. Vale, hacen mejor marketing, hay que reconocerlo y llevan más tiempo. Es la alternativa, es la competencia de Zapier. Aquí suele haber bandos, el que le gusta Zapier, no le gusta Make, el que le gusta Make no le gusta Zapier. Normalmente yo lo se lo tenía identificado con qué herramienta empiezas a automatizar, si empiezas a automatizar con Zapier, el flujo de Make te vuela la cabeza y al revés. A mí me da igual y me voy saltando de una a otra porque ya os he dicho que me va la marcha y el probar estas cosas. Y cómo funciona Make, aquí he cogido un escenario sencillito que ya os he dicho lo que hace y es como muy lineal. Una de las ventajas que tiene Make para mí es que cuando vamos a hacer procesos un poco más complejos es muy visual a la hora de tomar caminos. Se me ocurre que aquí podríamos decir oye, por ejemplo, hemos dicho el camino de coger la foto del iPhone, conviertela en JPEG, quitale el fondo y aquí tomamos dos decisiones. Por arriba podemos decirle suvele al drive y manda el email al diseñador y por abajo a lo mejor podríamos tener una ruta de suvelar a un Dropbox mío porque quiero tener un backup de las fotos o incluso una tercera vía y aquí podríamos jugar con filtros. Voy un poco rápido porque si me pongo a explicar cómo funciona Make, me tiró toda la huerca me explicando. Podríamos marcar filtros, es otra de las cosas buenas que tiene Make, de, oye, según ciertas condiciones pasa por ciertos caminos y podría decir, oye, si todo falla o si algo falla de lo anterior, mándame un email. Uno de los miedos más grandes cuando estamos empezando a automatizar procesos es estoy perdiendo el control. No tengo control sobre la tarea y eso me agobia. Aquí para mí hay dos puntos. Uno es, si tienes lo suficientemente claro el proceso que has hecho es más difícil que tengas la sensación de que pierdes el control porque lo has hecho tú y lo manejas a la perfección. Suele surgir esa pérdida de control cuando copiamos una plantilla de un sitio, replicamos el proceso que ha hecho otro que no es el nuestro y cambiaba un poco. Ahí si tienes esa sensación de uf, no sé si esto hace lo que tiene que hacer. Bueno, no pasa nada. Hay veces que podemos buscar una alternativa y marcar rutas de escape. A mí me encanta el tener una vía de escape de decir, vale, si ha fallado mándame un email. Otro caso muy típico es que no siempre la tarea la hacemos exactamente igual y por eso no la automatizamos. Claro, es que tiene detalles, es que es especial, porque dices, vale, espérate, yo aquí hago un ejercicio de psicología casi con mis clientes de decir, vamos a sentarnos, cuéntame qué haces, cuéntame qué haces con tus procesos y empiezas a tirar del hilo y dices, vale, podemos sacar en claro que de diez veces que haces X, una la haces especial porque una la hagas especial no vamos a automatizar las otras nueve. Vamos a automatizar las nueve y ya no solo es que puedas hacer esa especial y poder dedicar muchísimo más tiempo a la especial y a lo mejor lo haces pues te sale un mejor trabajo porque puedes estar haciendo esa mano. Todo ese tipo de cosas lo podemos hacer con este tipo de rutas de escape, vale, ese me ocurre, luego vamos a ver algún ejemplo arrancando desde bucomers pues que cuando te llega un pedido haces ciertas cosas pero en una categoría de tu tienda porque a lo mejor tienes regalos personalizados cuando alguien compra algo de regalos personalizados no hace el flujo normal de irse a la mensajería imprimir etiquetas, bla, bla, bla sino que tiene que pasar a un email tuyo para validar los datos antes de mandarlos al bordado o lo que sea bueno pues hagamos una ruta aquí que detecte nuevos pedidos y cuando alguien ha comprado de ese producto pues nos haga eso, nos envíe un email y aquí PAS y después gloria y nos dejamos de la automatización Sí ¿Con gratuito? Sí, Make tiene una versión gratuita y tiene luego planes de pago La versión gratuita, la moneda por así decirlo con lo que funciona Make son las operaciones, es lo que llama él ahora que ya la he ejecutado esta automatización ha consumido 1, 2, 3, 4 y 5 operaciones ¿No son el número de pelotitas lo que estoy contando? estoy contando lo que sale en el bocadillito porque puede variar si nos metemos en flujos más complejos La versión gratuita de Make te da hasta mil operaciones al mes ¿vale? ¿De cualquier tipo? De cualquier tipo, cada ejecución va a ser una operación y los planes de pago si tú lo computas con el precio ahora que te costaría hacerlo tu a mano, es absolutamente irrisorio entonces al final compensa creo en la mayoría de los casos vale, dame un segundo que no me quiero dejar nada antes de saltar a la siguiente cosa como os decía a flujos de información nos vamos moviendo de un paso hacia adelante y una de las cosas que tiene Make y que a mí me gusta mucho es que en cada paso cuento con toda la información del paso anterior y no solo cuento con esa información sino que además puedo modificar esa información os pongo un ejemplo cuando yo voy a subir el fichero a Drive me pide ciertos campos obviamente me piden que carpeta lo quiero meter cuál es el fichero que voy a subir y yo aquí lo que he hecho es decir me pide dos campos el fichero y datos el fichero físicamente del nombre del fichero me vas a coger la información la información que viene de la foto original de Apple porque en este caso me apetece hacerlo así y le pones una extensión punto peneje estoy modificando la información de lo que venía de ese módulo porque sé que remove punto background me devuelve un peneje porque es transparente para el campo data lo quiero coger de otro sitio quiero cogerlo del módulo de remove.vg que me ha devuelto esa información y si yo quisiera aquí por ejemplo voy a copiar esto veis que cuando yo llego a un campo me dice toda esta la información que tienes de tus módulos anteriores tienes toda esta información la puedes modificar, la puedes utilizar para lo que necesitas por ejemplo no es válido en este caso pero podría decir, yo quiero que en este campo me pongas el nombre del fichero y el tamaño del fichero porque lo necesito para lo que sea o incluso al revés, se me ocurre primero el tamaño del fichero y luego el nombre del fichero porque así el diseñador los puede ordenar por tamaño descendente le puede venir bien a él a la hora de facilitarle también su trabajo y una de las cosas que a mi me gusta muchísimo de make es que tenemos funciones para modificar esa información aquí sí que voy a pasar super rápido tenemos funciones matemáticas imaginaos que algo nos devuelve un número y podemos multiplicarlos dividirlos, hacer cualquier operación matemática sacar el módulo formatearlos cosa hiper habitual no es de diseño, me salgo un poquito pero trabajamos con dos herramientas una herramienta exporta los números con decimales con coma nos lo tenemos que llevar a otra herramienta que entiende los decimales con punto si no lo hacemos así de repente salta por los aires y puede ser delicado que un importe pase de 30,00 a 30,000 dólares por lo que sea te puede generar algún conflicto este tipo de cosas no tienes que como harías descargar un fichero, reemplazar masivamente y subirlo al otro sitio cogemos el número la función format number y le cambiamos, oye donde hay un punto me lo cambias por una coma como esto tenemos funciones de texto funciones de fecha y luego ya estas son funciones mas complejas que son de arrays, el que viene de la parte de técnica le va a sonar y estas son variables de make las funciones de fecha también son la leche a mi me encantan por ejemplo hay una función que es una chorrada pero es now es el momento en el que esto se ha ejecutado tiene muy bien para lo que os decía de tener el control de lo que hemos hecho en este caso no pero imaginaos luego os voy a contar un caso en el que trabajamos con bucomers y vamos a procesar productos a lo mejor nos interesa que cuando haya pasado por el proceso automatizado guardemos en un custom fill de bucomers en que fecha he modificado ese registro así si pasa algo, si hay algún problema yo me puedo ir al producto en custom fill y digo esto pasó por este escenario de make tal día, tal hora, tal minuto, tal segundo y me puedo ir a make y decir que pasó con esto porque no ha generado el pedido como yo creía o porque ha pasado algo las funciones de la función de fecha nos viene muy bien para eso vale todo bien hasta aquí nos vamos a los dos siguientes puntos que ya se enganchan muy bien con la workham que es como conectamos make con workpress y como conectamos make con bucomers es rápido y lo vamos a ver facilito me abro un escenario nuevo, ¿vale? esto sería como un lienzo en blanco no tal pie si vamos a trabajar con make por primera vez no nos hemos enfrentado nunca a la herramienta jamás hagáis esto no se abre make con un lienzo en blanco porque lo que te abruma es se te viene el mundo encima y de repente make es dificilísimo llegamos a make cuando ya sabemos que proceso es el que queremos automatizar o tenemos una idea más o menos para ver qué acciones podemos hacer pero no venimos completamente de nuevas porque si yo ahora mismo le doy aquí al más de venga voy a esta herramienta nueva que me ha contado Santiago en la workham a tomar por saco y uf espera clokify me suena, la usamos clokify me suena, venga ahí dices perdón que no he seguido con el momento de abrumarnos voy a volver a coger clokify que la teníamos clara que ahora cuando me meto en clokify también tengo 80 cosas que hacer de aquí no salimos de repente lo cierras y dices yo ya sigo haciendo la mano que total si me llevaba 5 minutos tampoco pasa nada venimos aquí ya sabiendo que vamos a hacer ¿qué vamos a hacer ahora? conectar WordPress, ¿no? y no lo encuentro ah porque estoy en clokify perdón en todo el listado de herramientas que tenemos buscamos WordPress y como lo que vamos a hacer es conectar, hacer una conexión me da un poco igual que acción vamos a elegir porque quiero que veáis el proceso de conexión entonces me voy a quedar con un create a post por ejemplo lo primero que nos dice makers estos lo vais a encontrar en absolutamente todos los módulos que usáis un selector de conexiones en este caso a que WordPress quieres conectar este me está conectando con uno que yo tengo pero yo le voy a decir añadir nuevo si estáis aquí en blanco, esto estará en blanco le damos a añadir uno nuevo y me dice vale, ponle un nombre recomendación también nos lleva un segundo, ponle el nombre ahora porque esto te va a poner un my WordPress connection como conectes con 10 WordPress y a ver quién es el listo que encuentra cuál es el en el que queremos trabajar hoy y yo voy a poner workcamp madrid 23 segundo campo que me dice WordPress TAPI base URL lo normal es que sea lo que os pone aquí por ejemplo mywarpers.side.com barra wp.medio.json barra en el 99% de los WordPress que he trabajado y he conectado con make ha sido esto si no es esto es porque ha visto algo que lo sabéis tocar y sabréis cuáles yo me he hecho un WordPress de ejemplo para el día de hoy que es este de aquí y me voy a meter y me voy a conectar por aquí, he perdido la pestaña vamos a poner wp.json y lo siguiente que nos pides es una piquí, esto nos lo va a pedir en muchas herramientas con las que vayamos a conectar ahora os enseño una cosa cuando cierre esta ventana que no la quiero cerrar de dónde podéis encontrar ese dato en este caso me dice oye puedes encontrar, está muy bien documentado que es otra de las cosas por las que me gusta bastante como que el sitio web no es seguro que ha pasado bueno nos dice dónde podemos encontrar ese dato os lo resumo yo tenemos que instalar un plugin nos vamos al repositorio de WordPress buscamos un plugin que se llama make a ver si con make.com sale mejor una de las cosas malas que tiene make es su nombre porque es demasiado ambiguo cuando quieres hacer cualquier búsqueda entonces prefiero poner make.com lo tenemos por aquí, make connector se llama, le damos a instalar ahora y lo activamos y aquí a la derecha en el menú de WordPress nos sale make y nos dice nuestra piquí la copiamos nos vamos a make la pegamos y guardamos make está online siempre es esa herramienta online creo que existen alternativas que sí puedes tener en local luego si quieres coger por algún lado y te cuento juraría que hay otra herramienta que se llama n8n que sí tiene versión que puedes instalar en tu servidor o en local ya hemos hecho la conexión ya podríamos trabajar cualquier cosa en make dentro de nuestro WordPress voy a borrar esto y voy a coger por ejemplo search post voy a decir un poco lo mismo conectame a este y le voy a decir que me de páginas ejecuto y aquí me está dando todos los datos de mis páginas de WordPress y con esto ya podríamos seguir aumentando nuestro diagrama de verdad que voy a hablar de diseño que voy a ver alguna cara de diseñadores lo prometo que no quería arrastraros aquí porque sí vamos a bucomers, yo voy tachando las herramientas que hemos dicho, nos vamos a conectar bucomers, es ligeramente más difícil pero nada que no podáis hacer mismo proceso lienzo en blanco buscamos bucomers y what product por ejemplo añadimos una nueva cuenta o sorpresa, exactamente lo mismo nos pide en este caso consumer key, consumer secret y también nos dice donde conseguirlo nos vamos a bucomers ajustes avanzado api rest aunque ya charla ha sido muy buena y le damos añadir clave nombre elegimos nuestro usuario y elegimos permisos de lectura, escritura aunque solamente queramos leer o escribir desde make os recomiendo que pongáis el permiso de lectura porque me he encontrado problemas a veces no cuesta nada muy importante el usuario que lijamos como este usuario se elimine se va a tomar por saco la conexión me ha pasado también elegido mi usuario, alguien ha decidido este quien es, le borro y ha tomado por saco toda la automatización que habíamos montado podría llamarse no borrar efectivamente le damos a guardar y nos genera nuestra clave de cliente nuestra clave secreta voy rapidito clave de cliente clave secreta han sido muy majos y en una actualización han cambiado estos datos porque al principio estaban al revés y era un poco fastidio comerme lo da en un lado no me lo cambies y aquí solo nos pide la url no necesitamos nada más guardamos borramos y ya está, lo mismo, vamos a coger una categoría para ver que todo funciona le decimos que me des todos los productos y de nuevo comprobamos que todo está ok, no ha petado me está dando productos, bueno me está dando uno porque creo que lo he limitado a que me diera solo un resultado o porque solamente hay un producto en esta categoría vamos bien? pues entonces yo creo que ya toca hablar de diseñar vale, os he contado el ejemplo de las fotos os he contado como conectar Word pero es como conectar Make vamos a poner un caso práctico a mi se me ocurre os pongo una situación y los que tengáis e-commerce a lo mejor me podéis decir como lo haríais vosotros tenemos un e-commerce se acerca Black Friday vamos ya justitos, de hecho para hacer las campañas ya nos están apretando la gente de marketing tenemos que queremos tener dos productos de nuestra tienda que los vamos a poner en Black Friday con un descuento potente y vamos a hacer creatividades para redes sociales fácil dime los productos, lo cojo me bajo la foto, hacemos el diseñito chulo y palante hasta aquí no hay problema el cliente nos da lo que hay y de repente me ha abandonado mucho lo que has hecho ahora lo quiero para 4.000 productos tenemos un catalago muy grande quiero 4.000 productos con el diseño de Black Friday porque me ha encantado que hacemos aquí es donde entra lo que habíamos visto de todo el proceso la parte imprescindible es el trabajo que ha hecho el diseñador pero si lo hace una vez la segunda lo hace igual y lo hace en gastando recursos del diseñador que es muy hábil y muy valioso para otras cosas repetir el mismo proceso que ha vuelto a hacer vamos a ver si podemos automatizar algo os cuento como lo haría yo para ir agilizando os lo enseño ya montado también y vais a ver que es bastante parecido voy a enseñaros el ejemplo de lo que me mando el diseñador a mí esto es lo que me dijo el diseñador porque no soy diseñador es una plantilla de canva también te digo que tampoco no me ha gastado mucho más pero este podría ser un caso bastante real tenemos una plantilla y lo único que hay que hacer cuando ya nos ha dicho el cliente ahora lo quiero en 10.000 es cambiar donde está el café y poner la foto de los 10.000 productos porque no necesitamos nada más pero es que hay un producto uno de 10.000 pero no vayamos a hacerlo de los otros 9.999 entonces que utilizo yo en este caso cuando quiero hacer estos procesos hay una API que me flipa que en realidad es la misma herramienta que os he enseñado antes para convertir de AIC a PNG que también nos permite convertir un HTML en una imagen yo he de diseñar poco pero el HTML es un poco más entonces si tú a mí me enseñas esto esto en HTML es una imagen de fondo en una capa con un tamaño concreto con otra imagen que está encima bastante fácil es un HTML bastante sencillo lo hacemos que he hecho como disparador disparador es la primera acción que hay le he dicho al cliente me voy a poner en el lado de automatizador o diseñador o lo que quieras metemelo todos con una etiqueta que se llama Black Friday en bucomers tú te manejas con bucomers marcámelos con BF Black Friday o lo que quieras y cuando los tengas me avisas ese es nuestro disparador un watch product una herramienta que está mirando productos que cumplan ciertas condiciones en nuestro caso que estén dentro de la etiqueta Black Friday estén publicados en esto porque no nos filamos mucho del cliente y a lo mejor nos marca alguno que no está perdón los que tienen y comerse no es contra vosotros y que hemos hecho para un poquito más de seguridad he metido un filtro que es que la imagen exista porque si no difícilmente voy a ponerle la imagen de Black Friday de hecho este era un ejemplo básico en este caso hasta haría una ruta de escape de la que habíamos dicho y le mandaría un cliente un mail diciéndole ojo me han marcado este producto como Black Friday y no tiene foto, ya de paso revísalo y añade la foto o mándamela o pídesele al proveedor o lo que sea he utilizado para simplificar y enseñaros lo he utilizado en un módulo que se llama Set Variable que lo que nos permite, el que sepa de programación sabe lo que es una variable en Make también tenemos variables es meter en un contenedor cierta información porque la vamos a reutilizar en distintos sitios a lo largo de nuestro proceso y aquí me ha quedado un HTML, lo he metido en bruto pero es un HTML que tiene se llama banner porque podría llamarlo de alguna manera le he generado un tamaño de 800 por 800 porque es el tamaño que vamos a usar en instagram por ejemplo y por aquí vemos background image de la capa principal es una url fija que he cogido a mi WordPress que es el fondo de todas las imágenes de Black Friday pero luego he puesto una capa de 400 por 300 que es el tamaño que me ha dicho el diseñador que tiene mi capital en medio y como background image he cogido la imagen que viene del modulito de bucomers luego para asegurarnos porque sabemos que el cliente tiene proporciones raras en sus productos hemos utilizado un background contain que se ajuste al tamaño y lo hemos colocado centrado, no es el mejor HTML del mundo, no es el mejor CSS del mundo, no pasará validadores pero es que no estamos validando nada porque yo lo que quiero sacar es un JPG entonces me vale que funcione es más, yo no lo he hecho se lo he pedido a chat gpt yo lo enseño he llegado a chat gpt, le he dicho actúa como un especialista en HTML y CSS necesito un código sencillo en HTML para diseñar un banner las medidas son estas, la imagen de fondo es esta tengo una capa de 400x300 que está posicionada a 300 de arriba y a 200 de la parte izquierda además esa capa tiene como fondo esta imagen y debe adaptarse para que se vea completa dentro de la capa y sin deformarse dame el código HTML y CSS necesario y me ha dado lo que os habéis enseñado miento, no me dio eso, tuve que ajustarle un par de cosas porque me lo dio más bonito me lo dio separado por un CSS mete esto en un fichero por otro y dije no, dame lo feo, que lo quiero tú junto y ya me lo dio como os lo he enseñado esto engancha también con la charla de Roberto lo queremos para redes si, si, hacerla en el proceso de hecho a mi me resulta un poco más fácil porque yo me conozco al cliente y cuando lo vea y me vea que es muy bonito y me va a decir, podemos poner el precio de antes y el precio de ahora lo tachamos y ponemos el precio porque he puesto oferta pero no te he puesto cuando cuesta, es bastante idiota lo he simplificado pero nos va a pedir meter jugar mucho más aquí supongo una carita diciendo, se me ocurre ahora que podría meterle cualquier cosa que tengamos dentro del producto lo vamos a poder meter aquí por eso lo del HTML muy rápido que me estoy liando volvemos a pasar por esta herramienta antes de que alguno me lo pregunte se llama Convertapi y nos permite convertir entre una salvajada de formatos, es maravillosa me encanta, de HTML a PDF de HTML, imagen de HAC a JPG tiene versión gratuita también antes de que me lo preguntéis y la versión gratuita creo que te deja 250 conversiones que para todos los ejemplos que yo voy a contar está bastante bien y ya está le decimos oye, toma el código de la imagen, toma el nombre del fichero HTML porque lo necesita por aquí abajo le he dicho admin imagen de 800 por 800 que es lo que yo necesitaba y ya está y con eso de nuevo he descargado el fichero esto me ha dado un fichero físico porque esta herramienta lo que te das una URL y con eso he hecho dos cosas uno, lo he subido al drive donde están todas las imágenes y dos, por ritar el rizo lo que he hecho es hacerlo de vuelta y actualizar el producto y ponerle la imagen de Black Friday porque queríamos tener esa imagen también puesta ya que la teníamos pues molaba ponerla y tener toda la categoría con las imágenes de Black Friday ahora yo le doy a ejecutar me voy a tomar un café o me voy a pensar en la estrategia de cómo vamos a vender más en Black Friday y esto se pone a trabajar las 10.000 imágenes y los 10.000 productos por nosotros y si hay algún error ya me llegará un e-mail pero no tenemos que estar trabajando en esto guay, os mola preguntas lo he dicho muy rápido y se llama Convert Happy tiene el logito, este naranjito correcto si, mira no he querido entrar ahí por no porque bucomers tiene una barbaridad de cosas en este caso bucomers la parte de imágenes es una RAI es una lista ordenada de imágenes entonces, yo lo que he hecho en este caso ha sido sustituir una por otra pero podría decirle otro ítem, es decir ponme la foto más y lo que hago en este caso es rescatar la foto del primer módulo cojo la foto que ya era destacada antes y la meto como segunda foto y la que yo he creado nueva la pongo arriba te lo he simplificado, igual habría que probarlo porque creo que el módulo de bucomers en concreto la vuelve a subir igual de repente tenemos 10.000 imágenes nuevas en bucomers pero habría otras maneras de hacerlo alguna pregunta os cuento algún casito más os voy a enseñar otro que era esto no tenía por ahí, guardado sigo metiéndola ahí porque había muchas cosas de IA y a mí se me ocurrió hacer otra cosa que es tenemos un iComers en Málaga y llega un aniversario de Picasso y decimos queremos tener algo de nuestros productos relacionados con Picasso hablamos con el diseñador o vamos muy rápido o no nos da tiempo, lo que sea bueno, porque no podemos hacer ejemplo bastante chorra que se me ocurrió el otro día no sé pensando en qué vamos a meter la IA en procesos automatizados en bucomers, en diseño, a ver qué nos sale y a mí se me ocurrió esto muy similar el proceso al final si lo vemos así es muy similar porque es que yo solamente saben hacer tareas mecánicas donde está el valor es en nosotros pensarlos y en sacar las cosas pero aquí lo que se me ocurrió es decirle a OpenAI cogen esta imagen de producto y reimagina este producto como si lo hubiera hecho Picasso ya está le he pasado eso es una tontería pero de repente tenemos un detallito y podemos tener una categoría de productos Picasso donde podemos verlo no, nada de un segundo y a lo mejor teníamos una categoría Picasso y Picasso porque nuestro diseño creo que se me ocurrió porque la plantilla me pareció muy picasiana la que había utilizado Palas y tenemos los productos y se dice pues sí, picaso pero tampoco tampoco está en picaso no sé si lo hace a ver qué hace no siempre depende de dónde lo vayas a guardar porque hay herramientas que lo que te piden es el fichero y hay herramientas que te piden la url si te piden la url te vale chutarle la que te haya dado el otro si te pide el fichero necesitas por ejemplo aquí lo vemos hace una petición y te lo devuelve yo le he pasado esta url gigante y él me ha devuelto el data, el fichero que no entendemos pero es el fichero en sí un segundo que le he puesto límite de uno y quería hacerlo con todos otra vez estoy muy loco y lo hago mientras esto ejecuta yo sigo hablando con vosotros si alguien tiene más eso, ahora lo podemos ver y vemos el hace una vez el sigue haciéndolo solo y yo ahora ejecuto aquí y vamos a ver qué sale pues el decimo de naranja a mí me encanta la imagen que ha generado no fallo mío, ves ahí la máquina no falla yo porque hice una prueba con ese producto antes del taller y ya no ha pasado por esta lista pero teníamos esta imagen muy picasiana, no era y oye, le da un toquecito de color este a mí me resulta un poco más raro pero bueno el de las lentejas ahí es donde está el valor y nos estamos 3 minutos si queréis preguntarme algo si no dale si, exactamente le puedes decir lo que yo lo tenía configurado para tienes aquí, la mayoría de los módulos te dicen limit 1, le pones 1, haces la prueba y ya está, te haces un entorno de prueba, porque si no te consumen muchas cosas claro, te harías otro tendrías habría que ver qué acción en concreto, porque este ha sido el caso inventado pero, o bien reutilizamos lo que hemos visto y lo que hago es pisar la imagen principal si yo piso la primera imagen con la segunda imagen es un poco enrevesado le cojo la segunda imagen que tenía y la pongo la primera y en la segunda no pongo nada entiendo qué nos hará eso pero también te viene a pisar la foto no también lo podríamos hacer porque tenemos un módulo que es delate media entonces con tener la url o el id del media lo puedes borrar y ya está esto nos sirve para bueno, desde aquí os pueden estos casos en concreto seguramente nunca los uséis pero desde aquí os pueden surgir un montón de cosas de coger todas las fotos del huérpres y empezar a ajustar el tamaño porque son muy grandes y no podemos utilizar cualquier cosa o meterle más cara o las herramientas que ha utilizado Esther yo ahí tiraría más de plugin que lo suelen entender bastante mejor eso, pero ahora Esther ha contado esta mañana un par de herramientas que lo que te hacen es cambiar imagen de producto cuando vienen de proveedores etcétera para meter la inteligencia artificial o para hacer algo parecido a lo que hemos hecho aquí de hacerlas por temporalidad hacer mocaps de verano, hacer mocaps de invierno podríamos tener este proceso que se conecte en mayo y haga una actualización de todos nuestros productos de verano con un fondito de playa, por ejemplo y ya, creo venga vale, pues me pilláis luego muchas gracias