Cómo crear una tienda online: productos, carrito, pago e inventario

Para crear una tienda online necesitas un catálogo de productos, un carrito, un proceso de pago que cobre a través de un proveedor como Stripe, una forma de registrar los pedidos y restar el stock, y una vista de administración para preparar y enviar los pedidos. Un creador de apps con IA puede montar todo eso a partir de una descripción clara. Lo que más conviene pensar no es el escaparate, sino las partes relacionadas con el dinero: cuándo se considera pagado un pedido, cómo se reserva el stock y cómo gestionas los impuestos, los envíos y las devoluciones.

Tienda a medida o Shopify? Decídelo primero

Sé honesto con esto antes de construir nada.

Una plataforma de comercio alojada (Shopify, Squarespace Commerce, WooCommerce y similares) suele ser mejor opción cuando:

• Vendes productos físicos con tarifas de envío, etiquetas y devoluciones
• Necesitas calcular impuestos en muchas regiones
• Un equipo no técnico añade productos y gestiona pedidos a diario
• Quieres una tienda de complementos (reseñas, email marketing, fidelización)
• Vendes en varios canales y necesitas un único recuento de stock

Los planes de Shopify son una suscripción mensual con descuento si pagas al año, y los pagos con tarjeta llevan además comisiones de procesamiento; consulta su página de precios para tu país, porque varían según la región.

Una tienda a medida suele compensar cuando:

• El producto es poco habitual: configuradores de pedidos personalizados, reservas más productos, descargas digitales con licencia, listas de precios B2B por cliente
• La tienda es una parte de una app más grande (una plataforma de cursos, un sitio de socios, un marketplace)
• Vendes un catálogo pequeño y quieres control total sobre el diseño y el flujo de compra
• Quieres ser dueño del código y evitar depender de una plataforma

Muchos vendedores pequeños se apañan mejor con una plataforma. Si tus necesidades son habituales, es una buena noticia: tómate el atajo.

Qué necesita una tienda online

Datos

Guarda el precio en el momento de la compra en cada línea de pedido. Si cambias un precio el mes que viene, los pedidos antiguos deben seguir mostrando lo que pagó el cliente.

Páginas

• Escaparate: portada, páginas de categoría o colección, fichas de producto, carrito, redirección al pago y página de confirmación del pedido.
• Administración: productos y stock, pedidos con su estado (pagado, preparado, enviado, reembolsado), clientes y cifras de ventas sencillas.
• Legal y políticas: envíos, devoluciones, privacidad y condiciones. Los compradores las buscan antes de comprar, y en muchas regiones algunas son obligatorias por ley.

Permisos

Deja que los clientes compren sin cuenta: la compra como invitado elimina un paso, y las cuentas pueden llegar después. Solo los administradores deben ver los pedidos y editar los productos; protege la zona de administración con un inicio de sesión real y comprobaciones en el servidor.

Cómo debe funcionar el pago

El patrón más seguro para una tienda a medida es una página de pago alojada. Con Stripe:

1. El cliente pulsa Pagar. Tu servidor vuelve a comprobar precios y stock desde la base de datos, sin fiarse nunca de lo que envía el navegador, y crea una sesión de Stripe Checkout.
2. El cliente paga en la página de Stripe. Los datos de la tarjeta nunca llegan a tu servidor.
3. Stripe llama al webhook de tu app para indicar que el pago se ha realizado. Solo entonces marcas el pedido como pagado y restas el stock.
4. El cliente llega a tu página de confirmación, y tú envías un email de confirmación.

Hay dos errores que conviene evitar: crear el pedido « pagado » a partir de la redirección a la página de éxito (la gente cierra pestañas y las redirecciones pueden manipularse) y calcular el total en el navegador. Las dos cosas son fáciles de hacer mal con una IA si no se lo dices explícitamente.

La tarifa estándar de Stripe es un porcentaje más una cuota fija por cada pago con tarjeta exitoso, sin cuotas de alta ni mensuales (a septiembre de 2026); el tipo exacto depende de tu país y de la tarjeta. Crea todo en el modo de prueba de Stripe con sus números de tarjeta de prueba antes de nada. Nuestra guía sobre cómo añadir pagos a tu app explica las claves, el modo de prueba y los webhooks.

Decisiones de impuestos, envíos e inventario

Son decisiones de negocio que la IA no puede tomar por ti:

