The problem
On many product pages the buy button vanishes when shoppers scroll. On mobile that can turn a ready buyer into abandonment.
Hermes · Bloqio Sticky ATC
Keep the buy CTA visible while customers scroll.
Hermes adds a Sticky Add to Cart experience for Shopify that stays visible, syncs with variants, and helps conversion without disrupting browsing.
Hermes’s answer
Hermes keeps checkout within reach via a sticky bar or icon—synced to variant, quantity, availability and actual product state.
- Checkout stays accessible throughout the journey
- Synced with variants and inventory
- Mobile-first experience that stays out of the way
In the store
Two modes, one intent: buy without friction
Full bar or compact icon: both respect real product content and the purchase rhythm.
Bar mode · desktop
Fixed lower strip with room for message, price and primary action.
Bar mode · mobile
Thumb-first: reachable CTA while the shopper reads the PDP.
Icon mode
Compact signal—with configurable shapes and sizes for minimalist brands.
Customization
Shapes that match your brand
Rounded, Squircle or Pill—tune the sticky’s presence to your store’s visual language.
Rounded
Soft edges for stores with clean aesthetics.
Squircle
Balance between digital icon and approachable surface.
Pill
Chip-style presence for visually dynamic brands.
PDP detail
Variant, quantity and availability
Three screenshots where Hermes reduces friction when the product or inventory changes.
Synced variants
The sticky action reflects your real selection before add to cart.
Editable quantity
Adjust in the sticky strip without scrolling back to the main product block.
Out of stock state
Clear messaging when the variant isn’t available.
Bloqio Holoform
Holoform design in Hermes
Hermes uses Holoform to keep purchase action available without crowding the product: prominent when it matters, subtle when it supports.
Action available
Variant synced
Friction-free checkout
Product
Built for purchases that shouldn’t slip away
Every detail follows Bloqio Holoform: clear reading, real product control and a checkout experience that respects your store.
Sticky bar
Shows a persistent purchase bar on the PDP so the CTA stays visible as shoppers scroll.
Best for long pages and mobile traffic.
Sticky icon
Compact mode for stores that want a discreet, polished purchase cue that’s always there.
Best for clean layouts or visual-forward products.
Variant sync
Keeps the experience aligned with the selected variant to reduce confusion before add to cart.
Best for products with sizes, flavors, colors or SKUs.
Quantity control
Lets shoppers adjust quantity from the sticky strip without scrolling back to the main product block.
Best for bundles, consumibles y compras repetidas.
Sold out states
Honors availability and sold-out states to avoid misleading actions or false expectations.
Best for catalogs with variable stock.
Light App Embed
Runs as a configurable extension from Shopify without heavy theme surgery.
Best for merchants who want control without technical friction.
Use cases
Where Hermes matters most
Scenarios where checkout should follow the shopper—not the other way around.
Long PDPs
“After shoppers read benefits, reviews or ingredients, the CTA stays in reach.”
Cuts unnecessary scrolling back to the top.
Heavy mobile traffic
“Checkout stays reachable while someone browses one-handed.”
Keeps momentum in mobile sessions.
Products with variants
“Size, flavor or format stays synced with the sticky action.”
Reduces confusion before add to cart.
Variable inventory
“Clear sold-out state when a variant isn’t available.”
Fewer frustrated taps.
Consumables & reorder
“Editable quantity without breaking the flow.”
Easier multi-unit purchases.
High-traffic campaigns
“The CTA doesn’t vanish during demand spikes.”
Captures intent without cluttering the PDP.
Before / after
What changes when Hermes joins the PDP
Without Hermes
- CTA disappears when scrolling
- More friction to buy again
- More taps on mobile
- Variants and stock feel distant
With Hermes
- Checkout always within reach
- CTA synced with variant
- Editable quantity in the strip
- Clear sold-out state
Preview
How it feels on a product page
Hermes keeps checkout within reach without fighting the content: the PDP stays breathable and the action follows real product context.
Setup
From embed to smoother selling
Four typical steps in Shopify. Exact steps may vary by theme and store policies.
Step 1
Enable App Embed
Turn on the Hermes embed so the sticky experience can integrate with your theme without invasive blocks.
Step 2
Choose bar or icon mode
Pick a full strip or a compact icon to match your store style and device mix.
Step 3
Tune visibility and style
Fine-tune when the sticky action appears, contrast and proportions for icon or bar in the Theme Editor.
Step 4
Verify product details and publish
Check variant, quantity and live states; save and publish when the experience is ready for shoppers.
Available for Shopify
Get Hermes on the Shopify App Store once the listing is live
Hermes keeps purchase action available on product pages without breaking your store’s visual experience.
When the listing is live, install Hermes from the Shopify App Store and configure it in the Theme Editor.