Saltar al contenido principal
Shopify Jp Desde la venta de productos físicos hasta descargas digitales, Lovable te ayuda a crear, personalizar y mejorar continuamente tu nueva tienda usando lenguaje natural, mientras que Shopify se encarga de los pagos, el inventario y la logística cuando la lances.

​
Casos de uso

Con Lovable + Shopify, puedes crear y lanzar tiendas en línea reales para:
  • Productos físicos: vende ropa, gadgets, accesorios o artículos para el hogar
  • Productos digitales: ofrece e-books, cursos, música o descargas de software
  • Marcas de nicho: lanza rápidamente tiendas para merchandising de edición limitada, productos locales, dropshipping o proyectos secundarios
  • Pequeñas empresas: presenta panaderías, cafeterías o negocios de artesanía y acepta pedidos en línea
  • Probar nuevas ideas de producto: añade unos cuantos productos y evalúa su rendimiento antes de una producción a gran escala
  • Expansión del negocio: introduce nuevas colecciones, campañas de temporada o paquetes con solo una instrucción

​
Antes de comenzar

Antes de empezar a crear tu tienda de comercio electrónico con Lovable + Shopify, aquí tienes algunas cosas importantes que debes saber:
  • Solo para nuevas tiendas de Shopify
    La integración Lovable + Shopify está diseñada para crear y lanzar únicamente nuevas tiendas de Shopify. Las tiendas existentes no se pueden conectar ni gestionar a través de esta integración.
  • Tienda sandbox: sin costo de Shopify
    Lovable crea automáticamente una tienda sandbox para que puedas crear y experimentar de forma segura sin ningún costo por parte de Shopify. Este entorno es ideal para la configuración y las pruebas, pero no procesará pagos reales.
  • Reclamar tu tienda
    Cuando estés listo para lanzar tu tienda, tendrás que reclamar tu tienda. Esto la migra a tu cuenta de Shopify e inicia una prueba gratuita de 30 días de Shopify. En Shopify, debes activar los pagos y completar la configuración de tu tienda para empezar a aceptar pagos reales de tus clientes.
  • Suscripción de Shopify requerida
    Después del período de prueba gratuita, necesitarás un plan de pago de Shopify para seguir vendiendo productos en línea. Esta suscripción se gestiona directamente a través de Shopify y es independiente de las tarifas de Lovable.
  • Cumplimiento de la política de reseñas de Shopify
    Antes de publicar tu tienda, asegúrate de que todas las reseñas sean auténticas, imparciales y cumplan con la Política de reseñas de Shopify.

​
Habilitar la integración con Shopify

De forma predeterminada, la integración con Shopify está habilitada para tu espacio de trabajo. Puedes gestionar el comportamiento de la integración con Shopify y la configuración de Shopify relacionada para tus Proyectos en tus preferencias de usuario: Settings → Integrations → Shopify → User preferences.

​
Preferencias de usuario

La configuración predeterminada de la integración con Shopify es Ask each time, lo que significa que decides si habilitar o deshabilitar la integración con Shopify para cada proyecto. Puedes cambiar tu preferencia en cualquier momento desde Settings → Integrations → Shopify → User preferences. Lovable te avisa cuando es necesaria una integración con Shopify. Tienes tres opciones:
  • Allow: habilitar la integración para el proyecto actual.
  • Decline: rechazar la integración para esta solicitud (es posible que se te vuelva a preguntar más adelante).
  • Adjust preferences: cambiar el comportamiento predeterminado para futuros proyectos (no afecta al proyecto actual).

​
Flujo de integración con Shopify

Puedes empezar de la siguiente manera:

​
1. Crea tu tienda

Al crear un nuevo proyecto desde cero, dile a Lovable qué tipo de tienda quieres crear y especifica Shopify.
Crea una tienda de comercio electrónico con Shopify para vender velas aromáticas hechas a mano.
Al crear un remix de un proyecto existente, proporciona a Lovable una instrucción para integrar Shopify y eliminar los datos de ejemplo. Es importante usar una instrucción buena y completa. Por ejemplo:
Me gustaría reemplazar los productos de esta tienda con mis propios productos y crear mi tienda en Shopify. Por favor, procede a:
  1. Conectarte a Shopify.
  2. Eliminar todos los datos de ejemplo de productos de la tienda y crear X productos nuevos con imágenes de producto.
  3. Actualizar las tarjetas de producto y la página de detalles de producto para usar la nueva información de producto.
  4. Actualizar la URL de la página de detalles de producto para que coincida con el nuevo producto.
  5. Actualizar el componente de añadir a la lista de deseos y la lógica asociada para reflejar este cambio.
  6. Actualizar mi carrito, el CTA de comprar ahora y cualquier acción de checkout relacionada en cualquier página para reflejar la integración con la tienda de Shopify.
