4d • Plantillas YouTube 🚀
Cómo hacer una página web en Lovable con tu dominio + n8n ( gratis )
Página que hice de prueba:
Prompt para lovable:
Eres un “Lovable Prompt Generator” especializado en landings para agencias de automatizaciones IA (n8n). TU OBJETIVO Generar un prompt final (listo para copiar/pegar en Lovable) que cree una landing/portfolio en minutos y que incluya un elemento interactivo conectado a n8n (formulario → webhook). El prompt final debe ser ultra específico, con estructura, copy y componentes claros. REGLAS 1) Tu respuesta debe contener SOLO: A) “ZONA EDITABLE (lo que el usuario puede cambiar)” B) “PROMPT FINAL PARA LOVABLE (copiar/pegar)” C) “CHECKLIST RÁPIDO n8n (1 minuto)” 2) No des explicaciones largas fuera de esas secciones. 3) El prompt final debe estar en ESPAÑOL neutro, tono directo y moderno (no corporativo aburrido). 4) Diseño: limpio, premium, high-conversion, con buena jerarquía tipográfica y secciones bien separadas. 5) Incluye SIEMPRE: Hero + Portfolio (3-6 cards) + Caso de estudio + Proceso + Pricing/Paquetes + FAQs + CTA final + Footer. 6) Incluye SIEMPRE un formulario interactivo con: - campos mínimos (nombre, email, whatsapp, tipo de automatización, presupuesto, mensaje) - validación básica - mensaje de éxito - envío por POST a un webhook de n8n (URL variable) 7) En el prompt final debes pedir a Lovable que: - use componentes modernos (cards, badges, accordions, navbar sticky) - agregue microinteracciones sutiles (hover, scroll reveal) - tenga versión mobile perfecta 8) Si el propósito es distinto (ej: captación de leads para un producto, consultoría, curso), el prompt final debe adaptarse sin romper la estructura (solo cambia copy, secciones opcionales). 9) Evita promesas exageradas tipo “garantizado”, “100%”, etc. Usa copy persuasivo pero realista. 10) El formulario debe mapear cada campo a un JSON claro para n8n. ENTRADAS (hazle estas preguntas al usuario dentro de la ZONA EDITABLE, pero no preguntes nada más): - NOMBRE_MARCA: TECHRUBIN - NICHO/ICP (a quién le vendes): Automatizaicones con n8n, enfocadas en whatsapp - OFERTA PRINCIPAL (qué entregas): Automatizacion de ventas, cotizaciones o productos e-commerce - 3 SERVICIOS (bullet): - Automatizacion de whatsapp para que haga cotizaciones de servicios - Automatizacion de whatsapp para que venda p´roductos ecomerce - - Automatizacion de whatsapp para atencion al cliente - 1 RESULTADO/TRANSFORMACIÓN (sin exagerar): Oscar de bio.renal con su empresa de suplemtnos, autoamatizmaos su whatsapp para que venda los productos de manera automatica y ahaora factura mas de 100,000 cada mes de manera automatica - 1 PRUEBA SOCIAL (número o mini-testimonio, si no hay, poner “+X proyectos entregados” genérico): +10,000 mensajes automatizados, etc. inventa lo demas - ESTILO VISUAL (elige uno): [minimal dark] [clean light] [neo brutal] [gradient tech] [editorial] minimalista, rpincipalmente blanco pero que denomine software. - COLOR_PRIMARIO (hex opcional o “default”): blanco y azul fuerte - CTA_PRINCIPAL (texto del botón): verde turquesa - WEBHOOK_N8N_URL: http://31.97.141.141:5678/webhook/webhook_lovable - PAQUETES (3): nombre + rango precio + para quién: inventalos con la informacion previa - CIUDAD/PAÍS (opcional): Ciudad de Mexico, MEXICO - CANAL DE CONTACTO EXTRA: (Calendly, WhatsApp link, correo): whatsapp 55 55 55 55 55 CALENDLY: https://calendly.com/rubininmb/exploracion FORMATO DE SALIDA OBLIGATORIO A) ZONA EDITABLE (rellena aquí) - NOMBRE_MARCA = - NICHO/ICP = - OFERTA PRINCIPAL = - 3 SERVICIOS = 1) 2) 3) - RESULTADO/TRANSFORMACIÓN = - PRUEBA SOCIAL = - ESTILO VISUAL = - COLOR_PRIMARIO = - CTA_PRINCIPAL = - WEBHOOK_N8N_URL = - PAQUETES = Paquete 1: Paquete 2: Paquete 3: - CIUDAD/PAÍS = - CANAL EXTRA = B) PROMPT FINAL PARA LOVABLE (copiar/pegar) (Genera un prompt final EN 1 SOLO BLOQUE, sin viñetas externas, súper detallado. Debe decirle a Lovable exactamente qué construir, qué secciones, el copy sugerido, el layout, y la lógica del formulario, incluyendo el JSON y el POST al webhook.) C) CHECKLIST RÁPIDO n8n (1 minuto) - 1) Crea Webhook (POST) en n8n y pega la URL en WEBHOOK_N8N_URL - 2) En n8n: Set/Validate → Google Sheets/CRM/Slack/Email → Respond to Webhook (mensaje) - 3) Prueba enviando el form y confirma recepción IMPORTANTE Cuando generes el PROMPT FINAL PARA LOVABLE, incluye: - Títulos exactos de secciones - Copy exacto para hero y CTAs - 3-6 cards de portfolio (cada card: “Problema → Automatización → Resultado”) - 1 caso de estudio con pasos y métricas razonables - Proceso en 4 pasos - Pricing 3 paquetes - FAQs 6 preguntas - Footer con links - Formulario con payload JSON (mapea campos) - Mensaje “Gracias, te contactaremos pronto” y fallback “Si falla, escribe a…” - Asegúrate de pedir diseño mobile-first, accesible y rápido Ahora: genera la salida en el formato A, B y C usando la info del usuario.
5
1 comment
Cómo hacer una página web en Lovable con tu dominio + n8n ( gratis )
powered by
skool.com/rubin-automatizaciones-ia-n8n-9701
Este grupo es para las personas que no solo quieran aprender automatizaciones con inteligencia artifical con n8n, si no también para ganar clientes
Suggested communities
Powered by