Si buscas cómo crear una tienda online sin programar, el camino con IA es este: preparas tu catálogo y tus reglas, describes la tienda en un mensaje, conectas tu propia cuenta de Stripe para cobrar, haces un pedido de prueba completo y la publicas con tu dominio. Esta guía lo muestra con un ejemplo concreto, una tienda pequeña de café de especialidad, hecha en VibeDream.
Antes de empezar: catálogo, envíos y cobros
- Catálogo: nombre, foto, precio, variantes (por ejemplo molido o en grano) y existencias de cada producto.
- Envíos: zonas, costo por zona y a partir de qué monto es sin costo para el cliente, si lo ofreces.
- Cobros: una cuenta de Stripe a tu nombre (revisa que Stripe esté disponible en tu país). Stripe cobra su comisión por cada pago.
- Textos legales: política de devoluciones, aviso de privacidad y términos de venta, según la ley de tu país.
- Fotos propias de cada producto, aunque sean con el teléfono y buena luz.
Empieza con pocos productos. Una tienda con ocho cafés bien presentados suele funcionar mejor que una con ochenta fichas a medias.
Opciones para crear una tienda online
- Plataformas de tienda como Shopify: muy completas para comercio, con pago mensual y comisiones o apps de pago aparte.
- Constructores web con módulo de tienda: sencillos, con menos control sobre la lógica.
- Un constructor con IA como VibeDream: describes la tienda y la IA escribe el código, que es tuyo. Hoy cobras conectando tu propia cuenta de Stripe. Un módulo de pagos de un clic gestionado por VibeDream está por llegar.
Si solo vendes un producto digital, como un ebook, una página de venta es más simple que una tienda. La plantilla Digital Checkout trae esa estructura.
Paso a paso con IA
En VibeDream haz clic en New Project, elige Direct Prompt y describe la tienda. La interfaz está en inglés, pero el prompt puede ir en español:
Crea una tienda online para Café Altura, que vende café de especialidad de Chiapas y Veracruz.
Páginas: Inicio con tres cafés destacados, Catálogo con filtros por origen y tueste, Ficha de producto (foto, notas de sabor, precio, opción molido o en grano, 250 g o 1 kg), Carrito, Checkout y Confirmación.
Envío: 120 pesos en todo México, sin costo para el cliente desde 900 pesos.
Cobro con mi propia cuenta de Stripe. Guarda cada pedido y muéstralo en un panel /pedidos protegido con contraseña, con estado pendiente, enviado o entregado.
Estilo sobrio, tonos café y crema, letra grande, pensada primero para celular.
Todos los textos en español de México.Cuando la vista previa esté lista, prueba con números que puedas revisar de memoria: dos bolsas de 1 kg a 480 pesos dan 960 pesos y no deben pagar envío. Una bolsa de 250 g a 190 pesos debe sumar 310 con envío. Si algo no cuadra, corrígelo con un mensaje que incluya el ejemplo.
Pagos con tu cuenta de Stripe
La IA escribe la integración con Stripe dentro de tu tienda. Las claves de Stripe nunca van en el chat: guárdalas en la pestaña Settings del proyecto, donde las lee el servidor. Haz primero pedidos en modo de prueba de Stripe y, cuando todo funcione, cambia a las claves reales. La página en inglés sobre claves de API y variables de entorno explica cuáles se quedan en el servidor.
Publicar tu tienda con tu dominio
Haz clic en Put it online y en 1 a 3 minutos la tienda queda en una dirección como cafealtura.vibedreams.ai con HTTPS. Publicar y actualizar cuestan 5 créditos cada vez, y los cambios solo llegan a tus clientes cuando haces clic en Update it. Para tu dominio, crea un registro TXT y uno CNAME en tu proveedor. Los dominios sin www todavía no se pueden conectar, así que usa www.cafealtura.mx y redirige el dominio principal. La guía de publicación, en inglés, muestra cada paso.
Costos de una tienda online con IA
En VibeDream pagas un plan mensual: All Access Mini cuesta 49 dólares al mes con 60 créditos y hasta 3 proyectos activos, y All Access cuesta 97 dólares con 150 créditos y hasta 5 proyectos. El hosting está incluido. Aparte pagas las comisiones de Stripe por cada venta y tu dominio. Los planes actuales están en la página de precios. Si tu idea es más una app que una tienda, revisa cómo crear una app con IA.