Runner AI
Guías

Creador de Tiendas IA

Descubre cómo generar una tienda en línea completa con IA — desde la página de inicio hasta las páginas de productos — y ajusta cada detalle en el editor visual.

El Creador de Tiendas IA de Runner AI es un sistema de creación de sitios web automatizado de extremo a extremo que te permite generar un sitio web de comercio electrónico listo para vender usando una descripción simple.

A diferencia de los constructores de sitios web tradicionales, no necesitas:

  • Escribir código
  • Diseñar layouts
  • Aprender herramientas complejas
  • Comenzar desde un lienzo en blanco

Con solo un prompt, Runner AI puede generar:

  • Página de inicio (sección hero, bloques de productos, estructura de categorías)
  • Páginas de productos (si se agregan productos)
  • Paleta de colores y tipografía para todo el sitio
  • Textos orientados a la conversión
  • Imágenes y videos del sitio web (opcional)
  • Estructura completa del sitio y marco de diseño

Después de la generación, puedes ajustar todo usando el editor visual u optimizar aún más el contenido con prompts.

Lo Que Aprenderás

  • El flujo de trabajo de construcción de tiendas con IA
  • Cómo escribir y optimizar prompts
  • Uso del Modo Diseño (edición visual)
  • Optimización de texto, imágenes y layouts con IA
  • Generación de videos para el sitio web
  • Agregar nuevos módulos
  • Construcción de estructuras de sitio multi-página
  • Restauración de versiones anteriores
  • Preguntas frecuentes

1. Genera Tu Primer Sitio Web con IA

En el núcleo de Runner AI está la capacidad de convertir tu idea de negocio en un sitio web completo usando prompts.

Resumen Paso a Paso

Paso 1: Crear una Tienda Ve a: Dashboard → Crear Tienda Después de ingresar el nombre de tu tienda, serás llevado al constructor de tiendas.

Paso 2: Ingresa un Prompt Describe lo que quieres construir, por ejemplo:

  • "Quiero una tienda de velas artesanales con una estética suave, limpia y cremosa."
  • "Crea un sitio de promoción de electrónicos para Black Friday con un temporizador de cuenta regresiva y secciones de descuento."
  • "Genera una página de destino para promocionar mi curso de IA."

Paso 3: Espera la Generación (generalmente toma segundos) Runner AI genera automáticamente:

  • Estructura de página
  • Imágenes (si las imágenes IA están habilitadas)
  • Textos (títulos, descripciones)
  • Módulos recomendados
  • Un sistema de diseño cohesivo

Paso 4: Revisa y Edita Una vez generado, puedes:

  • Ajustar layouts
  • Reemplazar imágenes
  • Refinar textos
  • Agregar módulos
  • Crear nuevas páginas

2. Optimización de Prompts

La calidad de tu prompt afecta directamente la calidad del sitio generado.

Elementos Clave de un Prompt Efectivo

Un prompt bien estructurado generalmente incluye:

Tipo de Negocio

  • "Tienda de suministros para mascotas"
  • "Marca de ropa de yoga"

Estilo de Diseño

  • "Minimal, limpio, tonos cremosos"
  • "Oscuro, premium, futurista"

Público Objetivo

  • "Para consumidoras estadounidenses"
  • "Diseñado para fotógrafos profesionales"

Requisitos Funcionales

  • "Incluir un módulo de cuenta regresiva"
  • "Mostrar galerías de imágenes de alta resolución"

Mejora de Prompt (Asistencia Integrada)

Si comienzas con una idea simple, como:

"Quiero construir un sitio web de suministros para mascotas"

Runner AI mejorará automáticamente tu prompt expandiendo:

  • Estructura del sitio
  • Dirección de diseño
  • Requisitos de módulos
  • Tono del texto
  • Escenarios de usuario

Presiona Tab para aceptar el prompt mejorado y continuar.

Ejemplos de Prompts Recomendados

Liquidación de Invierno (Crea un sitio web moderno de liquidación de ropa de invierno, mobile-first...)

Boutique de Decoración del Hogar (Crea una Boutique de Decoración del Hogar con un diseño chic y minimalista...)

