Hace unos meses tenía el mismo problema que probablemente tienes tú ahora mismo: mi página de ventas en Systeme.io se veía... básica. Bloques nativos, plantillas que se ven igual que las de cualquier otro. Y no tenía presupuesto para pagarle a un diseñador ni conocimientos de código para hacerlo yo mismo.
Así que hice algo que en su momento no sabía si iba a funcionar: le pedí ayuda a tres inteligencias artificiales distintas, cada una para una parte del problema. El resultado fueron 5 plantillas HTML con diseño dinámico, animaciones y apariencia de nivel profesional, corriendo perfectamente dentro del bloque HTML personalizado de Systeme.io — incluso en la versión gratuita.
Te voy a contar exactamente cómo lo hice. Sin vueltas.
Si vendes como afiliado en Hotmart, ya lo sabes: usas el mismo link o la misma página que usan cientos de afiliados más, promocionando exactamente el mismo producto. No hay forma de diferenciarte si tu página se ve igual que la de todos los demás.
Y si tienes tu propio producto o servicio, el problema es distinto pero el dolor es el mismo: tienes algo que vale lo que cobras, pero tu página transmite "pequeño" cuando tu negocio no lo es.
En ambos casos la solución parece ser la misma: contratar a alguien, o pagar herramientas más caras solo por el diseño. Yo no quería ninguna de las dos.
Aquí está la parte que probablemente no esperas: no le pedí a una sola IA que "me hiciera una página bonita". Eso casi nunca funciona bien — el resultado sale genérico, o simplemente no corre dentro de Systeme.io. Lo que hice fue dividir el trabajo en tres etapas, cada una con la herramienta correcta:
Usé Claude para pensar la estructura de cada página: qué secciones necesita una página de ventas que realmente convierte, en qué orden van, qué debe transmitir cada bloque antes de llegar al botón de compra. Aquí no se escribe código todavía — se piensa el layout, la lógica de persuasión, el recorrido visual.
Para que tengas una idea concreta, así quedó la estructura que le pedí para las 5 plantillas:
No le pedí a Claude "hazme una página bonita". Le pedí sección por sección, con el objetivo psicológico de cada una — por ejemplo, para la sección 2 la instrucción fue algo como: "esta sección debe generar empatía mostrando resultados tangibles y medibles, y cerrar con una frase que conecte naturalmente con la presentación de la solución". Ese nivel de especificidad es lo que separa una estructura genérica de una que realmente convierte.
Con esa estructura ya definida, usé Claude para generar instrucciones detalladas y específicas por sección — no toda la página de una vez — y se las pasé a Claude Code, que fue el encargado de ejecutar el código real de cada bloque.
Aquí encontré dos errores que probablemente tú también te vas a topar si lo intentas:
El código bonito no sirve de nada si no corre donde lo necesitas. Usé Gemini Pro específicamente para encapsular ese código y adaptarlo a las particularidades del bloque HTML de Systeme.io, incluyendo la versión gratuita.
El prompt inicial es más simple de lo que imaginas: básicamente le entregas el código y le pides que lo reescriba para que sea ejecutable dentro de Systeme.io. Con eso ya tienes una primera versión funcional.
Lo que sí toma más cuidado es el ajuste fino. Cuando ves el resultado y detectas cosas que mejorar — márgenes, tamaño de texto, colores, alineación — tienes que tomar ese fragmento específico de código, devolvérselo a Gemini y describir exactamente el cambio que quieres, sección por sección. Aquí es donde más cuidado hay que tener: si no tienes ni idea de cómo está estructurado el código, es muy fácil romperlo al pedir un ajuste mal explicado. Esta fue, honestamente, la parte donde más iteré antes de llegar a algo pulido.
Tres IAs, tres roles distintos, un resultado que ninguna de las tres sola hubiera logrado igual de bien.
Y lo digo en serio: si después de leer esto quieres sentarte a probarlo por tu cuenta, adelante. No tengo ningún interés en que sientas que esto es un secreto que solo yo puedo darte. Te cuento con números reales en qué te estás metiendo, y tú decides qué camino te conviene más.
Solo en herramientas, estás hablando de unos $40 USD al mes mientras estés en fase de prueba y ajuste. Y eso no incluye lo que probablemente te va a tomar: varias tardes de iteración.
Por qué toma tiempo: ya viste arriba los tropiezos reales que tuve en cada etapa. Multiplica eso por cinco plantillas distintas y vas a entender por qué esto no se resuelve en una tarde.
Nada de esto es un secreto guardado ni algo imposible de lograr. Si tienes el tiempo y te gusta experimentar, probablemente valga la pena para ti. Si prefieres ahorrarte esas semanas y esos $40 USD mensuales mientras encuentras el punto, ahí es donde entra lo que armé.
Después de meses de iteración llegué a un resultado con el que estoy orgulloso: 5 plantillas que se ven a años luz de los bloques nativos de Systeme.io, y que cualquier persona sin conocimientos técnicos puede personalizar siguiendo instrucciones simples.
De hecho, este artículo lo he escrito aplicando código y estoy usando una cuenta de Systeme.io gratuita.
En vez de que tengas que repetir todo el proceso — con su curva de aprendizaje, sus intentos fallidos y su costo mensual de herramientas de IA — decidí empaquetar el resultado final.
Todo por $19 USD, precio de lanzamiento.
Haz tú la cuenta: un solo mes pagando las IAs ya son unos $40 USD. El pack te ahorra ese mes de suscripciones, las semanas de ajuste, y te deja con el resultado ya terminado desde el primer día. Y se termina de pagar solo con una venta adicional que consigas gracias a tener una página que realmente convierte.
Sé que decidir no siempre es fácil, y por eso además del pack tienes acceso a nuestro grupo de Facebook, donde puedes resolver dudas de las plantillas, pedir apoyo si has roto el código, ver cómo otros están usando las plantillas, y pedir ayuda si algo no te queda claro.