Mapa de páginas, colecciones, navegación y flujos de conversión en Shopify. Define qué existe en la tienda, cómo está organizado y qué hace cada parte. Este documento es un gate — define el alcance del build.
A diferencia de un sitio de servicios con un solo CTA, una tienda de e-commerce tiene múltiples objetivos simultáneos. Cada uno corresponde a una persona del Doc 02.
Que el visitante encuentre un producto, lo agregue al carrito y complete la compra. Para Sebastián (ya sabe qué quiere) y Andrea (necesita guía para elegir).
Que el visitante vea que Play! tiene 4 tiendas, revise stock, y vaya a comprar/recoger en persona. 67% de recojo en tienda hacen compras adicionales.
Que el visitante deje su email: por el quiz, por “avísame cuando llegue”, por preventa, o por el newsletter. Para Mathias (Pokémon) y futuros eventos.
Rojo = páginas. Verde = colecciones de productos. Las sub-categorías dentro de colecciones se manejan con filtros (Shopify Search & Discovery), no con páginas separadas.
Shopify no tiene sub-colecciones nativas. Las categorías se simulan con colecciones automáticas (se llenan solas según reglas) y filtros por campos personalizados del producto.
| Colección | Tipo | Regla | Productos est. |
|---|---|---|---|
| Juegos de Mesa | Automática | Tipo de producto = “Juego de Mesa” | ~150 |
| Pokémon TCG | Automática | Tipo de producto = “Pokemon TCG” | ~60 |
| Funko Pop | Automática | Tipo de producto = “Funko Pop” | ~30 |
| Rompecabezas | Automática | Tipo de producto = “Rompecabezas” | ~30 |
| Actividades | Automática | Tipo de producto = “Actividad” | ~15 |
| Accesorios | Automática | Tipo de producto = “Accesorio” | ~15 |
| Novedades | Automática | Fecha de creación < 30 días | Variable |
| Ofertas | Automática | Precio comparado > Precio actual | Variable |
| Próximamente | Automática | Etiqueta = “pre-order” | Variable |
| Staff Picks | Manual | Curada por el equipo de Play! | 10-15 |
| Para Familias | Manual | Curada: juegos familiares top | 15-20 |
| Para Regalar | Automática | Campo personalizado giftable = verdadero | Variable |
Las colecciones automáticas se llenan solas cuando un producto cumple la regla. Las manuales las edita el equipo. Importante: una vez creada como automática o manual, no se puede cambiar.
| Campo | Aplica a | Ejemplo | Para qué sirve |
|---|---|---|---|
| Jugadores (mín-máx) | Juegos de mesa | 2-6 | Filtro #1 más usado en el mundo |
| Duración | Juegos de mesa | 30 min | Filtro clave (“juego rápido” vs “juego largo”) |
| Edad mínima | Juegos + puzzles | 7+ | Andrea filtra por esto primero |
| Complejidad | Juegos de mesa | 2/5 | Principiante vs experto |
| Tipo de juego | Juegos de mesa | Familiar, Estrategia, Party | Sub-filtro dentro de la colección |
| Expansión / Set | Pokémon TCG | Ascended Heroes | Mathias busca por expansión específica |
| Número de piezas | Rompecabezas | 1000 | Filtro principal de puzzles |
Estos campos se configuran en Shopify como “Metafield definitions” y se conectan a los filtros con la app Search & Discovery (gratis). Los datos se pueden sacar de BoardGameGeek automáticamente.
6 items + búsqueda + carrito. Shopify permite máximo 3 niveles de menú. En mobile se convierte en menú hamburguesa con acordeón.
Por tipo: Familiar · Estrategia · Party · Cooperativo · Rápidos (<30 min) · 2 Jugadores · Ver todos
Destacado: Imagen del juego del mes + link a Staff Picks
Productos: Sellados · Cartas Sueltas · Cajas Elite · Boosters
Accesorios: Sleeves · Playmats · Deck Boxes
Destacado: Imagen de última expansión + link a Próximamente
Funko Pop · Rompecabezas · Actividades · Accesorios · Ofertas · Novedades
Jesús María · Óvalo Gutiérrez · Schell · Aelu
Cada uno con horario + link a Google Maps
Blog · Eventos · Encuentra tu Juego (quiz) · Sobre Nosotros · Contacto
Google “juegos para niños lima” o IG de una amiga
Home → “Encuentra tu Juego” (quiz)
3 recomendaciones → ficha con edad/jugadores/reseñas
Agrega al carrito → Yape o recojo en tienda
Google “wingspan precio peru” o link directo
Escribe nombre → autocompletado → ficha de producto
Precio + stock + cuotas PowerPay + reviews
Agrega al carrito → 3 cuotas sin intereses → delivery o recojo
Link de IG Story o grupo de WhatsApp
Colección “Próximamente” o landing de expansión
Botón “Reservar” + depósito inicial + badge “Original”
Email de confirmación → Klaviyo → aviso cuando llegue → recojo
| # | Sección | Objetivo | Contenido clave | Prior. |
|---|---|---|---|---|
| 00 | Announcement bar | Info clave siempre visible | Envío gratis desde S/150 · Recojo gratis en Jesús María · Paga en cuotas con PowerPay. Editable desde Theme Editor. | Alta |
| 01 | Hero (editable) | Primera impresión + 3 puertas de entrada | Banner rotativo editable por el equipo desde Theme Editor (imagen + texto + link + botón). 3 CTAs claros: “Juegos de Mesa” · “Pokémon TCG” · “No sé qué busco — ayúdame” (quiz). Búsqueda visible. | Alta |
| 02 | Colecciones destacadas | Mostrar la diversidad del catálogo | 6-8 cards con imagen: Juegos de Mesa, Pokémon, Funko Pop, Rompecabezas, Novedades, Ofertas. Cada una lleva a su colección. | Alta |
| 03 | Más vendidos (editable) | Mostrar productos reales, generar interés | Carrusel que muestra una colección manual seleccionable desde Theme Editor. El equipo rota productos sin tocar código. Precio con cuotas y badges visibles. | Alta |
| 04 | Quiz promo | Capturar a Andrea (“no sé qué comprar”) | Bloque visual: “¿No sabes qué juego elegir? Responde 4 preguntas y te recomendamos.” → Botón a la página del quiz. | Alta |
| 05 | Nuestras tiendas | Trust signal + llevar gente a las tiendas | 4 cards con nombre, foto, dirección, horario, link a Google Maps. Mensaje: “Ven a conocernos — 4 locales en Lima.” | Alta |
| 06 | Reseñas de clientes | Social proof | 4-6 reseñas reales de Google Maps/Judge.me con nombre y estrellas. Objetivo: construir confianza en un mercado con 55% de desconfianza online. | Media |
| 07 | Eventos / Comunidad | Diferenciar de competidores + capturar leads | “¿Quieres saber más de Play!?” Newsletter signup + próximos eventos. Link a calendario de eventos. | Media |
| 08 | Marcas | Confianza por asociación | Logos de marcas: Devir, Hasbro, Pokémon, Ravensburger, Asmodee. “Distribuidor autorizado.” | Media |
| 09 | Footer | Links útiles + legal + confianza | 4 columnas: Comprar (colecciones) · Info (nosotros, tiendas, eventos, blog, FAQ) · Legal (envíos, devoluciones, T&C, libro reclamaciones) · Síguenos (IG, FB, TikTok, WhatsApp). Logo + copyright. | Alta |
Se crean 3 templates diferentes en Shopify para que cada tipo de producto muestre la información relevante.
• Fotos (múltiples)
• Nombre + precio + cuotas PowerPay
• Jugadores · Duración · Edad · Complejidad (iconos)
• Descripción + mecánica
• “Agregar al carrito” + “Recojo en tienda”
• Reseñas (Judge.me)
• Productos relacionados
• Video review (si existe)
• Fotos reales (no renders)
• Badge “100% Original · Distribuidor Autorizado”
• Nombre + precio + cuotas
• Expansión / Set
• “Agregar al carrito” o “Pre-order”
• “Avísame cuando llegue” si agotado
• Reseñas
• Productos del mismo set
• Fotos
• Nombre + precio + cuotas
• Descripción
• “Agregar al carrito”
• Reseñas
• Productos relacionados
Para: Funko Pop, rompecabezas, actividades, accesorios.
Elemento común en los 3 templates: Precio con cuotas visible (“S/280 o 3 cuotas de S/93”), botón de WhatsApp para consultas, stock en tiempo real, opción de recojo en tienda, y reseñas de clientes. Estos elementos responden a las necesidades de las 3 personas.
| Página | Persona que la usa | Qué resuelve | Implementación Shopify |
|---|---|---|---|
| Encuentra tu Juego (Quiz) | Andrea | “No sé qué comprar” → 4 preguntas → 3 recomendaciones + captura de email | App: Shop Quiz / RevenueHunt / Quizify |
| Nuestras Tiendas | Las 3 | 4 locales con mapa, horarios, fotos, cómo llegar. Trust signal #1 en Perú. | Template page custom + app SC Store Locator o Google Maps embed |
| Eventos | Mathias + Sebastián | Calendario de torneos, game nights, preventas, clases. Registro online. | Blog post con tag “evento” — el equipo crea posts desde el admin. La sección de homepage muestra los más recientes automáticamente. |
| Blog | Sebastián + SEO | Reviews de juegos, guías “cómo jugar”, recaps de eventos, novedades. Contenido en español que no existe. | Blog nativo de Shopify con tags |
| Sobre Nosotros | Andrea | Historia de Play!, equipo, misión. Confianza y cercanía. | Template page custom |
| Contacto | Las 3 | WhatsApp (canal #1 en Perú) + email + teléfonos por sede + formulario | Template page custom |
| FAQ | Las 3 | Envíos, pagos (Yape, cuotas), devoluciones, stock, recojo en tienda | Template page con acordeón |
| Libro de Reclamaciones | Legal | Obligatorio por INDECOPI. Link en footer siempre visible. | App “Libro de Reclamaciones” por Aztech o formulario custom |
Cada app resuelve una necesidad específica. Solo se instalan las necesarias — más apps = más lento el sitio.
| App | Qué hace | Costo | Prior. |
|---|---|---|---|
| Search & Discovery | Filtros por campos del producto (jugadores, duración, edad). Búsqueda inteligente. | Gratis (Shopify) | Alta |
| Judge.me | Reseñas de clientes con fotos. Email automático post-compra pidiendo reseña. | Gratis | Alta |
| Klaviyo | Email marketing: bienvenida, carrito abandonado, post-compra, preventas, eventos. | Gratis hasta 250 contactos | Alta |
| Shop Quiz / RevenueHunt | Quiz “Encuentra tu Juego”. 4 preguntas → recomendaciones + captura de email. | Gratis (básico) / $39/mes | Alta |
| Libro de Reclamaciones | Formulario legal obligatorio INDECOPI. Registro con DNI/RUC. | Gratis / ~$5/mes | Alta |
| Facturación SUNAT (Vendhi) | Boletas y facturas electrónicas desde Shopify. Cumple con SUNAT. | $4/mes + $0.10/comprobante | Alta |
| Pre-Order (Timesact o similar) | Botón “Reservar” en vez de “Agregar al carrito” para productos próximos. | Gratis / ~$10/mes | Media |
| Back in Stock (Appikon) | “Avísame cuando llegue” — captura email/WhatsApp para productos agotados. | Gratis (básico) | Media |
| Smile.io o Joy | Programa de puntos. Ganar puntos por compra, reseña, referidos. Canjear por descuento. | Gratis (básico) / $49/mes | Media |
| Google & YouTube | Sincroniza productos con Google Merchant Center automáticamente. Listados gratis en Google Shopping. | Gratis | Media |
| PowerPay (BBVA) | Widget de cuotas sin intereses. Cualquier tarjeta de crédito. 3/6/12 meses. | Gratis para el vendedor | Alta |
| Tema | Decisión | Detalle |
|---|---|---|
| Recojo en tienda | Solo Jesús María | La web la maneja la sede de JM. Las otras 3 sedes no participan del e-commerce por ahora. El store locator muestra las 4 pero solo JM ofrece recojo. |
| Envío gratis | Desde S/150 | Justo arriba del ticket promedio (~S/120). Incentiva agregar un producto más al carrito. |
| Cupones | Se migran a Shopify | Los cupones activos de WooCommerce (Advanced Coupons) se recrean en Shopify Discounts. Formato puede variar. |
| Blog | Lo maneja el equipo de Play! | MIYAUCHI lo deja configurado con template y estructura. A futuro se evalúa alianza con Simple Éxito para gestión de contenido. |
| Programa de puntos | Se lanza desde el día 1 | Smile.io o Joy configurado para arranque. Mateo se encarga de la configuración de reglas (puntos por compra, reseña, referido). |
| Pasarela de pago | Izipay + PowerPay | Izipay como gateway principal (Visa, Mastercard, Yape). PowerPay (BBVA) como widget de cuotas sin intereses. Shopify cobra 2% adicional por no usar Shopify Payments — asumido por Play!. |
| Yape | Se asume que va con Izipay | Confirmar con Izipay si su integración Shopify soporta Yape. Si no, evaluar gateway alternativo. No bloquea el lanzamiento. |
| Stock | 1 ubicación (Jesús María) | Confirmado. Multi-sede en fase posterior. |
| Eventos | Blog con tag “eventos” | Simple, gratis, SEO amigable, editable por el equipo. |
Estos requisitos vienen directamente del cliente. Si el equipo no puede hacer estas cosas sin tocar código, la tienda está mal armada.
El equipo quiere cambiar los banners del homepage cuando hay un nuevo evento, promoción o lanzamiento. Implementación: Sección hero con bloques editables en el Theme Editor de Shopify. Imagen + texto + link + botón — todo desde el editor, sin código.
Quieren rotar qué productos aparecen como “más vendidos” o “destacados” en el homepage. Implementación: Sección que muestra una colección manual seleccionable desde el Theme Editor. El equipo edita la colección (agrega/quita productos) y el homepage se actualiza solo.
Cuando hay un torneo, game night, o preventa nueva, quieren poder publicarlo. Implementación: Blog post con tag “evento” — el equipo crea un post con fecha, descripción, imagen y link. La sección de eventos del homepage muestra los posts más recientes con ese tag.
Cuando un producto se agota, quieren que el cliente pueda dejar su email para ser avisado. Implementación: App Back in Stock (Appikon). Se activa automáticamente cuando un producto llega a stock 0. El botón “Agregar al carrito” cambia a “Avísame cuando llegue”. Email automático cuando el stock se repone.
El equipo carga productos desde el admin de Shopify siguiendo el SOP. Implementación: Product type correcto + metafields mínimos = el producto entra solo a sus colecciones. Documentado en SOP_carga_productos_y_colecciones.md.
Crear cupones para campañas, descuentos por temporada, códigos para redes. Implementación: Shopify Discounts nativo. Código de descuento, porcentaje o monto fijo, con fecha de inicio/fin. Los cupones de WooCommerce se migran aquí.
Regla de oro: Si el equipo de Play! tiene que escribirle a Mateo para cambiar un banner, rotar los más vendidos, o publicar un evento, la tienda está mal hecha. Todas estas acciones deben ser posibles desde el admin de Shopify sin tocar código.
• Integración directa V-CHAIN por API (se usa CSV manual)
• Stock multi-sede en la web
• MercadoLibre como canal de venta
• IG Shopping / TikTok Shop
• App móvil nativa
• Redacción de descripciones para los 300 productos (GPT lo hace en paralelo — top 50 primero)
• Creación de contenido para el blog
• Migración de ~300 productos a Shopify
• 3 templates de producto
• Todas las páginas del sitemap
• Configuración de colecciones + filtros
• Mega menu responsive
• Quiz “Encuentra tu Juego”
• Izipay + PowerPay configurados
• Redirects 301 de todas las URLs
• SEO básico (meta titles, descriptions)
• Judge.me + Klaviyo + apps configuradas
• Store locator con 4 sedes
• Libro de Reclamaciones