De una sesión de mentoría real, anonimizada. Un alumno quiere montar de cero un negocio de infoproductos con web propia, sin saber programar. Dibujamos el mapa completo: qué piezas componen una web que vende (datos, cobros, emails, dominio, hosting) y qué herramienta gratuita resuelve cada una.
Esta píldora sale de una mentoría real, anonimizada. Antes de entrar en el cómo, el marco de la sesión en tres golpes:
Un alumno con muy buen ojo para el diseño quiere montar de cero un negocio de infoproductos: vender sus creaciones digitales desde una web propia, no solo a través de marketplaces.
Entender qué piezas componen una web que vende de verdad (cobros, emails, datos, dominio) sin ser programador y sin meterse en una curva de aprendizaje profunda que hoy ya no hace falta.
El mapa completo de la anatomía de una web, con una herramienta gratuita o casi gratuita para cada pieza, y el plan para publicarla: repositorio privado en GitHub, hosting en Vercel y las conexiones de pago, datos y email pedidas a un agente de IA.
La primera decisión de quien vende infoproductos no es técnica: ¿vendo en un marketplace (que ya trae los clientes, a cambio de comisión) o en una web propia (donde el margen y la marca son míos, pero la visibilidad hay que ganársela)? La respuesta de la sesión: no es o lo uno o lo otro.
Una web que vende no es una página: es un conjunto de piezas que trabajan juntas. Frontend, backend y base de datos van siempre de la mano (según cómo se construya, cada una vive en un sitio y se conectan entre sí); el resto son servicios que se enchufan. No hay que montarlas todas el primer día, pero sí saber que existen y quién resuelve cada una sin programar.
La parte visible de la web: lo que el cliente ve y toca.
Lovable · V0Las tripas: la lógica que procesa lo que el frontend recoge.
Lo genera la IADonde se guarda todo: compras, clientes, leads.
SupabaseTener la web subida a internet, accesible para cualquiera.
VercelLa URL con tu marca: tuweb.com.
Tu registrador de DNSEmails automáticos de confirmación y aviso.
Resend · MailgunQue el cliente pague con tarjeta, Apple Pay o PayPal.
StripeQue te encuentren en buscadores. SEM (anuncios), solo más adelante.
SEO agénticoHace un año la respuesta habría sido "aprende a desarrollar". Hoy no: herramientas como Lovable o V0 traen conectores de Supabase, Stripe o Resend a golpe de clic, y la IA hace la fontanería de unir las piezas. Cosas que a alguien sin perfil técnico le llevarían dos semanas quedan resueltas en una tarde. Tú pones el criterio de negocio.
Es la pieza que no se suele contar y la más delicada si no eres desarrollador: donde se guarda quién te compra, quién se interesa, quién te deja su email. La recomendación es no montarla a mano sino usar un servicio ya construido: Supabase da una base de datos gratuita, segura y con panel, y el plan de pago no llega hasta un volumen de peticiones que un negocio que empieza tarda mucho en tocar.
Si nunca has visto una base de datos, imagina un Excel con varias hojas: una tabla de compras, otra de clientes, otra de leads. La diferencia es que aquí escribe la web sola cada vez que alguien compra o se registra, y por encima te montas vistas o un dashboard para no mirar las tablas en crudo.
Las dos piezas que convierten la web en negocio. La pasarela de pago permite cobrar con tarjeta, Apple Pay o PayPal: Stripe es la que usan la mayoría de plataformas y la más sencilla de conectar. Y el email transaccional cierra el círculo: alguien compra y al momento recibe su acceso, mientras a ti te llega el aviso. Resend es generosa en su plan gratuito (miles de emails al mes); Mailgun es la alternativa.
Conecta mi web con Stripe, Supabase y Resend.
Contexto: ya tengo cuenta en los tres servicios.
Pídeme las claves y guárdalas en variables de entorno, nunca en el código.
Con Stripe: un botón de compra para mi infoproducto.
Con Supabase: guarda cada compra y cada persona que deje su email.
Con Resend: al comprar, envía el acceso al cliente y un aviso a mi correo.
Explícame en dos frases qué has hecho, sin tecnicismos.Una web que solo vive en tu ordenador no existe para nadie. Publicarla ("hostearla") es subir esa base de código a producción, la nube, para que cualquiera entre por la URL. Dos piezas y un remate:
Quiero publicar mi web para que cualquiera pueda verla.
Súbela a un repositorio privado de GitHub y despliégala en Vercel.
Guíame paso a paso con los logins que necesites de mí.
No guardes ninguna clave en el código: usa variables de entorno.
Cuando termines, dime la URL pública y explícame en dos frases qué has hecho.Con la web publicada empieza la parte que de verdad trae ventas: que los clientes te descubran. Ahí entra el SEO agéntico: usar un agente de IA para posicionar la página y los productos en buscadores, iterando sin ser experto en SEO.
En la sesión lo vimos con un proyecto real de infoproductos que factura miles de euros en un par de meses solo con tráfico orgánico, sin pagar un euro en anuncios. El SEM (pagar por anuncios) puede llegar después, cuando ya está claro qué necesidad cubres; primero, que el buscador trabaje gratis para ti.
El orden por el que yo empezaría. Márcalo a medida que lo completes: se guarda en tu navegador, así que puedes volver y seguir por donde ibas.
Marca lo que vayas completando. Se guarda en tu navegador, así que al volver sigue aquí.
Tres preguntas para fijar lo esencial. No hay nota ni castigo: si fallas, te explico el porqué.
Repaso · Pregunta 1/3
Glosario · toca para ampliar
Un producto digital que se crea una vez y se vende muchas: un ebook, una plantilla, un curso. Sin stock ni envíos, es el modelo con menos piezas para empezar a vender online.
Ver en el diccionarioDonde se guarda la información etiquetada y consultable, como un Excel con varias hojas pero robusto. Aquí viven tus compras, tus clientes y tus leads; es la pieza que no conviene improvisar.
Ver en el diccionarioEl servicio que mantiene tu web subida a internet para que cualquiera entre desde su navegador, no solo desde tu ordenador. Vercel te lo da gratis para empezar.
Ver en el diccionarioLa dirección con la que la gente llega a tu web (tuweb.com). Se compra una vez al año y se apunta al hosting; es tu nombre en internet, independiente de dónde esté alojada la web.
Ver en el diccionarioEl servicio que permite que el cliente pague con tarjeta, Apple Pay o PayPal y el dinero llegue a tu cuenta. Stripe es la más extendida y la más sencilla de conectar.
Ver en el diccionarioUn correo automático que dispara una acción del usuario (comprar, registrarse), no una campaña de marketing. El de "has comprado, aquí tienes tu acceso" es el primero que necesitas.
Ver en el diccionarioUn archivo aparte del código donde se guardan claves y tokens, para que nunca queden escritos a la vista ni se suban por error a un repositorio.
Ver en el diccionarioCrear software sin escribir código, con herramientas visuales o con lenguaje natural que la IA convierte en producto. Lovable o V0 traen además conectores de pago, datos y email a golpe de clic.
Ver en el diccionarioUsar un agente de IA para posicionar tu página y tus productos en buscadores de forma iterativa. Es el siguiente paso cuando la web ya está publicada: que los clientes te encuentren.
Ver en el diccionarioEstas dos ideas son las que más impacto tienen. Si te llevaras únicamente dos cosas de toda esta página, que sean éstas:
¿Quieres que lo montemos juntos sobre tu proyecto? Puedes reservar una mentoría conmigo o escribirme a hi@alci.dev. Y el siguiente capítulo de esta historia es el SEO agéntico: que los clientes te encuentren solos.