El problema
En muchas páginas de producto, el botón de compra se pierde cuando el usuario hace scroll. En mobile, eso puede convertir una decisión lista en una compra abandonada.
Hermes · Bloqio Sticky ATC
Mantén el CTA de compra visible durante todo el scroll.
Hermes añade una experiencia Sticky Add to Cart para Shopify: visible cuando importa, sincronizada con variantes y pensada para convertir sin estorbar.
La respuesta de Hermes
Hermes mantiene la acción de compra disponible con una barra o icono sticky, sincronizados con la variante seleccionada, cantidad, disponibilidad y estado real del producto.
- Compra accesible durante todo el recorrido
- Sincronización con variantes y stock
- Experiencia mobile-first sin invadir
En tienda
Dos modos, una misma intención: comprar sin fricción
Barra completa o icono compacto: ambos respetan el contenido real del producto y el ritmo de compra.
Modo barra · escritorio
Barra inferior fija con espacio para mensaje, precio y acción principal.
Modo barra · mobile
Prioridad al pulgar: CTA accesible mientras el usuario lee la PDP.
Modo icono
Señal compacta, formas y tamaños configurables para marcas minimalistas.
Personalización
Formas que se adaptan a tu marca
Rounded, Squircle o Pill para ajustar la presencia del sticky al lenguaje visual de la tienda.
Rounded
Bordes suaves para tiendas con estética limpia.
Squircle
Equilibrio entre icono digital y superficie amable.
Pill
Presencia tipo chip para marcas con mucho ritmo visual.
Detalle en PDP
Variante, cantidad y disponibilidad
Tres capturas donde Hermes reduce fricción cuando el producto o el stock cambian.
Variantes sincronizadas
La acción sticky refleja la selección real antes del add to cart.
Cantidad editable
Ajuste en el flujo sticky sin subir al bloque principal.
Estado agotado
Comunicación clara cuando la variante no está disponible.
Bloqio Holoform
Diseño Holoform en Hermes
Hermes usa Holoform para mantener la acción de compra disponible sin invadir el producto: visible cuando importa, suave cuando acompaña.
Acción disponible
Variante sincronizada
Compra sin fricción
Producto
Pensado para compras que no deberían perderse
Cada detalle comparte el criterio Bloqio Holoform: lectura clara, control real del producto y una experiencia de compra que respeta tu tienda.
Sticky bar
Muestra una barra de compra persistente en PDP para mantener el CTA visible cuando el usuario navega.
Ideal para páginas largas y tráfico mobile.
Sticky icon
Modo compacto para tiendas que prefieren una señal de compra discreta, elegante y siempre disponible.
Ideal para layouts limpios o productos visuales.
Variant sync
Mantiene la experiencia alineada con la variante seleccionada para reducir confusión antes de agregar al carrito.
Ideal para productos con tallas, sabores, colores o presentaciones.
Quantity control
Permite ajustar cantidad desde la experiencia sticky sin regresar al bloque principal del producto.
Ideal para bundles, consumibles y compras repetidas.
Sold out states
Respeta disponibilidad y estados agotados para evitar acciones confusas o falsas expectativas.
Ideal para catálogos con stock variable.
App Embed ligero
Funciona como extensión configurable desde Shopify, sin depender de modificaciones pesadas en el tema.
Ideal para merchants que necesitan control sin fricción técnica.
Casos de uso
Dónde Hermes hace más diferencia
Escenarios donde la compra debería seguir al usuario, no al revés.
PDP largas
“Cuando el usuario ya revisó beneficios, reseñas o ingredientes, el CTA sigue disponible.”
Reduce el regreso innecesario al inicio de la página.
Tráfico mobile alto
“Compra accesible mientras el usuario navega con una mano.”
Mejora continuidad en sesiones móviles.
Productos con variantes
“Talla, sabor o presentación sincronizada con la acción sticky.”
Evita confusión antes del add to cart.
Stock variable
“Estado agotado claro cuando una variante no está disponible.”
Reduce clics frustrados.
Consumibles o recompra
“Cantidad editable sin romper el recorrido.”
Facilita compras de más de una unidad.
Campañas con alto tráfico
“El CTA no desaparece durante momentos de demanda.”
Ayuda a capturar intención sin saturar la PDP.
Antes / después
Qué cambia cuando Hermes entra en la PDP
Sin Hermes
- CTA perdido al hacer scroll
- Más fricción para volver a comprar
- Mobile con más pasos
- Variantes y stock menos presentes
Con Hermes
- Compra siempre accesible
- CTA sincronizado con variante
- Cantidad editable en el flujo
- Estado agotado visible y claro
Vista previa
Cómo se siente en una página de producto
Hermes mantiene la compra al alcance sin competir con el contenido: la PDP respira y la acción sigue el contexto real del producto.
Configuración
Del embed a vender con menos fricción
Cuatro pasos típicos dentro del entorno Shopify. El detalle puede variar según tu tema y políticas de la tienda.
Paso 1
Activa App Embed
Habilita el embed de Hermes para que la experiencia sticky pueda integrarse en tu tema sin bloques invasivos.
Paso 2
Elige modo bar o icon
Define si prefieres una barra completa o un icono compacto, según el estilo de tu tienda y el dispositivo.
Paso 3
Ajusta visibilidad y estilo
Refina cuándo aparece la acción sticky, contraste y proporciones del icono o barra desde el Theme Editor.
Paso 4
Sincroniza producto y publica
Verifica variante, cantidad y estados reales; guarda y publica cuando la experiencia esté lista para tus clientes.
Disponible para Shopify
Conoce Hermes en Shopify App Store
Hermes ayuda a mantener la acción de compra disponible en páginas de producto sin romper la experiencia visual de tu tienda.
Cuando la ficha esté publicada, podrás instalar Hermes desde Shopify App Store y configurarlo desde el Theme Editor.