Aprende a crear landing pages de productos usando inteligencia artificial
Una landing propia convierte mejor que una ficha de producto común: cuenta el problema, muestra el producto en uso y responde las objeciones antes de que aparezcan. Con Claude puedes armarla en minutos aunque no sepas programar.
En el video de abajo te mostramos el proceso completo, de principio a fin. Debajo dejamos el prompt y la tabla de flags para que los copies mientras lo sigues.
Antes de empezar
No necesitas subir ningún archivo ni contratar un hosting de imágenes: Claude dibuja los gráficos como SVG dentro del mismo HTML (íconos, comparativas antes/después, sellos de garantía, fondos). Todo viaja en un solo archivo. Si quieres sumar una foto real, pásale el link de una imagen que ya esté publicada en tu catálogo.
Lo único que tienes que tener a mano son los beneficios concretos del producto (no adjetivos) y los datos de envío y garantía.
Copia esto en Claude y reemplaza lo que está entre corchetes:
Necesito una landing page de producto en un solo archivo HTML, con el CSS adentro, para vender [PRODUCTO]. Beneficios: [LISTA].
Reglas técnicas obligatorias, porque se monta dentro del editor de una tienda:
- Genera todas las imágenes e íconos como SVG inline dentro del archivo. No enlaces archivos externos ni uses rutas locales.
- Todas las clases con un prefijo propio (por ejemplo .lp) y todo el CSS scopeado bajo ese prefijo.
- No uses <header> ni <footer>: usa <section> o <div>.
- Ninguna clase puede contener la palabra price.
- Ningún selector CSS puede mencionar body.
- padding y margin en longhand, nunca con un solo valor.
- Animaciones con CSS (@keyframes, transition).
- Declara el color del texto en cada sección.
- Que se vea bien en celular: es donde entra la mayoría.
Pide los cambios de a uno y vuelve a pedir el archivo completo cada vez.
Ábrela en el celular y haz scroll hasta abajo, verifica que el precio y el botón aparezcan donde pusiste los flags, revisa que no haya texto claro sobre fondo claro ni gráficos que quedaron cortados, y haz una compra de prueba.
Un último punto: no prometas ganancias ni resultados garantizados, y evita afirmaciones de salud que no puedas respaldar. Es la causa más común de rechazos en Meta y Google, y puede costarte la cuenta publicitaria.ostarte la cuenta publicitaria.
