Integración

App de Shopify

Integra OutfitAI en tu tienda Shopify como una app nativa. El botón “Probarse” aparece directamente en tus páginas de producto sin tocar código — se configura desde el Theme Customizer de Shopify.

Antes de empezar

Requisitos

•Tienda Shopify activa (plan Basic o superior)
•Acceso de administrador a la tienda
•Link de instalación proporcionado por OutfitAI

Configuración

Paso a paso

Instalar la app

OutfitAI te enviará un link de instalación. Al abrirlo en tu navegador (con sesión activa en tu tienda Shopify), Shopify mostrará una pantalla de autorización.

Revisa los permisos solicitados y haz clic en Instalar. La app se instalará y serás redirigido automáticamente al panel de configuración de OutfitAI.

✦

El link de instalación es único para tu tienda. Si necesitas reinstalar la app, contacta a OutfitAI para obtener un nuevo link.

Agregar el bloque al tema

Una vez instalada la app, el botón “Probarse” se configura desde el Theme Customizer de Shopify:

1.En el admin de Shopify, ir a Tienda en línea → Temas → Personalizar
2.En el selector de página (parte superior), cambiar a Productos → Producto predeterminado
3.En el panel izquierdo, dentro de una sección del producto (ej. “Información del producto”), hacer clic en Agregar bloque
4.Buscar Outfit AI bajo la sección Aplicaciones y seleccionarlo
5.
En la configuración del bloque (panel derecho), ajustar:
- Etiqueta del botón — texto del botón (por defecto: Probarse)
- URL de la app OutfitAI — URL base de OutfitAI (https://outfit.tekus.co)
6.Hacer clic en Guardar para publicar los cambios

Verificar la integración

Visita cualquier página de producto de tu tienda y verifica que:

✓El botón "Probarse" aparece en la página del producto
✓Al hacer clic se abre el modal con el probador virtual
✓El cliente puede subir una foto y ver cómo le queda la prenda

Técnico

Notas

•Sin configuración de API key: OutfitAI provee la integración con Gemini AI. No necesitas obtener ni configurar ninguna API key.
•Compatibilidad de temas: La app funciona con cualquier tema de Shopify que soporte app blocks (Online Store 2.0 en adelante). Si tu tema es más antiguo, contacta a OutfitAI.
•Imágenes del producto: El probador toma automáticamente la imagen principal del producto desde Shopify. No necesitas subir ni configurar nada en el catálogo.
•Desinstalar: Desde el admin de Shopify en Apps → OutfitAI → Eliminar. El bloque del tema se desactivará automáticamente.

OutfitAI — Documentación de integración Shopify

← Volver al inicio