Remix de un Tema Shopify (Remixa el tema Shopify impulse https://themes.shopify.com/themes/impulse/presets/impulse...)

Sitio Web de Marca Personal (Crea un sitio web de comercio electrónico moderno y responsivo liderado por el fundador...)

(Los prompts mostrados arriba son ejemplos oficialmente recomendados.)

3. Modo Diseño (Edición Visual)

El Modo Diseño te permite ajustar tu sitio web visualmente, sin necesidad de código.

Edición de Texto

Puedes:

  • Editar texto manualmente
  • Ajustar fuente, tamaño y peso
  • Cambiar color, alineación y posición
  • Usar Reescritura IA para regenerar textos con diferentes tonos

Las funciones de edición con IA consumen créditos.

Edición de Imágenes

Tienes dos opciones:

Subir tus propias imágenes Ideal para vendedores con activos de marca existentes.

Generar o reemplazar con imágenes IA Ideal si no tienes materiales visuales.

Ejemplo de prompt:

"Genera una imagen hero de estilo de vida cálida con un fondo beige suave y luz solar natural."

Runner AI reemplazará automáticamente la imagen seleccionada.

4. Generación de Video

La generación de video es una función avanzada diseñada para mejorar el engagement y el SEO.

Cómo Generar un Video

Ingresa un prompt como:

generate a branding video for my hero section that showcases modern jewelry with gold accents and slow-motion product shots

Runner AI:

  • Generará el video
  • Lo insertará en la sección hero
  • Configurará autoplay, silencio y loop

Opciones Personalizables

  • Imagen de miniatura
  • Comportamiento de reproducción (autoplay, silencio, loop)
  • Estilo visual (realista, cinemático, enfocado en marca)

Disponibilidad y Costo

  • Disponible en Runner Plan y superior
  • Cada video consume 10 créditos

5. Agregar Nuevos Módulos

Los módulos determinan la riqueza de la página y el rendimiento SEO.

Módulos disponibles:

  • Secciones de categoría de productos
  • FAQ
  • Testimonios
  • Bloques de texto
  • Secciones de imagen + texto
  • Popups de marketing (descuentos, cuenta regresiva)
  • Bloques de suscripción por email
  • Destacados de características
  • Historia de marca / Sección Acerca de

Casos de uso:

  • Páginas de lanzamiento de productos
  • Landing pages de campañas
  • Páginas de storytelling de marca
  • Páginas de contenido SEO (ej., "Guía de Outfits de Invierno")

Los módulos se pueden agregar sin límite y sin código.

6. Construir Estructura de Sitio Multi-Página

Un sitio web completo generalmente incluye más que solo la página de inicio.

Puedes crear:

Páginas de Detalle de Producto

Incluyen:

  • Imágenes de producto
  • Descripción
  • Especificaciones
  • Reseñas de clientes
  • Productos recomendados
  • FAQ

Páginas de Blog

Usadas para SEO y marketing de contenido, por ejemplo:

  • "Cómo Elegir la Ropa de Yoga Correcta"
  • "Por Qué las Velas Naturales Son Más Seguras"

Página Acerca de Nosotros

Construye credibilidad y confianza de marca.

Página de Contacto

Proporciona email de soporte al cliente y enlaces sociales.

Runner AI puede generar automáticamente contenido completo para cada página.

7. Historial de Versiones y Rollback

Todos los cambios generados por IA y ediciones manuales se guardan automáticamente como versiones.

Puedes:

  • Ver todas las versiones
  • Previsualizar estados anteriores
  • Restaurar cualquier versión con un clic

Ideal para:

  • Probar diferentes diseños
  • Corregir errores
  • Deshacer cambios no deseados

8. FAQ

P1: ¿Puedo personalizar completamente el sitio web generado? Sí. Casi todos los layouts, imágenes y textos son editables.

P2: ¿Por qué la generación de video es una función de pago? La generación de video requiere muchos recursos, por lo que está clasificada como una función avanzada.

P3: ¿Quién posee los derechos de las imágenes generadas por IA? Obtienes derechos completos de uso comercial.

P4: ¿Puedo usar prompts en idiomas distintos al inglés? Sí, aunque actualmente los prompts en inglés proporcionan los mejores resultados.