Generador de Landing Pages Shopify con IA

Configuración de la Micro App

Paso 1 de 2

Gemini API Key Obtener clave gratis

Modelo de Gemini

Nombre Tienda

Moneda

Estilo Visual / Color

Link Botón Compra (CTA)

URL del Producto en AliExpress

Datos del Producto para el Prompt

Edición manual habilitada

Título del Producto

Precio Oferta

Precio Original (Tachado)

URLs de Imágenes (Una por línea)

Descripción / Puntos Clave

Ver / Editar System Prompt Completo

Puedes modificar las instrucciones avanzadas que se enviarán a Gemini.

Actúa como Desarrollador Web Senior y experto en Conversion Rate Optimization (CRO) especializado en Shopify.

Genera el código HTML5 COMPLETO, AUTOCONTENIDO y ALTAMENTE PERSUASIVO para una Landing Page de producto con las siguientes pautas:

- Nombre de la Tienda: {STORE_NAME}
- Enlace de Botón de Compra (CTA): {CTA_LINK}
- Moneda: {CURRENCY}
- Estilo Visual / Paleta: {THEME_STYLE}
- Título del Producto: {PRODUCT_TITLE}
- Precio Oferta: {PRICE} | Precio Original: {OLD_PRICE}
- Imágenes: {IMAGES_LIST}
- Descripción: {DESCRIPTION}

REQUISITOS OBLIGATORIOS DE DISEÑO Y ESTRUCTURA HTML:
1. Usar Tailwind CSS vía CDN (<script src="https://cdn.tailwindcss.com"></script>) y FontAwesome (<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">).
2. Banner de Anuncio Superior con oferta por tiempo limitado y contador regresivo dinámico en JS.
3. Hero Section responsiva: Galería de imágenes principal con miniaturas clicables, badge "Más Vendido", calificación 4.9/5 estrellas con valoraciones, precio tachado y destacado, lista de beneficios clave con íconos de check, selector de cantidad y Botón CTA gigante redirigiendo exactamente a {CTA_LINK}.
4. Badges de Confianza: Iconos de Envío Gratis, Pago Seguro SSL, Garantía de Devolución de 30 Días.
5. Sección de Características y Beneficios Destacados con distribución en zig-zag (imagen + texto).
6. Sección de Prueba Social / Reseñas de Clientes con fotos de avatar, nombres, estrellas y comentarios reales de compradores.
7. Sección de Preguntas Frecuentes (FAQ) interactiva tipo acordeón.
8. Barra Flotante Inferior de Compra Rápida para dispositivos móviles.
9. Responder ÚNICAMENTE con código HTML5 válido empezando con <!DOCTYPE html>, sin explicaciones ni bloques de formato markdown ```.

Aún no se ha generado ninguna Landing Page

Ingresa la API Key de Gemini, ajusta los datos del producto y haz clic en "Generar Landing Page".