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
- Etiqueta servicios type:service y aftercare type:aftercare.
- Configura custom.service_pairing en cada servicio héroe con SKUs de aftercare recomendados.
- Opcional: configura custom.treatment_service en aftercare para reservar el tratamiento asociado.
- Opcional: configura custom.pairing_priority (top / also) para que Top pick y Also consider sean intencionales.
- 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
- En Personalizar → Colección principal, activa Mostrar comparar en tarjetas.
- Crea una página de tienda online con handle compare y asígnale la plantilla page.compare.
- Los clientes añaden hasta cuatro productos desde tarjetas o páginas; la barra de comparación fija aparece automáticamente.
- La página de comparación lee los handles desde ?products=a,b,c o la clave del navegador sa_compare.
Notificaciones de disponibilidad
- En Personalizar → Producto principal, activa Mostrar formulario de aviso cuando esté agotado.
- 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.
- Alternativa: añade un bloque de app de back-in-stock en el hueco availability_notify de Producto principal.
- 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.