Transcription
Verás un montón de vídeos de YouTube que te hablan sobre la IA, sobre el nuevo modelo negocio millonario y todo, pero quería ver cómo en mi sector, el e-commerce, que llevo más de 7 años escalando a marcas Shopify, cómo podía poner y y utilizar un buen programa con inteligencia artificial para el Shopify de la gente que lo pueda utilizar.
Y me he dado cuenta que aquí hay una oportunidad enorme con Lovable, ¿vale? Esto no es ninguna colaboración, no es nada similar a esto, sino lo que quería ver es realmente es humo o puede darle utilidad. Y ya te digo, no es para hacerte spoiler, pero le puedes dar una utilidad brutal, ¿vale? Así que en este vídeo te voy a enseñar cómo puedes crear una tienda online desde cero, crear un optimizado y todo con lovable y que se sincronice automáticamente con tu Shopify. Así que vamos dentro de la pantalla y nos ponemos manos a la obra.
Vamos a empezar ahora. Si esta interfaz te recuerda ChatGPT, es porque es muy similar. Ahora te voy a enseñar cómo utilizarlo. Pero para llegar hasta aquí, lo que tienes que hacer es crearte tu cuenta en Lovable. Y para ahorrarte eh dolores de cabeza que a mí me pasó, decía, "Ostras, ¿cómo conecto esto? ¿Cómo hago lo otro?" Te recomendaría para que después puedas sincronizar la tienda, esto ya te lo voy a enseñar más adelante, pero que el correo de administrador de Lovable sea el mismo que el de Shopify, o sea, que tengan, si tú utilizas info@marcadecoches.com, que aquí te crees la cuenta de Lovable y lo con lo mismo, con el mismo correo, ¿vale?
Así que eh lo que vamos a hacer es tú cuando te crees la cuenta vas a llegar a un panel como este, ¿vale? Y aquí es donde vamos a trabajar con este chat, donde vamos a crear y vamos a hacer realidad esta tienda online optimizada. Y mira, antes de de empezar con con todo el para que veas la conversación del chat, antes de esto quería mostrarte cómo yo he creado esta tienda con muy poca iteración, rápida, te diría. Y y si te fijas, pues es una tienda totalmente eh funcional con sus imágenes, su estructura, su todo. Una ficha de producto optimizada con diferentes precios, que suscripciones que si puedes añadir al carrito con sus ingredientes, con sus metacampos, los diferentes productos y todo, ¿vale? Con sus, si os fijáis, e el stick stica tocart, un montón de cosas que que esto realmente lo que se ha empezado para, o sea, para crear esto, ¿vale?
Para para crear este esta tienda online, lo que primero tienes que hacer, ¿vale? Y si os parece, vamos a dejar de hablar como una tienda online porque os dirá que una tienda online también tiene todo el backend que después tendríamos que configurar en Shopify, ¿vale? Envíos, eh pares cosas así, ¿vale? Eh, por ejemplo, pues el tema de pasarela de pago y todo. Si os parece, vamos a hablar más de SIM, ¿vale? Y para empezar con este no es tan no es tan fácil como decirle a lo quiero esto, que haga esto, que haga tal, ¿no? Aquí es donde entra un prompt, ¿vale? Y en este prompt lo que haremos es eh crear una estructura en un prompt con ChatGPT y que después lo vamos a pasar a Lovable, ¿vale? Y este prompt te voy a dar un poco de estructura de lo que a mí me ha servido para hacer esto, ¿vale?
Primero lo que le tienes que dar es el objetivo del, ¿vale? Tiene que tener un objetivo que esté a nivel de UX eh UI, a nivel de CRO, eh, que queramos aumentar el ticket medio, que queramos reducir la tasa de X, todo esto optimizado, ¿vale? Y después principios obligatorios, el tema del mobile first, el tema de que la ficha de producto sea lo determinante para todo, que haya confianza en todos los funnel, que tengan elementos de cerreo constantes y todo. ¿Vale?
Después pasaríamos también a toda la estructura del ZM, ¿vale? Cómo queremos que va a haber una home, va a haber la página de colecciones, va a ver la página de producto, eh el carrito, etcétera, etcétera. También cómo crear componentes reutilizables, eh, que los vamos a especificar. Quiero esto, esto y esto, ¿vale? Que se sé que es un rollo, ¿vale? Pero esto lo necesitas 100% y como en un vídeo es imposible, o sea, yo hasta ahora tengo que ir mirando y tengo que ir revisando todo lo que realmente este prompt es muy grande, ¿vale? Y lo estoy revisando a la vez que te estoy haciendo el vídeo porque em ojalá pudiera hacerte copiar y pegar en en el mismo vídeo y he pensado que la forma más fácil para darte este prompt, o sea, te lo voy a dar tal cual para que tengas una tienda online ya optimizada.
Escríbeme si quieres personalmente te voy a responder yo en @raul, ¿vale? Que es mi cuenta de Instagram. Escríbeme cuando pueda y y tenga tiempo. Te lo intento pasar, te lo voy a pasar seguro, ¿vale? Pero que sepas que al final mi trabajo es e gestionar Europe, que es nuestra empresa de creación y desarrollo de páginas web con alto nivel de conversión, ¿vale? Aumentamos las tasas de conversiones de las tiendas online existentes bajo contrato y mi tiempo está allí. Vale, pero oye, eh, todo el mundo está con el móvil, o sea, si veo la notificación y puedo responderte rápido, genial. Y si no, que sepas que te voy a responder y te lo voy a pasar y así puedes hacer copiar y pegar porque es un rollo, ¿vale? Pero necesita estructura de header e navegación optimizada con mobile first. Con todo el tema del buscador, el header, quiero que sea sticky, quiero que el sidecard eh me haga esto, quiero que la el card de a la derecha, después la categoría, quiero que la categoría esté que haya un grid primero que tenga X tamaño, que tenga estos estos pequeños signos de confianza, que tenga la opción de con el botón de comprar o de añadir al carrito, etcétera.
También que haya pues que sea el núcleo del SIM, toda la la PDP, toda la product page, ¿vale? Queremos que las imágenes no permitan el scroll, que haya elementos diferenciadores con datas webs, que sean eh selector de variantes diferentes, el sticky a tu card, eh varias cosas que dices, "Oye, necesito toda esta información, ¿vale?" Y después todo el tema de carrito, todo el tema de sidecart y todo esta parte y después reglas finales como, "Oye, no quiero elementos decorativos que no tengan ninguna función, todo debe ser funcional y que esté optimizado a móvil. Quiero priorizar la velocidad y la claridad. Quiero construir pensando en la conversión y no solo en diseño. ¿Vale?"
Por eso es lo que te he dicho, si lo quieres, si realmente lo vas a utilizar, si no no te se va a servir para nada, pero si lo que quieres utilizar, pídemelo porque con ello eras copiar y pegar y lo vas a pegar donde hemos visto antes que parecía la interfaz de chat GPT, ¿vale? Que es, si te fijas, es en esta parte de aquí. Si te fijas, en esta parte es donde vas a iniciar toda la conversación con Lovable. Y desde si ya empiezas con buen pie, ya la tienda online va a tener mucho menos errores y todo. Y una vez vayas a que sepas que va a tardar unos minutos, no te preocupes, es normal, está procesando todo. Una vez le hemos dado como a la interfaz primera el prompt, si te fijas, el prompt es es enorme, eh, lo puedes ver por aquí y eh nos pasa todo. ¿Vale?
Después nosotros hacemos e diferentes iteraciones. Aquí dijimos, oye, no llevan eh no tienen la car no tiene clics, eh no llevan al producto y tal, tienen este error, tienen tal, o sea, tú tienes que ir corrigiendo, ¿vale? Las correcciones es muy importante, ¿vale? Que las hagas aquí y no las hagas en Shopify, ¿vale?
Y andando con esto, quiero decirte que para que esta tienda online yo la quiero tener ahora en Shopify, hay dos opciones, ¿vale? Y recuerda, sobre todo lo que te he dicho el correo porque si no te va a dar un montón de errores, que sea el mismo correo de administrador, ¿vale? Pero tenemos la ya tenemos la tienda diseñada y decimos, "Vale, la quiero tener en mi ecosistema o quiero crear una nueva." ¿Vale? Para una nueva es tan fácil como darle aquí a publish, ¿vale? Y lo que vamos a hacer es nos va a pedir el plan pro, vamos a vincular un dominio, etcétera, y se nos va a crear un Shopify rápido y automáticamente vamos a tener esta web funcional, ¿vale?
Pero si ya la tienes una existente, ¿vale?, Lo que te diría es que vincules tu Shopify y se lo pides al chat. Tú a este chat que se te va a desplegar aquí a la izquierda, le dices, "Oye, quiero conectar mi Shopify, ¿vale?" Te va a decir los pasos, te vas a tener que etcétera, etcétera, etcétera, ¿vale? Y una vez estés, lo que te va a hacer esto, ¿vale? Es ponerte este SIM, ¿vale? Acuérdate que no estamos hablando de tienda online, sino este SIM te lo va a crear como un borrador, ¿vale? De esta forma tú dentro de tu tienda online vas a tener un borrador, ¿vale? Optimizado y por decirlo así h con cabeza, ¿vale? Y que tú le vas a dar a publicar sin problema y vas a tenerlo en live en tu tienda online, ¿vale?
De esta forma te diría, "Oye, ese SIM, en ese SIM nunca hagas ningún cambio en Shopify, ¿vale? Este SIM, la matriz, el backend, está en Lovable." O sea, tú tendrás que hacer todos los cambios que quieras iterar y todo. Siempre lo vas a tener que hacer desde este mismo chat, desde este eh diseño, ¿vale? Desde Lovable, no lo tienes que hacer desde Shopify, ¿vale?
Pero ahora me vas a decir, "Oye, Raúl, vale, pero por ejemplo estos productos aquí tan guay que has puesto y todo esto, ahora te cuento sobre esto." Lo que hay que hacer para crear un producto e ya optimizado que tú no tengas que tocar Shopify, ¿vale? Que ya lo hagas desde Lovable, pero todo, por ejemplo, pues nosotros aquí tenemos una serie de imágenes, ¿vale? Que hemos quedado pues simulando diferentes productos y lo que haríamos es pondríamos esta imagen en Lovable, ¿vale? Y una vez tengo las imágenes, las subo aquí y crearía un producto con una product page y optimizada. Y aquí es donde tú le puedes dar una descripción, unas etiquetas, unos metacampos, todo para que después en Shopify se te vea reflejado esto. O sea, esta ficha de producto no está creada en Shopify, ¿vale? Todo esto está creado en Lovable, que si aquí los bedc cramps, que si aquí queremos esta parte, que si destacamos estos elementos, que esto sea pues un row de actualizar esto y poner esto, cómo utilizarlo, lista completa de ingredientes, envíos devoluciones, todo esto, los productos que tienen que salir en completa la rutina, el stick to card, que el carrito sea así y que cuando se añada salgan todas estas cosas.
Todo esto cuando tú subes a un producto y le das a crear esa parte de producto, ¿vale? Lo que haces aquí es detallar y dar toda esta información para que no lo tengas que hacer en Shopify y automáticamente en Shopify se te va a crear un producto con todas estas eh con los metacampos, con las etiquetas, con toda la información necesaria para que tú no tengas que hacer nada. Y lo ha hecho la inteligencia artificial de Lovable junto a Shopify, ¿vale? Se ha sincronizado, como ya lo tienes conectado desde el paso anterior, se te ha conectado automáticamente. Y eh como veis aquí ya tendríis toda la tienda online desde todo la secuencia para llegar al checkout, que esto ya lo haríamos, se hace automáticamente este Shopify, tendríamos product, tendríamos home, tendríamos todo esto, ¿vale?
Quiero decirte varias cosas. Recuerda de oye, esto no es suficiente como para tener una tienda online super mega optimizada, si no nosotros no nos dedicaríamos a esto. O sea, nosotros lo que nos dedicamos es a crear tiendas online nuevas o ya existentes, ¿vale? Y hacer que sean máquinas de vender. Hemos trabajado con las mejores marcas españolas y no lo hacemos con Lovable. Pero Lovable te permite si acabas de empezar y no quieres depender de un them de Shopify y quieres hacerlo mucho más a tu medida, quieres testear cosas, quieres probar cosas, quieres ver si aumenta la tasa de conversión si teas una cosa, si te eras la otra, para después tú ir haciendo, porque ahora mismo tu presupuesto, imagínate que no te lo permite eh poder hacer una una tienda online a medida con nosotros, por ejemplo, ¿vale? Pues todo esto es lo que te permite Lovable.
Lovable te abre un abanico de oportunidades increíble. Por eso yo lo he visto y digo, cuando yo hubiera empezado esto hace 7 años, ojalá hubiera tenido esto, porque yo a los clientes les podía haber mostrado que iba a ser su perfecto, cómo iba a ser esto, pero sobre todo ten paciencia y sobre todo ten feedback constante con la Lovable, ¿no? No hagas de oye, no, ya lo corrijo yo, oye, no, tal, oye, vesleando FIP, tienes que irlo entrenando, ¿vale? Y después cuando le pidas diferentes imagínate que después quieres adaptar tu web o esto a lo mejor te sirve para adaptar tu web. Primero queréis hacer una campaña para Navidades y quieres decorar tu web entera, quieres probar esto. Tú esto después se lo puedes enseñar a los diseñadores, desarrolladores y dices, "Oye, he hecho este pequeña base, me gustaría que después me hagáis esto a partir de esto." ¿Sabéis? Oye, es una gozada trabajar así, ¿vale?
Así que nada, en este caso la inteligencia artificial aquí te sirve un montón, ¿vale? Sé que hay un montón de plataformas, un montón de un montón de cosas, pero yo te quería traer una que realmente te recomiendo que utilices desde ya, ¿vale? Así que nada, si te ha gustado el vídeo te gustaría más contenido así de inteligencia artificial con Shopify, con todo, que es lo que somos especialistas nosotros, déjalo en los comentarios y nos vemos en el siguiente vídeo.