Lovable te pedirá activar la conexión con Shopify; solo haz clic en Allow. Tu tienda sandbox ya está lista para la configuración.

​
2. Añade productos e imágenes de productos

Empieza añadiendo productos con nombre, descripción y precio. Por ejemplo:
Añade un producto llamado Lavender Breeze Candle, descripción: «A calming handmade soy candle infused with lavender essential oils», precio: $25.
Puedes editar los detalles más tarde. Si tu producto no aparece, usa la siguiente instrucción:
Muestra los productos en el sitio web.
Luego, mejora tus fichas de producto con elementos visuales usando cualquiera de las opciones siguientes. Utiliza siempre imágenes representativas. Generar imágenes con IA
Añade una imagen generada con IA al producto Lavender Breeze Candle.
Subir o adjuntar tu propia imagen
Añade la imagen adjunta al producto Lavender Breeze Candle.
Añadir imagen desde URL
Añade una imagen desde una URL al producto Lavender Breeze Candle.

​
3. Administra tu tienda

Administra tus productos y optimiza tu tienda sin salir de Lovable. Por ejemplo, puedes pedirle a Lovable que:
  • Actualice los nombres, descripciones o precios de los productos
  • Elimine productos
  • Muestre todos los productos
  • Agregue la función de filtrado de productos y cree colecciones basadas en diferentes categorías
  • Agregue la función de reseñas de productos y solo permita reseñas para compras verificadas
  • Agregue códigos de descuento basados en porcentaje o en un monto fijo (USD) e incluya el período de validez
  • Agregue la función de lista de deseos y la posibilidad de compartirla
Actualiza el precio de Lavender Breeze Candle a $28.
Cambia la descripción de Vanilla Bean Candle para destacar la mecha de madera.
Elimina el producto Cinnamon Spice Candle.
Muestra todos los productos.
Crea un sistema de reseñas de productos y solo permite reseñas para compras verificadas.
Crea un código de descuento del 15% para el producto Lavender Breeze Candle. El código debe ser LAVANDER15 y válido hasta finales de noviembre de 2025.
Permíteme agregar productos a la lista de deseos y compartirla.

​
4. Reclama tu tienda

Cuando estés listo para reclamar y lanzar tu tienda, prepárate para desbloquearla y configurar y activar los pagos completando el proceso KYC (Know Your Customer, Conoce a tu cliente). Esto puede llevar algo de tiempo.
  1. Escribe “Claim the store”. Lovable te pedirá que reclames la tienda. Haz clic en Claim. Esto abre Shopify en una nueva pestaña, donde puedes iniciar sesión y luego completar el proceso de reclamación. También puedes recibir una invitación por correo electrónico para reclamar tu tienda.
  2. Acepta el enlace Claim store de Shopify. Esto te lleva de vuelta a tu Proyecto de Lovable.
  3. Ve a Shopify Admin para completar la configuración de tu tienda y activar los pagos para que puedas empezar a vender. Consulta Shopify payments para obtener más información.
Cuando reclamas tu tienda, Shopify asigna un dominio permanente para tu tienda; no te preocupes, eso es solo tu backend. La URL real de tu tienda será tu lovable.app o tu dominio personalizado.
Solo reclames tu tienda cuando estés completamente listo para lanzar, ya que necesitas una suscripción de pago de Shopify después de la prueba gratuita de 30 días para seguir vendiendo productos en línea.

​
5. Lanza tu tienda

Cuando hayas reclamado tu tienda y completado la configuración, publica tu proyecto de Lovable y comparte tu tienda con el mundo. En cualquier momento, directamente desde Lovable, puedes:
  • Crear, actualizar y eliminar productos
  • Gestionar precios y descripciones
  • Lanzar nuevas colecciones, promociones o paquetes

​
Preguntas frecuentes

No te preocupes: nuestro agente todavía está aprendiendo sobre tu nueva tienda y solo necesitas darle una instrucción una vez para corregir esto de forma permanente. Dale al agente la siguiente instrucción:
Please update the product URL logic to ensure that all new and future products in the store correctly display their respective product detail pages.
Esto debería garantizar que no tengas problemas en el futuro. Para cualquier otro problema, al hacer clic en el botón “Try to Fix”, el agente intentará analizarlo y resolverlo. 
Dale una instrucción al agente para que actualice las páginas donde hayas visto estos productos, por ejemplo:
Clear the store from any existing products across all pages except for those that I added to my Shopify store.