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 reducir el stock, y una vista de administración para prepararlos y enviarlos. 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 lo que rodea al 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? Decide primero

Sé realista con esto antes de construir nada.

Una plataforma de comercio alojada (Shopify, Squarespace Commerce, WooCommerce y similares) suele ser mejor 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 procesa pedidos todos los días
• Quieres una tienda de complementos: reseñas, email marketing, programas de 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 se paga al año, y los pagos con tarjeta tienen comisiones de procesamiento adicionales. Consulta la página de precios de 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 a medida, reservas más productos, descargas digitales con licencias, listas de precios B2B por cliente
• La tienda es solo una parte de una app más grande (una plataforma de cursos, una web 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: inicio, 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 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 muchas regiones exigen algunas por ley.

Permisos

Deja que los compradores compren sin cuenta: la compra como invitado elimina un paso, y las cuentas pueden llegar después. Solo los administradores pueden 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 comprador pulsa en Pagar. Tu servidor vuelve a comprobar los precios y el 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 comprador 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 reduces el stock.
4. El comprador llega a tu página de confirmación, y tú envías un email de confirmación.

Dos errores que conviene evitar: crear el pedido «pagado» a partir de la redirección de la página de éxito (la gente cierra pestañas y las redirecciones pueden falsificarse) y calcular el total en el navegador. Ambos son fáciles de cometer si la IA no recibe instrucciones claras al respecto.

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. Construye todo en el modo de pruebas de Stripe con sus números de tarjeta de prueba. Nuestra guía sobre cómo añadir pagos a tu app explica las claves, el modo de prueba y los webhooks.

Decisiones sobre 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 sobre ventas, y a qué tipo, depende de dónde estés tú y tus clientes. Stripe ofrece un producto para esto (Stripe Tax), o puedes fijar tipos fijos si tu situación es sencilla. Consulta a un asesor si tienes dudas.
• Envíos. Empieza con unas pocas tarifas planas (nacional, internacional, gratis a partir de un importe). Las tarifas en tiempo real de los transportistas y la impresión de etiquetas son el punto donde plataformas como Shopify te ahorran mucho trabajo.
• Inventario. Decide si el stock se reserva cuando empieza el pago o solo cuando este se completa. En tiendas pequeñas, reducir el stock al pagar y volver a comprobarlo justo antes del pago es lo más sencillo; así, puede ocurrir que vendas alguna vez el último artículo de más, de modo que debes decidir cómo gestionarlo. Para el control 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: página de inicio 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 (requiere 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 por ahora: añadiremos Stripe Checkout a continuación. Diseño cálido y minimalista, pensado primero para móvil. Sin reseñas falsas ni afirmaciones del tipo «envío gratis a todo el mundo».

Empezar con el pago como marcador 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 es debido.

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 reduce 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 sitios web creados con IA.
8. Puesta en marcha: cambia a las claves reales de Stripe, haz tú mismo un pedido pequeño real y reembólsalo.

Errores habituales

• Confiar en los precios que llegan desde el navegador. Recalcúlalos 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 fidelidad 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 tarifas de apps, pero asumes el mantenimiento: si algo falla en el pago, es responsabilidad tuya arreglarlo.

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

Crear la tienda 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 vivo, con una base de datos Postgres para productos y pedidos y almacenamiento de archivos para las imágenes de producto. La página de casos de uso de tiendas de la documentación recomienda exactamente 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 pides al agente que añada Checkout, y luego 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 apuntar Stripe hacia ellos (receta de webhooks). Los impuestos, los envíos y la sincronización de inventario no son funciones integradas de Mythex, y no hay una integración nativa con Shopify: si necesitas esas cosas como producto terminado, Shopify es la mejor opción. Como punto de partida, consulta las plantillas de tiendas, como la tienda de comercio electrónico.

Preguntas