← Arcanum HollowDocs · 1.8.10

Conversión retail

Convierte tarjetas de producto, vista rápida, upsells de carrito, suscripciones y tarjetas regalo en ingresos retail asociados.

Las citas abren la puerta; el retail paga las facturas. Studio Arcana conecta servicios con aftercare en páginas de producto, vista rápida y carrito — con galería, inventario, guía de tallas y Añadir al carrito fijo más claros en los PDP retail móviles.

Emparejamientos servicio–aftercare

  1. Etiqueta servicios type:service y aftercare type:aftercare.
  2. Configura custom.service_pairing en cada servicio héroe con SKUs de aftercare recomendados.
  3. Opcional: configura custom.treatment_service en aftercare para reservar el tratamiento asociado.
  4. Opcional: configura custom.pairing_priority (top / also) para que Top pick y Also consider sean intencionales.
  5. Confirma las tarjetas Top pick y Also consider en la fila complementaria del PDP de servicio, en el cajón del carrito y en /cart.

Admin de Shopify → Productos → Metacampos, luego Tienda online → Temas → Personalizar → Carrito

Tarjetas de producto y vista rápida

  • Usa medios, precio e insignias claros; distingue visualmente servicio y retail.
  • Oferta, agotado, Nuevo (etiqueta badge:new o new) y custom.product_badge (o etiquetas badge:…) aparecen en tarjetas de colección y product-grid cuando Mostrar insignias está activo.
  • El metafield opcional custom.card_label sustituye el eyebrow de la sección para ese producto.
  • Activa vista rápida para navegar más rápido; confirma variantes, planes de venta y filas complementarias.
  • Tras un Add to cart correcto desde la vista rápida, el diálogo se cierra y el cajón del carrito puede abrirse — el comprador no se queda mirando un modal obsoleto.
  • Activa corazones de wishlist donde quieras guardar sin salir de la grilla.
  • Usa las plantillas product.service, product.retail y product.gift cuando esos recorridos diferan.

Páginas de producto retail

  • Asigna **product.retail** para ropa y merchandising: galería con miniaturas, urgencia de inventario, guía de tallas, iconos de pago y Añadir al carrito fijo en móvil.
  • Edita la tabla de ejemplo del bloque **Guía de tallas**, o enlázala a una página / metafield **custom.size_chart**.
  • Las pastillas de variante muestran el valor seleccionado y desactivan opciones agotadas; el inventario se actualiza al cambiar de variante.
  • La disponibilidad de recogida aparece bajo el título Entrega y recogida cuando activas el bloque de recogida.
  • Añade un bloque **Plan de venta** si ofreces suscripciones de reposición (no viene sembrado en la plantilla retail).
  • Deja fuera de las plantillas retail los bloques solo de servicio (timeline, tarjeta de artista, contraindicaciones) para que el comprador vea acciones de carrito, no de reserva.

Baldosas promocionales y campañas

  • Añade la sección Baldosas promocionales para paquetes de temporada, tarjetas regalo y especiales de servicio.
  • Cada baldosa puede incluir imagen, insignia, título, texto, CTA, enlace y ventana de programación opcional (zona horaria de la tienda).
  • Los descuentos siguen en el Admin de Shopify (o apps): las baldosas son solo merchandising.
  • También puedes usar la programación de la barra de anuncios, la sección de tarjeta regalo y las columnas promo del mega menú.

Carrito y checkout

  • Configura cajón o página de carrito, apertura automática, notas, descuentos y meta de carrito en Configuración del tema → Carrito.
  • Prueba carritos solo retail, solo servicio y mixtos antes de publicar.
  • Activa Shopify Subscriptions en SKUs de reposición y confirma el selector de plan.
  • Verifica tarjetas regalo y botones de checkout dinámico donde los ofrezcas.
  • En móvil, al abrir el cajón del carrito se ocultan las barras fijas de Añadir al carrito / Reservar para que no cubran el checkout.

Comparación de productos

  1. En Personalizar → Colección principal, activa Mostrar comparar en tarjetas.
  2. Crea una página de tienda online con handle compare y asígnale la plantilla page.compare.
  3. Los clientes añaden hasta cuatro productos desde tarjetas o páginas; la barra de comparación fija aparece automáticamente.
  4. La página de comparación lee los handles desde ?products=a,b,c o la clave del navegador sa_compare.

Notificaciones de disponibilidad

  1. En Personalizar → Producto principal, activa Mostrar formulario de aviso cuando esté agotado.
  2. Deja la URL del formulario en blanco para usar el formulario de contacto nativo de Shopify, o pega el endpoint de una app de back-in-stock.
  3. Alternativa: añade un bloque de app de back-in-stock en el hueco availability_notify de Producto principal.
  4. En productos de servicio que priorizan Reservar (carrito oculto), el formulario de aviso permanece desactivado para que la página no parezca retail agotado.

Cómo comprobar que funciona

  • Añade un servicio emparejado al carrito y ve aftercare Top pick correcto.
  • Completa un checkout de aftercare desde una tarjeta de upsell.
  • En un PDP retail, cambia variantes y confirma que precio, inventario y galería siguen sincronizados; abre el Añadir al carrito fijo en móvil y luego el cajón del carrito.
  • La vista rápida muestra el mismo emparejamiento y planes de venta que la página completa.
  • Profundiza: Configuración de ingresos, Upsells del cajón y Página de carrito.

¿Te resultó útil esta página?

El contenido lo mantiene Arcanum Hollow Labs. Para notas internas de ingeniería, consulta la carpeta docs/ del monorepo.