Manual operativo
v1.0 · 15/May/2026
Play! Board Game Store

Editar el Hero y las páginas

Cambiar textos, fotos, las 3 puertas del Hero y los estilos pre-hechos.

Lo esencial en 3 puntos

Antes de empezar

Necesitas:

Importante Los cambios que haces salen en vivo apenas das Save — no hay etapa de aprobación. Si tienes dudas, usa "Preview" antes de guardar.

Paso 1 · Entrar al Theme Editor

  1. Ir a Themes.

    Admin → menú izquierdo Online Store → submenú Themes.

    [SCREENSHOT PENDIENTE: sidebar admin · Online Store → Themes resaltado]
  2. Abrir el editor del theme activo.

    Verás un bloque arriba "Current theme" con Play MIYAUCHI v1. Click en el botón Customize (verde). Se abre el Theme Editor con el preview del sitio a la derecha y el panel de secciones a la izquierda.

    [SCREENSHOT PENDIENTE: Themes page · Play MIYAUCHI v1 + botón Customize verde resaltado]
  3. Asegúrate de estar en la página correcta.

    Arriba al centro hay un dropdown que dice "Home page" por defecto. Si quieres editar otra página (FAQ, Quiénes Somos, etc.), cámbialo. Para el Hero, déjalo en Home page.

Paso 2 · Editar el Hero (3 puertas)

  1. Encuentra la sección Hero.

    En el panel izquierdo, busca la sección llamada "Hero 3 puertas". Click en ella → se expande mostrando: el encabezado general + las 3 puertas como sub-bloques.

    [SCREENSHOT PENDIENTE: panel izquierdo Theme Editor · sección Hero 3 puertas expandida con 3 bloques door]
  2. Edita el encabezado general (arriba del bloque).

    Cuando haces clic en "Hero 3 puertas" (no en un bloque individual), aparecen 3 campos globales:

    CampoQué controlaEjemplo actual
    EyebrowTexto pequeño arriba (etiqueta superior)."EMPIEZA POR ACÁ"
    TítuloEl titular grande del Hero."REDESCUBRE UN MUNDO DE JUEGOS"
    SubtítuloFrase debajo del título, en menor tamaño."Desde clásicos de familia hasta preventas Pokémon..."
  3. Edita una puerta individual.

    En el panel izquierdo, click en una de las puertas (ej. "Puerta 1"). Te aparecen 6 campos editables:

    CampoQué controlaEjemplo
    TítuloNombre grande de la puerta."Juegos de mesa"
    Etiqueta superiorPill pequeño arriba del título (categoría/audiencia)."Para jugar en grupo"
    Descripción1 línea explicando qué hay adentro."Familiares, estrategia, party, cooperativo."
    Texto del CTAEl texto del botón."Explorar"
    EnlaceA dónde lleva el botón./collections/juegos-de-mesa
    Estilo de la puertaApariencia visual (ver biblioteca abajo).Negro + rojo · Amarillo · Blanca con borde
    [SCREENSHOT PENDIENTE: panel de edición de Puerta · los 6 campos visibles + dropdown Estilo abierto]
  4. Cambiar el estilo visual de una puerta.

    En el dropdown "Estilo de la puerta" elegir uno de los 3 pre-hechos (ver biblioteca debajo). El preview a la derecha se actualiza instantáneo.

  5. Reordenar las puertas (drag & drop).

    En el panel izquierdo, arrastra las puertas para cambiar su orden. La primera del listado es la que aparece a la izquierda del Hero. La tercera a la derecha.

  6. Save.

    Botón Save arriba a la derecha (azul). El cambio sale en vivo. Si quieres ver primero cómo queda: Preview (al lado de Save) → abre el sitio en nueva pestaña con tu cambio aplicado.

Biblioteca de estilos de puerta · pre-hechos Play!

El theme tiene 3 estilos visuales pre-hechos para las puertas del Hero. Los puedes elegir libremente desde el dropdown "Estilo de la puerta" — no necesitas saber CSS ni código.

01
Negro + rojo
Juegos de mesa
Para jugar en grupo
Explorar
02
Amarillo
Pokémon TCG
Distribuidor autorizado
Explorar
03
Blanca con borde
Encuentra tu juego
Te recomendamos en 4 clics
Empezar quiz
🟥 Negro + rojo · cuándo usarlo Para colecciones principales y temas core de la tienda (juegos de mesa, rompecabezas, accesorios, familia). Es el estilo "default" — úsalo cuando quieras autoridad visual. Funciona con todo.
🟨 Amarillo · cuándo usarlo Para Pokémon TCG, lanzamientos especiales o categorías que quieras destacar con energía. Llama la atención de inmediato. Úsalo con moderación — máximo 1 de las 3 puertas en amarillo.
⬜ Blanca con borde · cuándo usarlo Para "experiencias" en lugar de productos: el quiz, herramientas, encuesta. Comunica "esto es algo distinto, no una colección normal". Pill alargado en lugar de botón cuadrado.
Regla de combinación recomendada La combinación que mejor funciona en Play! es la actual: 1 puerta roja + 1 amarilla + 1 blanca con borde. Genera contraste visual y guía el ojo de izquierda a derecha. Si pones las 3 rojas, el Hero se siente plano.

Paso 3 · Editar otras secciones del homepage