• Impuestos. Si debes cobrar IVA u otro impuesto de ventas, y a qué tipo, depende de dónde estés tú y dónde estén tus clientes. Stripe ofrece un producto para esto (Stripe Tax), o puedes fijar tipos fijos si tu situación es sencilla. Consulta con un asesor fiscal si no tienes claro cómo aplicarlos.
• Envíos. Empieza con unas pocas tarifas planas (nacional, internacional, gratis a partir de un importe). Las tarifas en tiempo real de las empresas de transporte y la impresión de etiquetas es donde plataformas como Shopify te ahorran mucho trabajo.
• Inventario. Decide si el stock se reserva al iniciar el pago o solo cuando este se completa. En tiendas pequeñas, restar el stock al confirmarse el pago y volver a comprobarlo justo antes de pagar es más sencillo; así, vender de más el último artículo puede pasar de vez en cuando, y tienes que decidir cómo lo gestionarás. Para el seguimiento de stock más allá de la tienda, consulta cómo crear una app de gestión de inventario.

Un primer prompt que funciona

Crea una tienda online para Loam & Clay, un pequeño estudio de cerámica que vende tazas, cuencos y jarrones. Escaparate: portada con productos destacados, página de tienda con filtros por categoría, fichas de producto con galería de imágenes, variantes de color y estado del stock, y un carrito deslizable. Guarda productos, variantes, pedidos y líneas de pedido en una base de datos y carga 10 productos realistas. Área de administración (con inicio de sesión) para añadir y editar productos, subir imágenes, cambiar el stock y ver los pedidos con estado pagado / preparado / enviado. El botón de pago puede ser un marcador de posición por ahora; añadiremos Stripe Checkout después. Diseño cálido y minimalista, pensado primero para móvil. Sin reseñas inventadas ni afirmaciones como « envío gratis a todo el mundo ».

Empezar con el pago como marcador de posición es deliberado: primero consigue bien el catálogo y la administración, y después conecta los pagos en un paso aparte que puedas probar como toca.

Pasos de construcción

1. Catálogo y fichas de producto, con nombres, precios y fotos reales.
2. Carrito que sobreviva a una recarga de la página.
3. Administración: productos, variantes, stock, subida de imágenes. Protégela con inicio de sesión.
4. Stripe Checkout en modo de prueba, con el servidor volviendo a comprobar precios y stock.
5. Webhook que marca los pedidos como pagados y resta el stock. Pruébalo de principio a fin con una tarjeta de prueba.
6. Emails de pedido para el cliente y para ti.
7. Políticas y SEO: páginas de envíos y devoluciones, títulos y descripciones de producto, imágenes para compartir. Consulta SEO para webs creadas con IA.
8. Puesta en marcha: cambia a las claves reales de Stripe, haz tú mismo un pedido pequeño y reembólalo.

Errores habituales

• Fiarse de los precios que llegan desde el navegador. Recalcula siempre en el servidor.
• Marcar los pedidos como pagados en la página de éxito en lugar de hacerlo con el webhook.
• Sobrescribir los números de stock en lugar de registrar movimientos: pierdes el historial de por qué cambió el stock.
• Lanzar sin páginas de envíos y devoluciones.
• Imágenes de producto enormes. Comprímelas y sírvelas desde un almacenamiento de archivos, no dentro del código.
• Crear listas de deseos, reseñas y puntos de fidelización antes de la primera venta.

Costes de funcionamiento

Prevé: alojamiento y base de datos, comisiones de procesamiento de pagos en cada venta, un dominio, un proveedor de email para las confirmaciones de pedido y, posiblemente, un servicio de impuestos. Una tienda a medida evita la suscripción a una plataforma y las comisiones de las apps, pero asumes el mantenimiento: cuando algo falla en el pago, te toca arreglarlo a ti.

Si quieres que vendan otras personas (varios vendedores, cada uno con su pago), eso es un marketplace, con reglas de pago distintas. Consulta cómo crear un marketplace.

Cómo construirla con Mythex

En Mythex describes la tienda y el agente construye el catálogo, el carrito y la administración en una vista previa en directo, con una base de datos Postgres para productos y pedidos y almacenamiento de archivos para las imágenes de producto. La guía de casos de uso de tiendas de la documentación recomienda justo el orden anterior: primero el catálogo, el pago después.

Los pagos usan tu propia cuenta de Stripe: añades tus claves de Stripe como secretos del proyecto y le pides al agente que añada Checkout; después pruebas con las tarjetas de prueba de Stripe en la vista previa (receta de Stripe). Los webhooks necesitan una URL pública, así que publica antes de indicarle a Stripe dónde enviarlos (receta de webhooks). Los impuestos, los envíos y la sincronización del inventario no son funciones integradas de Mythex, y no hay integración nativa con Shopify: si necesitas todo eso como producto terminado, Shopify es la mejor opción. Para empezar, consulta las plantillas de tiendas, como la tienda de comercio electrónico.

Preguntas