Además del Hero, en el homepage puedes editar estas secciones siguiendo el mismo patrón (click en la sección del panel izquierdo → editar campos → Save):

SecciónQué puedes cambiar
Announcement barTexto del banner superior (ej. "Envío gratis desde S/199"). 1-3 mensajes rotativos.
Featured collectionsQué colecciones se muestran en la grilla de "Categorías destacadas".
Featured productsProductos manualmente seleccionados (carrusel "Recomendados").
Quiz bandBanner inferior con CTA al quiz "Encuentra tu juego".
Brands stripLogos de marcas distribuidas (Hasbro, Devir, Pokémon Co, etc.).
Store locationsDirecciones de las 4 tiendas físicas.
TestimonialsReseñas destacadas mostradas en home.
NewsletterBloque de suscripción (título, copy, placeholder del email).

Paso 4 · Editar páginas estáticas (FAQ · Envíos · Quiénes Somos...)

Las páginas son distintas de las secciones — viven en otra parte del admin:

  1. Entra a Pages.

    Admin → Online Store → submenú Pages.

  2. Selecciona la página a editar.

    Lista de todas las páginas (Quiénes Somos · Tiendas · FAQ · Envíos · Contacto · Términos · Privacidad · Libro de Reclamaciones · Cuotas PowerPay · Encuentra tu Juego · Programa de Puntos). Click en el título.

  3. Edita el contenido en el editor rich-text.

    Verás un editor estilo Word: títulos, párrafos, listas, links, imágenes. Cambia el texto que necesites. NO toques el modo HTML a menos que sepas lo que haces.

    [SCREENSHOT PENDIENTE: editor rich-text de una página Shopify · toolbar arriba + contenido editable]
  4. Save.

    Arriba a la derecha. Sale en vivo apenas confirmas.

Cuidado con cambios fiscales Si vas a tocar páginas Términos · Privacidad · Libro de Reclamaciones, primero pregunta a tu asesor legal. Esas páginas contienen datos sensibles (RUC, razón social Ichiban Ninki S.A.C., responsabilidades) — un cambio mal hecho te expone con INDECOPI.

Errores comunes

Qué pasaPor quéCómo lo resuelves
Cambiaste el texto pero la web sigue mostrando lo viejo. Olvidaste dar Save arriba a la derecha. O caché del navegador. Vuelve al Theme Editor, verifica el cambio + Save. Si ya guardaste, en tu navegador haz Ctrl+Shift+R sobre la página pública.
El layout se rompió después de cambiar un texto largo. Pusiste demasiado texto en un campo que tiene límite visual (eyebrow, título de puerta). Acorta el texto. Regla: eyebrow máx 4 palabras, título de puerta máx 4 palabras, descripción máx 1 línea (~60 char).
Subiste una imagen y se ve borrosa o lenta. Foto muy grande (>1 MB) sin comprimir. Pasa la foto por tinypng.com (gratis) antes de subir. Pasa a ≤300 KB sin perder calidad visible.
El enlace del botón da error 404. Pegaste un enlace al sitio viejo de WordPress o con typo. Los enlaces internos deben empezar con /collections/... · /pages/... · /products/.... NO con https://wordpress.playboard...
Cambiaste algo y se ve horrible. No sabes deshacer. Cerraste sin Preview o aceptaste Save sin revisar. Admin → Themes → al lado de Play MIYAUCHI v1, los 3 puntitos (•••) → Older versions → busca la versión anterior con timestamp → Restore.

Qué hacer si...

…quiero cambiar la foto/imagen del Hero (no solo texto)

El Hero actual ("Hero 3 puertas") no usa imagen de fondo en las puertas — son tarjetas de color sólido con un número grande. El fondo del Hero completo (la "trama de puntos" de fondo) está en el theme y no es editable desde el editor.

Si quieres un Hero con imagen de fondo: pídenos cambiar a la sección "Hero Carrusel" (existe en el theme pero no está activa). Ese formato sí acepta imagen desktop + mobile + texto encima + 2 CTAs.

…quiero más de 3 puertas en el Hero

El theme limita a 3 puertas a propósito (decisión de diseño · más se ven aglomeradas en mobile). Si necesitas mostrar más categorías destacadas, usa la sección "Featured collections" debajo del Hero — soporta hasta 6 cards.

…quiero un estilo de botón distinto a los 3 pre-hechos

Los 3 estilos están pensados para mantener consistencia visual de marca. Crear un cuarto estilo requiere editar el theme (lo hace MIYAUCHI). Antes de pedirlo, intenta con los 3 actuales — suelen cubrir el 95% de casos.

…necesito cambiar el banner promocional de arriba

Eso es la Announcement bar, no el Hero. En el Theme Editor, busca esa sección en el panel izquierdo (arriba de todo). Permite hasta 3 mensajes rotativos con icono + texto + link.

…quiero programar un cambio para una fecha futura (ej. Black Friday)

Shopify Theme Editor no permite "programar" cambios. Lo que sí puedes hacer: duplicar el theme (Themes → ••• → Duplicate), llamarlo "Play MIYAUCHI v1 — BLACK FRIDAY", aplicarle los cambios, y el día D darle Publish (acción de 1 click). Ese día también vuelves al theme viejo después haciendo Publish del original.