# 100 Rocks

> 100 Rocks provides adaptive storefront UI optimization for Shopify merchants.

## Canonical domain
- [100 Rocks](https://100.rocks)

## Key pages
- [Home](https://100.rocks/)
  - Turn behavior signals into sales. Brand-safe PDP variants for Shopify with zero developer overhead.
- [Accueil (French)](https://100.rocks/fr)
  - Transformez les signaux comportementaux en ventes avec des variantes PDP alignées à votre marque.
- [FAQ](https://100.rocks/faq)
  - Frequently asked questions about 100 Rocks, Shopify rollout, and measurement.
- [FAQ (French)](https://100.rocks/fr/faq)
  - Questions fréquentes sur 100 Rocks, le déploiement Shopify et la mesure.
- [Pricing](https://100.rocks/pricing)
  - 100 Rocks pricing for Shopify brands: Free includes 3,000 measured sessions per store each UTC month; Starter includes 60,000 at €50/month or €450/year.
- [Tarifs (French)](https://100.rocks/fr/pricing)
  - Tarifs 100 Rocks pour les marques Shopify : Free inclut 3 000 sessions mesurées par boutique et par mois UTC ; Starter en inclut 60 000 à 50 €/mois ou 450 €/an.
- [Shopify integration](https://100.rocks/shopify)
  - How 100 Rocks connects to your Shopify store, theme, and PDP templates with minimal developer overhead.
- [Intégration Shopify (French)](https://100.rocks/fr/shopify)
  - Comment 100 Rocks se connecte à votre boutique Shopify, votre thème et vos modèles PDP avec une charge développeur minimale.
- [Resources](https://100.rocks/resources)
  - Simple guides to reduce bounce, improve conversion, and make Shopify product pages easier to buy from.
- [Ressources (French)](https://100.rocks/fr/resources)
  - Des guides simples pour réduire le rebond, améliorer la conversion et faciliter l'achat sur vos fiches produit Shopify.
- [Help center](https://100.rocks/documentation)
  - Clear guides for installing 100 Rocks, understanding reports, preparing product-page variants, creating audiences, and fixing common storefront issues.
- [Centre d'aide (French)](https://100.rocks/fr/documentation)
  - Des guides clairs pour installer 100 Rocks, comprendre les rapports, préparer les variantes de page produit, créer des audiences et résoudre les problèmes courants.
- [Privacy](https://100.rocks/privacy)
  - How 100 Rocks handles personal data on 100.rocks and in the storefront analytics product — controller vs processor roles, analytics tiers, retention, and your rights.
- [Confidentialité (French)](https://100.rocks/fr/privacy)
  - Comment 100 Rocks traite les données personnelles sur le site marketing et dans le produit d'analytics.
- [Terms](https://100.rocks/terms)
  - Terms of service for 100 Rocks storefront analytics and design tokens for Shopify merchants.
- [Conditions (French)](https://100.rocks/fr/terms)
  - Conditions d'utilisation de la plateforme 100 Rocks pour les marchands Shopify.
- [Cookies](https://100.rocks/cookies)
  - Cookie and storage notice for 100.rocks — authentication, analytics, and your choices.
- [Cookies (French)](https://100.rocks/fr/cookies)
  - Découvrez les cookies et stockages utilisés sur 100.rocks, leur durée, leur finalité et comment gérer vos choix.
- [Legal notice](https://100.rocks/legal-notice)
  - Publisher, legal registration, hosting provider, contact details, and company information for the 100 Rocks website.
- [Mentions légales (French)](https://100.rocks/fr/legal-notice)
  - Informations sur l'éditeur, l'immatriculation, l'hébergement et les coordonnées du site 100 Rocks.

## Platform
- [Platform](https://100.rocks/platform)
  - Explore 100 Rocks tools for consent-aware behavior tracking, heatmaps, AI insights, A/B testing, and merchant-approved Shopify PDP variants.
- [Plateforme (French)](https://100.rocks/fr/platform)
  - Découvrez les outils 100 Rocks pour le suivi comportemental avec consentement, les heatmaps, les insights IA, les tests A/B et les variantes PDP Shopify approuvées.
- [User behavior tracking](https://100.rocks/platform/behavior-tracking)
  - Behavioral tracking that reads shopper intent from live session signals, beyond what cookies or UTM tags show.
- [Suivi du comportement utilisateur (French)](https://100.rocks/fr/platform/behavior-tracking)
  - Un suivi comportemental qui lit l'intention depuis les signaux de session live, au-delà des cookies ou des tags UTM.
- [Heatmaps and AI insights](https://100.rocks/platform/heatmaps-ai-insights)
  - See where shoppers hesitate and get AI summaries of PDP friction.
- [Heatmaps et insights IA (French)](https://100.rocks/fr/platform/heatmaps-ai-insights)
  - Voyez où les acheteurs hésitent et obtenez des synthèses IA des frictions PDP.
- [A/B testing and serving](https://100.rocks/platform/ab-testing-serving)
  - Run controlled experiments and serve winning variants in production.
- [Tests A/B et diffusion (French)](https://100.rocks/fr/platform/ab-testing-serving)
  - Lancez des expériences contrôlées et diffusez les variantes gagnantes en production.
- [Shopify PDP variant generator](https://100.rocks/platform/pdp-ai-generator)
  - Generate on-brand PDP variants with merchant guardrails built in.
- [Générateur de variantes PDP Shopify (French)](https://100.rocks/fr/platform/pdp-ai-generator)
  - Générez des variantes PDP alignées à la marque avec des garde-fous marchands intégrés.

## Resources
- [Shopify Product Page Optimization: Practical Guide](https://100.rocks/resources/product-page-optimization)
  - Use Shopify product page optimization to find friction, improve one decision, and test approved layouts with clear funnel metrics.
- [Optimiser une fiche produit Shopify (French)](https://100.rocks/fr/resources/product-page-optimization)
  - Optimisez vos fiches produit Shopify en trouvant un frein, en facilitant un choix et en testant des mises en page approuvées.
- [Shopify Conversion Rate Optimization: A Practical Guide](https://100.rocks/resources/conversion-rate)
  - Measure the full Shopify conversion funnel and use a product-page test only when evidence identifies a specific PDP decision.
- [Optimisation du taux de conversion Shopify (French)](https://100.rocks/fr/resources/conversion-rate)
  - Mesurez tout le tunnel de conversion Shopify et testez une fiche produit seulement lorsque les faits révèlent une décision précise.
- [How to Reduce Bounce Rate on Shopify Product Pages](https://100.rocks/resources/reduce-bounce)
  - Read bounce rate clearly, find why shoppers leave a Shopify product page, and test the first useful fix without chasing clicks.
- [Réduire le taux de rebond des fiches produit Shopify (French)](https://100.rocks/fr/resources/reduce-bounce)
  - Lisez clairement le rebond, trouvez pourquoi les clients quittent une fiche produit Shopify et testez la première correction utile.
- [How to Improve Shopify Add-to-Cart Rate](https://100.rocks/resources/add-to-cart)
  - Measure Shopify add-to-cart rate clearly, remove product-choice friction, and test approved page changes without mistaking carts for purchases.
- [Améliorer le taux d'ajout au panier Shopify (French)](https://100.rocks/fr/resources/add-to-cart)
  - Mesurez le taux d'ajout au panier Shopify, levez les doutes et testez des changements approuvés sans confondre panier et achat.
- [Shopify Product-Page Analytics and Useful Metrics](https://100.rocks/resources/pdp-engagement)
  - Use Shopify product-page analytics to read sessions, funnel movement, bounce, actions, and consent-aware behavior without chasing vanity metrics.
- [Analyse des fiches produit Shopify et métriques utiles (French)](https://100.rocks/fr/resources/pdp-engagement)
  - Analysez les sessions, le tunnel, le rebond, les actions et les comportements autorisés sur vos fiches produit Shopify.
- [Shopify Product Page Template: Structure Guide](https://100.rocks/resources/product-page-template)
  - Understand Shopify Liquid and JSON product templates, then plan a conversion-focused section structure without implying arbitrary theme-code changes.
- [Modèle de fiche produit Shopify : guide de structure (French)](https://100.rocks/fr/resources/product-page-template)
  - Distinguez le modèle Liquid ou JSON de Shopify d'une structure de sections pensée pour la conversion, sans suggérer une réécriture libre du thème.
- [Shopify Product Page Heatmaps for Clearer Decisions](https://100.rocks/resources/product-page-heatmaps)
  - Read aggregate pointer movement, click, and near-stationary hesitation heatmaps by Shopify product page and device, with enough measured sessions.
- [Heatmaps de fiche produit Shopify : mieux décider (French)](https://100.rocks/fr/resources/product-page-heatmaps)
  - Lisez les heatmaps agrégées de mouvement, de clic et de pauses d'hésitation par fiche produit Shopify et appareil, avec assez de sessions mesurées.
- [Shopify Product Page Audit: Find a Testable Idea](https://100.rocks/resources/product-page-audit)
  - Audit one automatically selected active Shopify product page, separate defects from hypotheses, and review three fixed brand-informed layouts.
- [Audit de fiche produit Shopify : trouver une idée (French)](https://100.rocks/fr/resources/product-page-audit)
  - Auditez une fiche produit Shopify active sélectionnée automatiquement, séparez les défauts des hypothèses et examinez trois mises en page fixes.
- [Shopify Product Page A/B Testing: A Practical Guide](https://100.rocks/resources/product-page-ab-testing)
  - Understand Shopify product page A/B testing, low-traffic alternatives, equal variant weights, measured-session thresholds, and automatic promotion limits.
- [Test A/B de fiche produit Shopify : guide pratique (French)](https://100.rocks/fr/resources/product-page-ab-testing)
  - Comprenez les tests A/B Shopify, les solutions pour faible trafic, les répartitions égales, les seuils de sessions mesurées et la promotion automatique.
- [Shopify Behavior-Based Product Page Personalization](https://100.rocks/resources/product-page-personalization)
  - Distinguish Shopify recommendations, product customization, and rule-based variant serving with consented aggregate metrics and deterministic routing.
- [Personnalisation Shopify par règles comportementales (French)](https://100.rocks/fr/resources/product-page-personalization)
  - Distinguez recommandations, personnalisation du produit et diffusion par règles Shopify avec des mesures agrégées consenties et un chemin déterministe.
- [Brand Consistency Across Shopify Product Page Variants](https://100.rocks/resources/brand-consistency)
  - Keep Shopify product page variants brand-informed with accurate source data, familiar components, whole-page review, and explicit merchant approval.
- [Cohérence de marque des variantes Shopify (French)](https://100.rocks/fr/resources/brand-consistency)
  - Gardez les variantes Shopify inspirées de la marque avec des données exactes, des composants familiers, une revue complète et une approbation explicite.
- [Shopify Product Page Patterns by Category](https://100.rocks/resources/product-page-examples)
  - Explore practical Shopify product page patterns for apparel, beauty, furniture, electronics, and replenishment products.
- [Structures de fiches produit Shopify par catégorie (French)](https://100.rocks/fr/resources/product-page-examples)
  - Découvrez des structures utiles pour les fiches produit Shopify de mode, beauté, mobilier, électronique et produits récurrents.
- [Shopify Landing Page or Product Page for Paid Ads](https://100.rocks/resources/paid-acquisition)
  - Choose a Shopify landing page or product page for paid ads based on the offer, shopper intent, and next buying decision.
- [Publicité Shopify : landing page ou fiche produit (French)](https://100.rocks/fr/resources/paid-acquisition)
  - Choisissez entre page de destination et fiche produit Shopify selon l'offre publicitaire, l'intention et la prochaine décision d'achat.
- [Optimize a Shopify Product Page for Mobile](https://100.rocks/resources/mobile-product-page)
  - Improve Shopify mobile product pages with responsive content, reliable touch controls, stable layouts, and device-specific testing.
- [Optimiser une fiche produit Shopify sur mobile (French)](https://100.rocks/fr/resources/mobile-product-page)
  - Améliorez vos fiches Shopify mobiles avec des contenus adaptatifs, des commandes tactiles fiables, une mise en page stable et des tests par appareil.
- [Shopify Product Page SEO Guide](https://100.rocks/resources/product-page-seo)
  - Improve Shopify product page SEO with accurate product facts, useful titles, original descriptions, media, schema, variants, and internal links.
- [Guide SEO pour les fiches produit Shopify (French)](https://100.rocks/fr/resources/product-page-seo)
  - Améliorez le SEO des fiches Shopify avec des faits exacts, des titres utiles, des descriptions originales, des médias, du schéma et des liens internes.
- [What to A/B Test First on a Shopify Product Page](https://100.rocks/resources/pdp-experiment-prioritization)
  - Choose what to A/B test first on a Shopify product page by fixing defects, gathering evidence, and selecting one measurable buying question.
- [Que tester d'abord en A/B sur une fiche Shopify (French)](https://100.rocks/fr/resources/pdp-experiment-prioritization)
  - Choisissez le premier test A/B d'une fiche Shopify en corrigeant les défauts, en rassemblant les faits et en isolant une question mesurable.
- [Shopify BFCM Checklist for Product Pages](https://100.rocks/resources/seasonal-campaigns)
  - Use this Shopify BFCM checklist to verify product page offers, stock, mobile behavior, buying paths, and live monitoring.
- [Fiches Shopify : checklist Black Friday (French)](https://100.rocks/fr/resources/seasonal-campaigns)
  - Préparez les fiches Shopify pour Black Friday et Cyber Monday avec des offres exactes, un stock fiable, des tests d'achat et un suivi clair.
- [Shopify Product Page Optimization at Scale](https://100.rocks/resources/catalog-breadth)
  - Plan Shopify product page optimization at scale with accurate catalog data, clear priorities, consistent templates, and honest measurement limits.
- [Optimisation à grande échelle des fiches produit Shopify (French)](https://100.rocks/fr/resources/catalog-breadth)
  - Planifiez l'optimisation à grande échelle des fiches Shopify avec des données exactes, des priorités claires et des limites de mesure explicites.

## Documentation
- [Install 100 Rocks on Shopify](https://100.rocks/documentation/shopify-analytics-installation)
  - Install 100 Rocks on Shopify, activate the embedded app, enable the theme app embed, verify the Web Pixel, and check Customer Privacy.
- [Installer 100 Rocks sur Shopify (French)](https://100.rocks/fr/documentation/shopify-analytics-installation)
  - Installez 100 Rocks sur Shopify, activez l'app intégrée, activez l'app embed du thème, vérifiez le Web Pixel et Shopify Customer Privacy.
- [Install 100 Rocks on a custom website](https://100.rocks/documentation/custom-site-analytics-installation)
  - Install 100 Rocks on a custom website, add the tracker before the closing body tag, configure consent, update CSP rules, and verify events.
- [Installer 100 Rocks sur un site personnalisé (French)](https://100.rocks/fr/documentation/custom-site-analytics-installation)
  - Installez 100 Rocks sur un site personnalisé, ajoutez le tracker avant la balise body fermante, configurez le consentement, la CSP et les événements.
- [Understand consent and privacy](https://100.rocks/documentation/consent-and-privacy)
  - Understand 100 Rocks consent on Shopify and custom sites, Analytics and Preferences purposes, browser storage, privacy notices, and data retention.
- [Comprendre le consentement et la confidentialité (French)](https://100.rocks/fr/documentation/consent-and-privacy)
  - Comprenez le consentement 100 Rocks sur Shopify et les sites personnalisés, les finalités, le stockage navigateur, les mentions et la conservation.
- [Understand Dashboard and Analytics](https://100.rocks/documentation/analytics-dashboard)
  - Understand the 100 Rocks Dashboard and Analytics pages, report periods, behavior and web reports, consent limits, and differences from Shopify.
- [Comprendre Dashboard et Analytics (French)](https://100.rocks/fr/documentation/analytics-dashboard)
  - Comprenez les pages Dashboard et Analytics de 100 Rocks, les périodes, les rapports, les limites de consentement et les écarts avec Shopify.
- [Track buttons and links](https://100.rocks/documentation/actions-and-ctas)
  - Track button and link clicks with 100 Rocks Actions & CTAs, understand automatic identities, add stable CTA IDs, use filters, and fix missing actions.
- [Suivre les boutons et les liens (French)](https://100.rocks/fr/documentation/actions-and-ctas)
  - Suivez les clics avec Actions & CTAs, comprenez les identités automatiques, ajoutez des ID stables, utilisez les filtres et corrigez les actions manquantes.
- [Review and approve product-page variants](https://100.rocks/documentation/product-page-variants)
  - Review 100 Rocks product-page variants, check extraction readiness, preview responsive layouts, rename, approve or revoke designs, and prepare Serving.
- [Vérifier et approuver les variantes de page produit (French)](https://100.rocks/fr/documentation/product-page-variants)
  - Vérifiez les variantes de page produit 100 Rocks, la préparation du design, les aperçus adaptatifs, le changement de nom, l'approbation et Serving.
- [Understand the Shopify commerce funnel](https://100.rocks/documentation/commerce-funnel)
  - Understand the 100 Rocks Shopify commerce funnel, Web Pixel event sources, the visit bridge, express checkout, missing purchases, and report differences.
- [Comprendre l'entonnoir commerce Shopify (French)](https://100.rocks/fr/documentation/commerce-funnel)
  - Comprenez l'entonnoir Shopify de 100 Rocks, les événements Web Pixel, le pont de visite, le paiement express, les achats manquants et les écarts.
- [Troubleshoot tracking and missing data](https://100.rocks/documentation/troubleshooting)
  - Troubleshoot missing 100 Rocks events, consent, Shopify Web Pixel purchases, custom-site banners, analytics reports, audiences, and product-page variants.
- [Dépanner le suivi et les données manquantes (French)](https://100.rocks/fr/documentation/troubleshooting)
  - Dépannez les événements, le consentement, les achats Web Pixel, la bannière, les rapports Analytics, les audiences et les variantes 100 Rocks.
- [Create and manage audiences](https://100.rocks/documentation/audiences)
  - Create and manage 100 Rocks audiences with per-device rules, match modes, behavior ranges, Daily Activities, automatic audiences, and consent limits.
- [Créer et gérer des audiences (French)](https://100.rocks/fr/documentation/audiences)
  - Créez et gérez des audiences 100 Rocks avec des règles par appareil, des plages de comportement, Daily Activities, les audiences automatiques et le consentement.
- [Connect audiences to product-page variants](https://100.rocks/documentation/audience-based-serving)
  - Use 100 Rocks Serving to connect active audiences to approved product-page variants, understand fallback behavior, view assignment exposure, and fix issues.
- [Relier les audiences aux variantes de page produit (French)](https://100.rocks/fr/documentation/audience-based-serving)
  - Utilisez Serving pour relier les audiences actives aux variantes approuvées, comprendre la base, consulter les vues d'affectation et résoudre les problèmes.

## Full resource guide content
### Shopify Product Page Optimization: Practical Guide (en)
Source: https://100.rocks/resources/product-page-optimization
Published: 2026-07-29; updated: 2026-08-02

Find the first hard decision. Make it easier. Measure whether shoppers move forward.

#### How does Shopify product page optimization work?
Start with the decision that blocks progress. Make the product, options, price, delivery, returns, and Add to cart action easy to understand in the order shoppers need them.
Optimization is not a list of universal tactics. It is a repeatable cycle of measurement, diagnosis, one focused change, and a careful comparison.

#### Use Shopify analytics to set a baseline
Read sessions, bounce, call-to-action activity, add-to-cart rate, checkout progress, and purchase conversion together. Add acquisition, technology, returning visitors, and time-of-day groups when they help explain a change.
Consent-aware pointer distributions summarize pointer-movement patterns, while average scroll velocity shows scrolling speed. Both can reveal patterns by device. They cannot explain one shopper's intention or locate an exact product-page section.
A product-page optimization baseline
| Signal | Question | Next check |
| --- | --- | --- |
| Bounce | Did the visit contain one pageview? | Compare acquisition and device |
| CTA actions | Are important controls used? | Check the surrounding choice |
| Add-to-cart rate | Does interest become intent? | Compare purchase conversion |
| Purchase conversion | Does the funnel finish? | Check the earlier funnel steps |
Read next: [How to reduce bounce rate on Shopify product pages](https://100.rocks/resources/reduce-bounce)

#### Prioritize one product-page decision
Choose the earliest meaningful obstacle with enough measurable sessions to review. Fixing that point keeps the hypothesis clear and limits unnecessary layout changes.
Do not optimize clicks for their own sake. The page should help shoppers judge the product and continue toward a purchase.
1. Write the baseline and the date range.
2. Name the first weak funnel step.
3. Connect that step to one page decision.
4. Choose add-to-cart or purchase as the main measure.
5. Approve each layout before testing.

#### Apply the method to a normal store
A small homeware store sells a ceramic lamp in three sizes. Mobile visitors reach the options, but many leave before using Add to cart.
The current dimensions sit below long care instructions. Moving dimensions beside the size options gives the store one clear layout change to compare.
Read next: [Shopify product page templates and conversion-focused structure](https://100.rocks/resources/product-page-template)

#### Test Shopify product-page changes with 100 Rocks
100 Rocks applies extracted store tokens and preview product data to three fixed, supported PDP (product detail page) layout variants. The merchant approves each variant before testing.
Use it when funnel evidence identifies a PDP question. The audience scope is all traffic, but only sessions that meet the measurement rules inside the chosen percentage enter results.
Set measured-session thresholds for each display breakpoint, or screen-size group. At every threshold, the variant with the highest observed rate for the chosen measure becomes that breakpoint's default. This rule does not establish statistical significance.

### Shopify Conversion Rate Optimization: A Practical Guide (en)
Source: https://100.rocks/resources/conversion-rate
Published: 2026-07-29; updated: 2026-08-02

Measure the journey from arrival to purchase. Improve the stage that loses the most qualified shoppers.

#### What is Shopify conversion rate optimization?
Shopify conversion rate optimization means improving the path from a measurable session to a purchase. On a product page, start with the first choice that creates doubt.
A small clothing store might see mobile shoppers open a size guide but rarely add the item. Clearer measurements beside the size selector give that store a focused change to test.

#### Measure Shopify conversion rate consistently
Session conversion rate equals sessions with a purchase divided by included sessions, multiplied by 100. Count each session once and keep the date range, traffic rules, and device view consistent.
Read conversion beside the funnel. Product views, add-to-cart actions, checkout progress, and purchases show where movement slows. Bounce can reveal an earlier mismatch.
A practical conversion scorecard
| Measure | Question answered | Limit |
| --- | --- | --- |
| Sessions | How much measurable traffic entered? | Traffic quality can change |
| Add-to-cart rate | Did product interest become an action? | A cart is not a purchase |
| Purchase conversion | Did sessions become purchases? | Checkout factors also matter |
| Bounce rate | Did the visit contain one pageview? | On-page actions can still occur |
Read next: [How to reduce bounce rate on Shopify product pages](https://100.rocks/resources/reduce-bounce)

#### Use Shopify conversion benchmarks carefully
A broad benchmark cannot account for price, product type, customer intent, device mix, acquisition source, season, or checkout setup. It can provide context, but it cannot diagnose your page.
Use your own stable baseline first. Compare similar periods and the same measurement rules. A small store should not copy a published average from a different category and call it a target.
- Check that session and purchase events are complete.
- Keep paid campaigns and promotions visible in the analysis.
- Compare the same device view and time window.
- Treat small samples as uncertain, not decisive.
- Use benchmarks for context, not promises.

#### Improve one product-page decision
Choose a change that answers one observed problem. If mobile visitors reach the size controls but stop there, test clearer size labels before redesigning the whole page.
Keep the purchase path understandable. Do not bundle a new gallery, reordered details, and a stronger button into one comparison. You will not know which change mattered.
1. Define the measurable conversion baseline.
2. Find the earliest weak funnel step.
3. Write one page-change hypothesis.
4. Choose add-to-cart or purchase as the test's main measure.
5. Approve every version before shoppers see it.
Read next: [Shopify product page templates and conversion-focused structure](https://100.rocks/resources/product-page-template)

#### Run a focused Shopify test with 100 Rocks
Use 100 Rocks only when full-funnel evidence points to a PDP (product detail page) decision. Choose add-to-cart or purchase as the main measure and keep the other outcome visible.
Approved variants receive equal weights across the all-traffic audience. Only sessions that meet the measurement rules inside the chosen percentage count toward results.
At each measured-session threshold, the variant with the highest observed rate for the chosen measure becomes the default for its breakpoint, or screen-size group. This rule does not establish statistical significance.

### How to Reduce Bounce Rate on Shopify Product Pages (en)
Source: https://100.rocks/resources/reduce-bounce
Published: 2026-07-29; updated: 2026-08-02

Give shoppers the page they expected. Make the next step easy to see.

#### How do you lower bounce on a Shopify product page?
Match the product page to the promise that brought the shopper there. Show the expected item, benefit, price, and next action without making visitors search.
A small skincare store might send an ad for sensitive skin to a general moisturizer page. Opening the exact cream and repeating the promise removes an avoidable mismatch.
Bounce is a clue, not the goal. Read it beside sessions, call-to-action activity, add-to-cart rate, purchase conversion, and acquisition source.

#### Define Shopify bounce before comparing pages
Analytics tools can define bounce differently. Use the definition shown by your chosen source. Keep its session rules, time window, consent scope, and device view fixed.
A visitor can read a size guide and leave without buying. Another can click several controls and remain unconvinced. Bounce alone cannot explain either visit.
Read next: [How to increase add-to-cart rate on Shopify](https://100.rocks/resources/add-to-cart)

#### Use Shopify Analytics to find the mismatch
Start with landing sessions, acquisition source, device, call-to-action activity, and funnel movement. Then inspect consent-aware pointer-movement patterns or average scrolling speed by device.
Look for a plain cause. A jewelry page may hide chain length far below the purchase controls. A shoe page may place the size guide after unrelated details.
- The ad or search result promises a different product.
- The product identity is unclear near the top.
- Price, delivery, or return terms are hard to find.
- Size, color, or Add to cart is difficult to use.
- The next useful action appears too late.

#### Fix the first reason Shopify visitors leave
Turn one pattern into one page change. Repeat the campaign promise, move the size guide, clarify delivery, or place the primary CTA where shoppers can find it.
Watch bounce with add-to-cart and purchase conversion. A lower bounce with fewer purchases is not an improvement. Keep the current layout when the result does not support a change.
Read next: [Shopify product page templates and conversion-focused structure](https://100.rocks/resources/product-page-template)

#### Compare approved Shopify page variants
100 Rocks reports bounce with funnel outcomes, pointer distributions, and average scroll velocity by device. Maximum scroll depth and page-pass distributions are available only for the homepage.
Use it only when these signals point to a PDP (product detail page) question. Aggregate scroll metrics cannot identify the exact PDP section causing a result.
The merchant approves three fixed supported layout variants. Only sessions that meet the measurement rules inside the chosen percentage enter results, although the audience scope remains all traffic.

### How to Improve Shopify Add-to-Cart Rate (en)
Source: https://100.rocks/resources/add-to-cart
Published: 2026-07-29; updated: 2026-08-02

Make the product easy to choose. Then make sure more carts become completed orders.

#### How do you improve Shopify add-to-cart rate?
Make the choice feel simple. Show the right shade, size, material, price, delivery date, and return terms beside the purchase action. A shopper should know exactly what will enter the cart.
Cart additions are an early sign of intent, not a completed purchase. Read them beside sessions, purchase conversion, bounce, call-to-action (CTA) activity, acquisition, and device.

#### Measure add-to-cart rate in Shopify
Session add-to-cart rate equals sessions with an add-to-cart action divided by included sessions, multiplied by 100. Count each session once, even when a shopper adds twice.
If you use visitors as the denominator, use visitors in both parts and label the rate clearly. Keep traffic rules, date range, and device view consistent.
What to check around Add to cart
| Signal | Question | Remember |
| --- | --- | --- |
| Purchase area viewed | Did the shopper reach the controls? | Seeing is not understanding |
| Option selected | Could the shopper choose a valid item? | A default can hide confusion |
| Cart addition | Did the shopper show purchase intent? | A cart may not become an order |
| Purchase | Did the session become a sale? | A cart can remain unfinished |
Read next: [How to reduce bounce rate on Shopify product pages](https://100.rocks/resources/reduce-bounce)

#### Remove doubt beside Shopify's Add to cart button
A small shoe store may see mobile shoppers reach the size selector but stop before Add to cart. Clear width labels beside each size can address that specific doubt.
Check whether shoppers reach the purchase area, choose an option, reopen delivery details, or leave after seeing the full price. Do not add a sticky button when the choice remains unclear.
- Make the selected option and stock clear.
- Keep price, delivery, and returns close to the action.
- Place proof beside the question it answers.
- Use clear labels and accessible control states.
- Keep the page fast and easy to use on a phone.

#### Protect purchases during a Shopify test
Choose one question before testing. Decide whether add-to-cart or purchase is the main measure used to judge the test. Keep the other visible so a cart gain does not hide a purchase loss.
Do not bundle a new gallery, size picker, price layout, and button into one comparison. When traffic is limited, report the result cautiously and avoid causal claims.
Read next: [Shopify product page templates and conversion-focused structure](https://100.rocks/resources/product-page-template)

#### Let 100 Rocks test the approved Shopify choice
When evidence isolates an add-to-cart question on a PDP (product detail page), the merchant can approve three fixed supported layout variants for testing.
The audience scope stays all traffic. Only sessions that meet the measurement rules within the chosen percentage enter results. Set measured-session thresholds per display breakpoint, or screen-size group, not device targets.
At each threshold, the variant with the highest observed rate for the chosen measure becomes that breakpoint's default. The rule does not prove significance or promise more completed orders.

### Shopify Product-Page Analytics and Useful Metrics (en)
Source: https://100.rocks/resources/pdp-engagement
Published: 2026-07-29; updated: 2026-08-02

Read the path shoppers take. Use each metric to answer one practical question.

#### What should Shopify product-page analytics measure?
Useful analytics connect measurable sessions to page actions and funnel outcomes. Start with sessions, bounce, call-to-action activity, add-to-cart rate, and purchase conversion.
Then add acquisition, technology, returning visitors, time-of-day groups, and aggregate behavior distributions. No single engagement score explains shopper intent.

#### Choose useful Shopify product-page metrics
Give each metric one job. Sessions describe volume. Bounce flags single-pageview visits. CTA actions show use. Funnel rates connect product views, carts, checkout progress, and purchases.
Keep observation separate from interpretation. A CTA click happened. Confidence or hesitation remains a hypothesis until several signals support it.
A useful product-page analytics map
| Metric | Question answered | Limit |
| --- | --- | --- |
| Sessions | How much measurable traffic arrived? | Volume does not show intent |
| Bounce | Which visits contained one pageview? | On-page actions can still occur |
| CTA actions | Which controls were used? | A click is not approval |
| Funnel conversion | Where did progress slow? | It does not explain the cause |
Read next: [How to reduce bounce rate on Shopify product pages](https://100.rocks/resources/reduce-bounce)

#### Read Shopify behavior as aggregate patterns
Time-of-day groups can show when session behavior changes. Pointer distributions summarize path length, velocity, and acceleration by device. Average scrolling speed is also available by device.
Maximum scroll depth and page-pass distributions are homepage-only. These aggregate patterns are not session replay and cannot identify an exact PDP (product detail page) section.
- Check the number of measured sessions.
- Compare the same period and device view.
- Read bounce, carts, and purchases beside each pattern.
- Treat empty or small groups cautiously.
- Do not infer personal traits from movement.

#### Turn one analytics clue into a page decision
A small jewelry store sees many mobile sessions use size controls, but few use Add to cart. Pointer behavior and average scroll velocity also differ from desktop.
Those aggregates do not locate the cause. A page review finds the bracelet guide below a long story, giving the store one PDP change to test.
Read next: [Shopify product page templates and conversion-focused structure](https://100.rocks/resources/product-page-template)

#### Connect Shopify product-page analytics to 100 Rocks
Use 100 Rocks when combined funnel and behavior evidence points to a PDP question. It provides device-level pointer distributions and average scroll velocity, not session replay or raw event exports.
Maximum scroll depth and page-pass distributions cover the homepage only. No aggregate movement metric can locate an exact section on a PDP.
When a PDP test is justified, the merchant approves three fixed layouts. Measured-session thresholds apply per breakpoint, or screen-size group, and the automatic default reflects observed rates for the chosen measure, not statistical significance.

### Shopify Product Page Template: Structure Guide (en)
Source: https://100.rocks/resources/product-page-template
Published: 2026-07-29; updated: 2026-08-02

Know what the theme template controls. Then arrange product decisions in a clear order.

#### What is a Shopify product page template?
A Shopify product template controls how a theme renders product pages. Depending on the theme, it can use a JSON template that references sections or a Liquid template that renders markup.
A conversion-focused structure is different. It describes the order of content and decisions, such as media, title, options, price, delivery, proof, details, and Add to cart.

#### Separate Shopify theme code from page structure
Theme templates belong to the Shopify theme. Their files, section settings, and product assignments control rendering. Changes should follow the theme's supported architecture and merchant review.
A page structure is a planning model. It can guide section order and emphasis without claiming that a tool can rewrite any theme file.
Two meanings of product page template
| Meaning | What it controls | Safe approach |
| --- | --- | --- |
| JSON theme template | Which theme sections render | Use supported section references and settings |
| Liquid theme template | Markup and Liquid rendering | Review theme code before changing it |
| Conversion-focused structure | The order of shopper decisions | Change one approved layout choice |
| 100 Rocks variant | One of three fixed supported layouts | Require merchant approval before testing |
Read next: [How to increase add-to-cart rate on Shopify](https://100.rocks/resources/add-to-cart)

#### Build a clear Shopify product-page structure
Put essential purchase decisions near the product identity and options. Place supporting details where they answer a question. Keep secondary stories from interrupting the main path.
The right order depends on the product. A technical item may need specifications early. A familiar refill may need a shorter path.
1. Show clear product media and identity.
2. Place price and options near each other.
3. Explain sizing, delivery, and returns before doubt grows.
4. Keep Add to cart easy to find.
5. Move deeper details after the main decision.

#### Plan a template for a normal Shopify store
A small bedding store sells sheets by bed size and material. Its theme uses a JSON product template, while the current section order places fabric details after a long brand story.
The store can keep its theme architecture and compare an approved structure that moves fabric and sizing near the options. This is a layout decision, not an arbitrary theme rewrite.
Read next: [How to reduce bounce rate on Shopify product pages](https://100.rocks/resources/reduce-bounce)

#### Test approved Shopify layouts with 100 Rocks
100 Rocks applies extracted store tokens and preview product data to three fixed supported PDP (product detail page) layout variants. It does not create semantic alternatives, unlimited creative variants, or arbitrary theme rewrites.
Use it only when evidence points to a PDP question, then approve each layout. The audience scope is all traffic, while only sessions that meet the measurement rules inside the chosen percentage enter results.
Set measured-session thresholds per breakpoint, or screen-size group. The variant with the highest observed rate for the chosen measure becomes that breakpoint's default, without establishing statistical significance.

### Shopify Product Page Heatmaps for Clearer Decisions (en)
Source: https://100.rocks/resources/product-page-heatmaps
Published: 2026-07-29; updated: 2026-08-02

Use aggregate spatial patterns to form questions, while checking sample sufficiency and avoiding claims about attention, confusion, or causality.

#### What do Shopify product page heatmaps show?
A heatmap combines spatial activity from many measured sessions. It shows patterns by page and device but cannot explain individual intent.
100 Rocks provides pointer movement density, click, and near-stationary hesitation pause layers for each recorded page on desktop, tablet, or mobile.

#### Read pointer, click, and hesitation layers
The pointer layer maps aggregate movement density. The click layer maps aggregate clicks or presses. The hesitation layer maps aggregate near-stationary pointer pauses.
None of these layers proves attention, interest, confusion, or difficulty. Use each visible pattern to ask a focused question, then inspect the live buying flow.
Heatmap layers
| Layer | What it summarizes | Useful question |
| --- | --- | --- |
| Pointer | Aggregate movement density | Where does movement gather? |
| Click | Aggregate clicks or presses | Which controls attract action? |
| Hesitation | Near-stationary pointer pauses | Where do pauses gather? |
Read next: [What to A/B test first on a Shopify product page](https://100.rocks/resources/pdp-experiment-prioritization)

#### Compare each recorded Shopify page by device
Read each recorded product page separately. A pattern on one product does not automatically describe another page with different options, images, or content.
Switch between desktop, tablet, and mobile because layouts and controls change. Check that each page and device view has enough measured sessions before interpreting a pattern.
- Confirm the recorded page before reading a layer.
- Choose desktop, tablet, or mobile.
- Check the measured-session sample.
- Note patterns tied to a buying question.
- Check the live page before planning a change.

#### Use Shopify scroll analytics separately
Scroll metrics are separate from heatmaps. Use them to study depth and movement through the page, not as a spatial scroll heatmap layer.
100 Rocks provides no session replay, scroll heatmap, or AI-generated heatmap summary. The available layers remain aggregate pointer movement, click, and hesitation pauses.
Read next: [Keep Shopify product page variants consistent with your brand](https://100.rocks/resources/brand-consistency)

#### Turn a pattern into a Shopify test question
Describe the visible pattern without assigning a cause. Before proposing a change, check sample sufficiency, the live page, product facts, device layout, and separate commerce analytics.
A beauty store may observe clicks near a heading. It can inspect that control and test an approved alternative without claiming the heatmap proved attention or confusion.
1. Choose the recorded page and device.
2. Check that the sample is sufficient.
3. Review one layer at a time.
4. Write the visible pattern.
5. Check the live buying flow.
6. Create and approve one focused test idea.

#### Measure behavior with Shopify Customer Privacy consent
Behavior measurement follows Shopify Customer Privacy consent. Aggregate layers study measured sessions without replaying an individual shopper session.
Heatmaps support observation only. Wait for a sufficient page and device sample, then combine the pattern with merchant review and a controlled test when stronger evidence is needed.

### Shopify Product Page Audit: Find a Testable Idea (en)
Source: https://100.rocks/resources/product-page-audit
Published: 2026-07-29; updated: 2026-08-02

Separate defects from testable hypotheses, then review whether the automatically selected active product page represents your store.

#### What does a focused Shopify product page audit deliver?
A useful audit records factual defects separately from ideas that need testing. Fix inaccurate data, broken controls, accessibility failures, and misleading claims before turning layout questions into hypotheses.
100 Rocks has a narrower role. It automatically selects one active product page and shows three fixed supported layouts using extracted design tokens and preview data.

#### Review the selected Shopify product page
100 Rocks selects one active product page automatically. The merchant checks whether it represents typical products, options, content, traffic, and buying decisions.
Check its source data before interpreting any layout. Correct the title, price, options, images, claims, delivery terms, and return details in Shopify when anything is wrong.
- Confirm that the selected product is active.
- Judge whether its options and content are typical.
- Verify the Shopify product data.
- Check current brand images and copy.
- Record any reason it is not representative.
Read next: [What to A/B test first on a Shopify product page](https://100.rocks/resources/pdp-experiment-prioritization)

#### Compare three fixed brand-informed layouts
The three outputs are fixed supported product-page layouts styled with extracted design tokens and preview data. They are not generated semantic directions or open-ended design suggestions.
Review each complete layout against the selected product, extracted brand cues, and real buying flow. Treat every difference as a hypothesis until shopper evidence supports it.
- Read the full page, not an isolated section.
- Check every product fact against Shopify.
- Compare the buying flow on each device.
- Separate existing defects from layout hypotheses.
- Reject any layout that weakens clarity or trust.
Preview review note
| Field | Question | Example |
| --- | --- | --- |
| Page review | Is the selected product representative? | Typical options and delivery details |
| Defect | What is already incorrect or broken? | An outdated return term |
| Hypothesis | What still needs a test? | A different information order |
| Safety check | What must stay accurate? | Price, stock, and delivery |
| Decision | Is the layout experiment-ready? | Approve, revise, or reject |

#### Select one Shopify test idea
Fix confirmed defects before starting an experiment. For remaining layout differences, write a focused hypothesis that names the shopper problem, expected change, device, and commerce result.
The merchant remains responsible for every fact and approval. Approve only layouts that are accurate, complete, usable, and ready to enter the same experiment.
1. Review whether the selected page is representative.
2. Record and fix confirmed defects.
3. Review all three fixed layouts.
4. Write one testable layout hypothesis.
5. Approve each experiment-ready variant deliberately.
Read next: [Keep Shopify product page variants consistent with your brand](https://100.rocks/resources/brand-consistency)

#### Move from the scan to a controlled test
A test requires at least two approved, experiment-ready variants and includes every variant in that state, so approval should be deliberate.
The scanner does not decide which layout is better. The test observes add-to-cart or purchase rates. The merchant can pause the test or revoke a variant that risks accuracy, usability, or trust.

### Shopify Product Page A/B Testing: A Practical Guide (en)
Source: https://100.rocks/resources/product-page-ab-testing
Published: 2026-07-29; updated: 2026-08-02

Compare approved variants with random assignment and enough eligible sessions, or use a lower-traffic research method when a reliable test is impractical.

#### How does a Shopify product page A/B test work?
A Shopify A/B test randomly assigns different product-page variants to comparable shopper groups, then compares a predefined result after enough eligible observations.
Stores with limited traffic can use usability research, customer interviews, or a staged release. These methods answer different questions and should not be presented as statistical A/B proof.

#### Write one Shopify buying question
Name the page decision, the approved change, the target devices, and the commerce result. Avoid broad questions such as whether a fresh design performs better.
A clothing store might compare approved size-guide layouts on mobile. It can choose add-to-cart rate as the KPI while monitoring purchases, returns, accuracy, and page errors.
- One main question
- At least two experiment-ready approved variants
- One all-traffic eligibility rule
- One KPI and useful safety checks
- One measured-session threshold per breakpoint
Read next: [What to A/B test first on a Shopify product page](https://100.rocks/resources/pdp-experiment-prioritization)

#### Choose a clear commerce result
Choose add-to-cart rate for an early buying action or purchase conversion rate for completed orders. Pick one KPI before launch.
Only measurement-eligible sessions count toward the measured-session threshold for each desktop, tablet, and mobile breakpoint.
Reaching a threshold triggers an operational choice. It does not establish a p-value, statistical significance, or causal certainty.
A/B test plan
| Decision | Set before launch |
| --- | --- |
| Variants | Every experiment-ready approved version |
| Scope | All measurement-eligible traffic |
| Weights | An equal split across included variants |
| KPI | Add-to-cart or purchase conversion rate |
| Thresholds | Measured sessions for each breakpoint |

#### Set up the test in 100 Rocks
100 Rocks allows one active test per store. Its current test uses an all-traffic scope and equal weights across every experiment-ready approved variant.
Measurement-eligible sessions advance separate thresholds for desktop, tablet, and mobile. The test does not target a behavior audience or let merchants set unequal weights.
1. Approve at least two variants.
2. Confirm every experiment-ready variant is included.
3. Select the add-to-cart or purchase KPI.
4. Set measured-session thresholds by breakpoint.
5. Launch, monitor, pause, or resume the test.
Read next: [Keep Shopify product page variants consistent with your brand](https://100.rocks/resources/brand-consistency)

#### Read Shopify test progress carefully
When each breakpoint reaches its threshold, 100 Rocks automatically promotes that breakpoint's variant with the highest observed KPI rate.
That promotion does not prove significance or a true winner. Review sample quality, effect size, operating time, customer safety, and other evidence before broader decisions.

### Shopify Behavior-Based Product Page Personalization (en)
Source: https://100.rocks/resources/product-page-personalization
Published: 2026-07-29; updated: 2026-08-02

Use approved variants and explainable aggregate rules only when the journey and Preferences consent allow audience matching.

#### How does Shopify behavior personalization work?
Recommendations choose products. Product customization lets a shopper configure one product. Rule-based serving selects an approved page variant when explicit conditions match.
100 Rocks provides rule-based serving, not product recommendations or shopper-controlled customization. It uses allow-listed aggregate metrics and does not infer personas.

#### Choose one Shopify behavior to act on
Rules can use click frequency, pointer idle ratio, pointer micro-reversals, hesitation frequency, hesitation time share, scroll metrics, and named dayparts.
These are aggregate session metrics. Rules cannot use ingredient interactions, element-specific click counts, or other selectors tied to named page content.
Keep every numeric range easy to read. Do not combine unrelated signals into a hidden score or label shoppers with invented identities.
- Click frequency within a numeric range
- Pointer idle or micro-reversal metrics
- Hesitation frequency or time share
- Scroll metrics or a named daypart
- One approved variant for a matching rule
Read next: [What to A/B test first on a Shopify product page](https://100.rocks/resources/pdp-experiment-prioritization)

#### Set Shopify audience boundaries
Audience matching applies only when a journey begins outside a product page and Preferences consent is granted. Otherwise, 100 Rocks uses its deterministic all-traffic route.
The audience editor defines the rule, and the Serving canvas connects an approved variant to it. Neither step asks the merchant to choose an alternate or default variant.
Personalization checklist
| Part | What to require |
| --- | --- |
| Journey | A start outside the product page |
| Consent | Preferences consent is granted |
| Metric | An allow-listed aggregate value |
| Rule | An explainable numeric range or daypart |
| Variant | An accurate approved version |

#### Review the Shopify audience response
Serving reports product-page views since the variant assignment. Commerce results remain in separate analytics and should not be presented as part of the serving count.
Audience views are descriptive. They do not prove that rule-based serving caused a commerce change, even when separate analytics show a different rate.
1. Check that the rule matches the intended range.
2. Confirm the assigned variant is approved.
3. Review product-page views since assignment.
4. Read commerce analytics separately.
5. Watch product accuracy and page errors.
6. Revise or deactivate unhelpful rules.
Read next: [Keep Shopify product page variants consistent with your brand](https://100.rocks/resources/brand-consistency)

#### Respect Shopify Customer Privacy consent
100 Rocks requires Preferences consent for audience matching. A direct product-page journey or missing consent follows the deterministic all-traffic route instead.
Personalization and A/B testing remain separate. Test approved variants with measurement-eligible traffic, then assign a suitable approved variant to an explainable audience rule.

### Brand Consistency Across Shopify Product Page Variants (en)
Source: https://100.rocks/resources/brand-consistency
Published: 2026-07-29; updated: 2026-08-02

Use extracted brand cues as guidance, protect product truth, and review every variant because brand-informed does not mean guaranteed safe.

#### How do Shopify product page variants stay on-brand?
Keep product truth and your strongest brand cues fixed. Let a short list of page choices vary. Use familiar components, review the whole page, and approve every version before shoppers see it.
Extracted colors, type, spacing, and controls can make a layout brand-informed. They cannot guarantee brand safety, factual accuracy, accessibility, or merchant approval.

#### Use your Shopify page as the brand source
100 Rocks uses the automatically selected active product page to extract design tokens and preview data. Those inputs style three fixed supported layouts.
For a clothing shop, keep the product name, price, fabric, care, and returns fixed. A layout must not invent a softer fabric, faster delivery, or unsupported brand rule.
Simple product page brief
| Area | May change | Keep fixed |
| --- | --- | --- |
| Page order | A supported layout under review | Access to the buy box and key terms |
| Copy | Emphasis among verified benefits | Product facts, price, and offer terms |
| Images | Approved crops and order | Approved files and brand marks |
| Controls | Approved component styles | Keyboard, touch, and buying behavior |
| Data | Extracted preview inputs | Shopify source data |
Read next: [Shopify product page personalization with behavior rules](https://100.rocks/resources/product-page-personalization)

#### Review every Shopify preview as a full page
Open each version on desktop, tablet, and mobile. Choose every product option. Test the gallery, buy box, keyboard order, errors, cart, and long translations. A good headline can still fail inside a broken page.
For each change, save the source of the claim or image, the approver, the products it can use, and its end date. Remove seasonal copy when the offer ends.
1. Review the selected page and product facts.
2. Mark what stays fixed and what may change.
3. Review the three fixed supported layouts.
4. Review full states on every screen size.
5. Approve, test, end, or restore.

#### Use Shopify source data as the truth
Correct product facts in Shopify Products, and correct markets, metafields, and metaobjects in their appropriate Shopify admin surfaces. Then review every variant again.
A higher conversion rate does not excuse a wrong claim, hidden return term, inaccessible control, or unapproved image. Stop that version. Fix the issue before reading the result.
Read next: [What to A/B test first on a Shopify product page](https://100.rocks/resources/pdp-experiment-prioritization)

#### Approve every 100 Rocks variant explicitly
The three fixed layouts are brand-informed by extracted tokens and preview data. They are not guaranteed safe, and a merchant must explicitly approve each experiment-ready variant.
Reject unsupported claims, unfamiliar styling, inaccessible controls, or awkward buying flows. A polished preview never replaces source correction and whole-page merchant review.

### Shopify Product Page Patterns by Category (en)
Source: https://100.rocks/resources/product-page-examples
Published: 2026-07-29; updated: 2026-08-02

Use category patterns as a starting point. Keep the product facts, buying choices, and evidence specific to your store.

#### Start with the Shopify buying decision
A useful product page example shows how information supports a buying decision. It is not a template that every store should copy.
Begin with the product's hardest question. Apparel shoppers need fit help. Furniture shoppers need dimensions. Electronics shoppers need compatibility. Replenishment products need quantity and delivery clarity.

#### Use Shopify category patterns carefully
These labeled patterns are hypothetical. They illustrate page structure without claiming that a real brand achieved a particular conversion result.
Adapt each pattern to your product, theme, policies, and evidence. Keep price, availability, variants, delivery, and returns consistent with Shopify.
- Apparel pattern: gallery, fit note, size selector, size guide, delivery, returns.
- Beauty pattern: benefit, ingredients, usage, quantity, warnings, subscription terms.
- Furniture pattern: dimensions, materials, room images, assembly, delivery, returns.
- Electronics pattern: compatibility, specifications, included items, warranty, support.
- Replenishment pattern: pack size, usage rate, purchase options, renewal terms.
Read next: [Shopify BFCM Checklist for Product Pages](https://100.rocks/resources/seasonal-campaigns)

#### Match the page to the product risk
Put the information that reduces the largest buying risk near the relevant choice. Do not bury fit, compatibility, or delivery details in a general accordion.
A hypothetical desk page can show dimensions beside the gallery. A hypothetical serum page can place ingredients and usage beneath its benefit statement.
Category patterns and their main questions
| Category pattern | Main shopper question | Useful page evidence |
| --- | --- | --- |
| Apparel | Will it fit? | Measurements, model details, return terms |
| Beauty | Is it suitable for me? | Ingredients, usage, warnings |
| Furniture | Will it fit my space? | Dimensions, scale images, delivery |
| Electronics | Will it work with my setup? | Compatibility, specifications, support |
| Replenishment | How much and how often? | Pack size, usage, renewal terms |

#### Review each Shopify example in context
Check the complete journey before adopting a pattern. The product card, product page, cart, checkout, confirmation, and support content should describe the same purchase.
Test the pattern with your own devices and customers. A long specification table may help desktop comparison but become difficult to scan on a narrow screen.
1. Name the product's hardest buying question.
2. Choose one category pattern that addresses it.
3. Replace every placeholder with verified product facts.
4. Check mobile, desktop, cart, and checkout.
5. Measure the selected page change before expanding it.
Read next: [Shopify Product Page Optimization at Scale](https://100.rocks/resources/catalog-breadth)

#### Measure the product page pattern
The PDP Container renders approved variants. Behavior analytics also require the theme app embed and Analytics consent. Complete commerce funnel reporting requires the installed Web Pixel.
Current tests run across PDP Container traffic eligible for measurement, within the chosen percentage. They cannot target a product, page, campaign, UTM, mobile-only group, or catalog subset.
Results and measured-session thresholds are separate by breakpoint (screen-size group). Each running test automatically promotes that breakpoint's highest observed KPI variant when its threshold is reached.
Treat every category pattern as an illustrative hypothesis, not a real brand result. Your store's measured evidence should guide the final decision.

### Shopify Landing Page or Product Page for Paid Ads (en)
Source: https://100.rocks/resources/paid-acquisition
Published: 2026-07-29; updated: 2026-08-02

Send each ad to the shortest page that completes its promise and supports the shopper's next decision.

#### Choose the right Shopify ad destination
Use a product page when the ad promotes one purchasable product and the shopper is ready to choose a variant. Keep the advertised product, price, and offer immediately visible.
Use a landing page when the ad introduces a collection, comparison, bundle story, quiz, or unfamiliar problem. Give shoppers a clear route to the relevant product page.

#### Compare Shopify landing and product pages
The destination should match the ad's scope. A hypothetical ad for one brown hiking boot can open its product page with that color selected.
A hypothetical ad comparing trail footwear can use a landing page. It can explain terrain, support, and fit before linking to several product pages.
Choose the paid ad destination
| Ad promise | Better starting page | Required next step |
| --- | --- | --- |
| One product and offer | Product page | Choose variant and buy |
| Several related products | Landing page | Compare and select |
| Bundle explanation | Landing page | Understand contents and value |
| Known product retargeting | Product page | Resolve remaining questions |
Read next: [Shopify BFCM Checklist for Product Pages](https://100.rocks/resources/seasonal-campaigns)

#### Keep the paid message consistent
Repeat the advertised product, image, price, and conditions on the destination. Explain any important limit before the shopper reaches the cart.
Keep one primary path. A landing page should not surround the promised collection with unrelated navigation, popups, and competing offers.
- Repeat the ad's main product and visual.
- Show the same price and offer conditions.
- Answer the next buying question near the action.
- Keep delivery and returns easy to find.
- Check the complete path on common devices.

#### Read Shopify acquisition reports with care
Use Shopify acquisition and sales reports to compare sources, landing pages, devices, carts, checkouts, and orders. Filter automated traffic where the report supports it.
A source with many exits may have weak targeting, a mismatched promise, or a poor destination. Review the ad and page together before changing either.
Read next: [Shopify Product Page Optimization at Scale](https://100.rocks/resources/catalog-breadth)

#### Test the chosen product page question
Use acquisition reports to identify a product page question. The PDP Container renders approved variants for the comparison.
Behavior analytics also require the theme app embed and Analytics consent. Complete commerce funnel reporting requires the installed Web Pixel.
Tests use PDP Container traffic eligible for measurement, within the chosen percentage. They cannot target a product, page, campaign, UTM, mobile-only group, or catalog subset.
Results and measured-session thresholds are separate by breakpoint (screen-size group). Each running test automatically promotes that breakpoint's highest observed KPI variant when its threshold is reached.

### Optimize a Shopify Product Page for Mobile (en)
Source: https://100.rocks/resources/mobile-product-page
Published: 2026-07-29; updated: 2026-08-02

Make every buying choice clear, stable, and easy to use on the devices your shoppers actually carry.

#### Design the Shopify product page for narrow screens
A mobile product page should preserve every essential buying fact without copying the desktop layout. Prioritize product identity, price, media, variants, availability, delivery, returns, and the purchase action.
Responsive design changes presentation, not truth. A compact layout can reorder supporting content, but it should not hide conditions that affect the purchase.

#### Keep Shopify choices easy to compare
Place labels beside color, size, quantity, and purchase options. Show unavailable choices clearly and preserve the shopper's selection when other content updates.
Use accordions for supporting detail only when headings are specific. Names like Materials, Fit, Delivery, and Returns help shoppers predict what opens.
- Keep price and offer terms readable together.
- Show selected variant names in text.
- Place size or compatibility help near the selector.
- Keep delivery and return terms near the buying decision.
- Avoid horizontal scrolling for essential facts.
Read next: [Shopify BFCM Checklist for Product Pages](https://100.rocks/resources/seasonal-campaigns)

#### Protect touch accuracy and layout stability
Give controls enough space for reliable touch. Do not place small swatches, carousel arrows, or close buttons against other interactive elements.
Reserve space for images, reviews, apps, and changing variant messages. Unexpected movement can make shoppers tap the wrong control or lose their reading position.
1. Load the page on a narrow phone.
2. Select every variant with one hand.
3. Swipe media without triggering nearby controls.
4. Open details and return to the same position.
5. Add to cart after images and apps finish loading.

#### Test the Shopify page on real device conditions
Test more than one viewport. Include a small phone, a larger phone, a tablet, and desktop. Check portrait, landscape, slow networks, zoom, and common browser engines.
Do not assume one mobile change creates a universal uplift. Read results by device class and verify that any difference is large enough to guide a decision.
Mobile product page test plan
| Condition | Check | Failure example |
| --- | --- | --- |
| Small phone | Choices and purchase action | Size help covers the selector |
| Large phone | Media and text balance | Gallery pushes facts too far down |
| Tablet | Responsive layout | Empty columns or stretched media |
| Slow network | Stability and feedback | Button moves after an app loads |
| Zoom and text scaling | Readability and control access | Labels clip or overlap |
Read next: [Shopify Product Page Optimization at Scale](https://100.rocks/resources/catalog-breadth)

#### Measure mobile PDP behavior by screen size
The PDP Container renders approved variants. Behavior analytics also require the theme app embed and Analytics consent. Complete commerce funnel reporting requires the installed Web Pixel.
Tests use PDP Container traffic eligible for measurement, within the chosen percentage. They cannot target a mobile-only group, product, page, campaign, UTM, or catalog subset.
Results and measured-session thresholds are separate by breakpoint (screen-size group). Each running test automatically promotes that breakpoint's highest observed KPI variant when its threshold is reached.
Review layout, errors, orders, and returns for each breakpoint. A mobile result does not automatically apply to another product page.

### Shopify Product Page SEO Guide (en)
Source: https://100.rocks/resources/product-page-seo
Published: 2026-07-29; updated: 2026-08-02

Help search engines and shoppers understand the same product through accurate facts, clear language, useful media, and consistent buying details.

#### Build Shopify SEO from product facts
Product page SEO starts with accurate, complete product data. Name the item plainly, describe what it does, and include the attributes shoppers use to compare it.
Keep price, availability, condition, brand, identifiers, variants, delivery, and returns consistent across visible content, Shopify data, and structured data.

#### Write useful Shopify titles and descriptions
Write a distinct page title that identifies the product and its important differentiator. Keep it readable instead of repeating similar terms.
Create an original description from verified facts. Explain materials, dimensions, compatibility, care, included items, and limitations where they matter.
- Use the product's clear customer-facing name.
- Add one meaningful attribute when it aids comparison.
- Write a distinct meta description for the page.
- Use descriptive headings for major product details.
- Avoid copying supplier text across many products.
Read next: [Shopify BFCM Checklist for Product Pages](https://100.rocks/resources/seasonal-campaigns)

#### Align media, schema, and Shopify variants
Use sharp product media with descriptive alternative text. Show useful angles, scale, texture, packaging, and included items without adding keywords that the image does not support.
Validate product structured data against visible facts. Model variants consistently, use stable URLs, and avoid creating thin duplicate pages for every option without a clear search purpose.
Product page SEO checks
| Element | Useful content | Common problem |
| --- | --- | --- |
| Title | Product name and meaningful attribute | Repeated terms |
| Description | Original verified product details | Copied supplier text |
| Media | Clear views and descriptive alt text | Decorative keyword lists |
| Schema | Visible price, availability, and identifiers | Conflicting facts |
| Variants | Consistent options and URLs | Thin duplicate pages |

#### Connect Shopify collections and buying paths
Link product pages from relevant collections and editorial guides. Use descriptive link text that explains the relationship instead of generic prompts.
Help shoppers continue when an item is unsuitable or unavailable. Link to a relevant comparison, compatible accessory, replacement, or collection without hiding the main purchase path.
1. Verify the product facts in Shopify.
2. Write the title and description from those facts.
3. Check media, alternative text, and structured data.
4. Review variant URLs and canonical behavior.
5. Add relevant collection and internal links.
6. Confirm price, delivery, returns, and availability.
Read next: [Shopify Product Page Optimization at Scale](https://100.rocks/resources/catalog-breadth)

#### Measure the PDP experience, not keyword demand
The PDP Container renders approved variants. Behavior analytics also require the theme app embed and Analytics consent. Complete commerce funnel reporting requires the installed Web Pixel.
Tests use PDP Container traffic eligible for measurement, within the chosen percentage. They cannot target a product, page, campaign, UTM, mobile-only group, or catalog subset.
Results and measured-session thresholds are separate by breakpoint (screen-size group). Each running test automatically promotes that breakpoint's highest observed KPI variant when its threshold is reached.
100 Rocks does not research keywords or generate structured data. Use Shopify data, search tools, and technical validation for those SEO tasks.

### What to A/B Test First on a Shopify Product Page (en)
Source: https://100.rocks/resources/pdp-experiment-prioritization
Published: 2026-07-29; updated: 2026-08-02

Fix broken shopping first. Then test one well-supported change that addresses a meaningful buying question.

#### Fix Shopify product page defects before testing
Do not A/B test a broken selector, incorrect price, missing label, slow script, or inaccessible control. Repair the defect and verify the fix.
Then choose a question that can change a buying decision. Fit guidance, delivery clarity, product evidence, and variant usability usually deserve attention before decorative preferences.

#### Build Shopify test ideas from evidence
Use support questions, returns, reviews, usability checks, page behavior, and Shopify sales reports. Separate observed problems from team preferences.
Write each idea as a shopper problem and proposed response. A useful hypothesis says what changes, for whom, and which outcome will guide the decision.
- Fix now: broken or misleading purchase behavior.
- Research next: an important problem with unclear evidence.
- Test first: one measurable response to an observed problem.
- Park: a preference without a shopper or business reason.
Read next: [Shopify product page personalization with behavior rules](https://100.rocks/resources/product-page-personalization)

#### Choose the first A/B test manually
Compare a short list using evidence, decision value, traffic, effort, and risk. This is an educational review, not an automated backlog score.
Hypothetical example: shoppers repeatedly ask whether a jacket runs small. Test clearer fit guidance before changing the review card style.
Accessibility, legal, data, or brand risks can stop an idea regardless of its other strengths.
Questions for the first test
| Check | Prefer | Avoid |
| --- | --- | --- |
| Evidence | Observed shopper difficulty | Internal preference |
| Decision value | A result that changes action | A curiosity metric |
| Traffic | Relevant eligible visits | Unrelated page traffic |
| Effort | One clear controlled change | Several bundled changes |
| Risk | Protected accessibility and trust | Known customer harm |

#### Run one clear Shopify product page test
Define the approved change, primary outcome, safety checks, and decision rule before exposure begins. Keep product facts and unrelated layout elements unchanged.
Check implementation on mobile and desktop. Watch errors, speed, orders, revenue, and returns alongside the primary outcome.
Read next: [Keep Shopify product page variants consistent with your brand](https://100.rocks/resources/brand-consistency)

#### Use 100 Rocks for the approved comparison
The PDP Container renders approved variants. Behavior analytics also require the theme app embed and Analytics consent. Complete commerce funnel reporting requires the installed Web Pixel.
Tests use measurement-eligible PDP Container traffic within the chosen percentage. They cannot target a product, page, campaign, UTM, mobile-only group, or catalog subset.
Results and measured-session thresholds are separate by breakpoint. Each running test automatically promotes that breakpoint's highest observed KPI variant when its threshold is reached.
100 Rocks does not create or score a test backlog. This guide is educational; your team chooses the question, approval, and final decision.

### Shopify BFCM Checklist for Product Pages (en)
Source: https://100.rocks/resources/seasonal-campaigns
Published: 2026-07-29; updated: 2026-08-02

Make the offer, stock, delivery promise, and purchase path reliable before BFCM traffic arrives.

#### Verify every Shopify BFCM promise
Confirm each featured product, sale price, stock status, delivery cutoff, return condition, and purchase option. The ad, product page, cart, and checkout must describe the same offer.
A hypothetical jacket page can show its sale price, eligible colors, available sizes, delivery estimate, and return window near the buying controls.

#### Prepare priority Shopify product pages
Choose priority pages from the products included in the BFCM offer. Check product data, media, variants, stock, discount language, delivery, returns, apps, and analytics.
Finish risky design changes before the peak period. During BFCM, focus on verified content corrections and purchase-blocking defects.
1. Confirm the included products and sale conditions.
2. Verify stock, variants, delivery, and return information.
3. Review media and offer copy on narrow screens.
4. Test product page, cart, discounts, and checkout.
5. Record owners for live monitoring and manual decisions.
Read next: [A practical Shopify product page SEO guide](https://100.rocks/resources/product-page-seo)

#### Make the BFCM choice easy
Put temporary information beside the choice it affects. On mobile, keep sale price, stock, delivery cutoff, and return terms close to the purchase action.
Give every seasonal message an owner and removal date. Review expired banners, copy, prices, and structured data after the campaign.
- The ad, page, and cart show the same price.
- The discount terms use plain words.
- The delivery cutoff comes from a maintained source.
- Any countdown reflects a real deadline.
- The team knows what disappears when the sale ends.

#### Test the complete Shopify buying path
Test featured pages on small phones, larger phones, tablets, and desktop. Select variants, apply expected discounts, add products, change quantities, and complete a test checkout.
Include slow networks and sold-out states. Check that apps, banners, and sticky controls do not cover choices or move the purchase action.
BFCM product page readiness checks
| Area | Check | Act when |
| --- | --- | --- |
| Offer | Price and conditions match | Any step shows different terms |
| Inventory | Variants and stock update | Unavailable choices appear purchasable |
| Mobile | Controls remain visible and stable | Content covers or moves choices |
| Checkout | Discount and delivery behave correctly | The final total surprises shoppers |
| Monitoring | Errors, orders, and revenue are visible | A purchase-blocking issue appears |
Read next: [Shopify Product Page Optimization at Scale](https://100.rocks/resources/catalog-breadth)

#### Use measured PDP changes before BFCM
The PDP Container renders approved variants. Behavior analytics also require the theme app embed and Analytics consent. Complete commerce funnel reporting requires the installed Web Pixel.
Tests use PDP Container traffic eligible for measurement, within the chosen percentage. They cannot target a product, page, campaign, UTM, mobile-only group, or catalog subset.
100 Rocks does not schedule campaign content, target campaigns, control Shopify Rollouts, or automate rollback. Your team owns publishing, live checks, and recovery decisions.
Results and measured-session thresholds are separate by breakpoint (screen-size group). Each running test still automatically promotes that breakpoint's highest observed KPI variant when its threshold is reached.

### Shopify Product Page Optimization at Scale (en)
Source: https://100.rocks/resources/catalog-breadth
Published: 2026-07-29; updated: 2026-08-02

Keep Shopify product data authoritative, improve priority pages, and review each wider template change with care.

#### Make a large Shopify catalog easier to shop
Start with accurate Shopify product data. For a large decor catalog, verify titles, categories, dimensions, materials, colors, care, media, prices, stock, delivery, and returns.
A template cannot repair missing facts. Correct source data before changing how product pages present it.

#### Use Shopify catalog fields consistently
Use Shopify's product taxonomy and relevant metafields for consistent customer-facing facts. Clear attributes can support filters and product page details.
Review missing and conflicting values before design work. A dimensions block only helps when each displayed measurement is complete and trustworthy.
- Verify customer-facing product titles.
- Complete relevant category and product metafields.
- Check media, alternative text, and variant labels.
- Resolve conflicting price, stock, and delivery facts.
- Confirm that filters use maintained attributes.
Read next: [A practical Shopify product page SEO guide](https://100.rocks/resources/product-page-seo)

#### Choose priority Shopify product pages
Choose individual pages using sales value, human traffic, shopper questions, returns, data quality, and operational importance. Document why each page needs attention.
A hypothetical lamp page with frequent dimension questions may justify clearer measurements. Another product may need compatibility, care, or delivery information instead.
Do not assume one page result applies across the catalog. Product facts, buying risks, traffic, and template behavior can differ.
Choose the first product pages
| Check | Ask | Use |
| --- | --- | --- |
| Value | Could this page change sales or margin? | Revenue, margin, strategic role |
| Traffic | Will enough people see the change? | Human product-page visits |
| Problem | Can you name the shopper's difficulty? | Support, returns, and page behavior |
| Readiness | Are the facts and stock reliable? | Catalog and inventory checks |
| Scope | Where can this result reasonably apply? | Product facts and template behavior |

#### Review shared Shopify template changes
A shared theme template can affect many products at once. Preview representative data conditions, including long titles, many variants, missing media, sold-out products, and subscription options.
Shopify remains the system for product data and publishing. Review the affected template scope, test the buying path, and monitor errors after your team publishes.
1. Name the specific product page problem.
2. Correct missing Shopify source data.
3. Preview the template with varied product conditions.
4. Test mobile, desktop, cart, and checkout.
5. Publish through your normal Shopify process.
6. Review sales, returns, errors, and support questions.
Read next: [Shopify BFCM Checklist for Product Pages](https://100.rocks/resources/seasonal-campaigns)

#### Keep the 100 Rocks catalog scope clear
The PDP Container renders approved variants. Behavior analytics also require the theme app embed and Analytics consent. Complete commerce funnel reporting requires the installed Web Pixel.
Tests use PDP Container traffic eligible for measurement, within the chosen percentage. They cannot target a product, page, campaign, UTM, mobile-only group, or catalog subset.
Results and measured-session thresholds are separate by breakpoint (screen-size group). Each running test automatically promotes that breakpoint's highest observed KPI variant when its threshold is reached.
100 Rocks does not group products, create per-product variants, maintain exception lists, or control catalog rollouts. Shopify and your team remain responsible for catalog decisions.

### Optimiser une fiche produit Shopify (fr)
Source: https://100.rocks/fr/resources/product-page-optimization
Published: 2026-07-29; updated: 2026-08-02

Trouvez la première décision difficile. Simplifiez-la. Mesurez si les visiteurs avancent.

#### Comment optimiser une fiche produit Shopify ?
Commencez par la décision qui bloque le parcours. Présentez le produit, les options, le prix, la livraison, les retours et l'ajout au panier dans un ordre facile à suivre.
L'optimisation n'est pas une liste de recettes universelles. C'est un cycle simple : mesurer, diagnostiquer, changer un élément, puis comparer avec prudence.

#### Créer une référence avec l'analyse Shopify
Lisez ensemble les sessions, le rebond, les actions importantes, l'ajout au panier, le paiement et les achats. Ajoutez l'acquisition, la technologie, les visiteurs récurrents et les plages horaires si nécessaire.
Les distributions de pointeur résument les mouvements du pointeur, tandis que la vitesse moyenne de défilement montre le rythme de défilement. Elles révèlent des tendances par appareil, sans expliquer une intention ni localiser une section précise.
Une référence pour optimiser la fiche
| Signal | Question | Vérification suivante |
| --- | --- | --- |
| Rebond | La visite contient-elle une seule page vue ? | Comparer la source et l'appareil |
| Actions sur les CTA | Les contrôles importants sont-ils utilisés ? | Vérifier le choix proposé |
| Taux d'ajout au panier | L'intérêt devient-il une intention ? | Comparer la conversion en achat |
| Conversion en achat | Le tunnel aboutit-il ? | Vérifier les étapes précédentes |
À lire ensuite: [Comment réduire le taux de rebond des fiches produit Shopify](https://100.rocks/fr/resources/reduce-bounce)

#### Donner la priorité à une décision
Choisissez le premier obstacle important avec assez de sessions mesurables. Corriger ce point garde une hypothèse claire et évite les changements de mise en page inutiles.
Ne cherchez pas des clics pour eux-mêmes. La fiche doit aider le visiteur à juger le produit et à avancer vers un achat.
1. Noter la référence et la période.
2. Nommer la première étape faible du tunnel.
3. Relier cette étape à une décision sur la page.
4. Choisir l'ajout au panier ou l'achat comme indicateur principal.
5. Faire approuver chaque mise en page avant le test.

#### Appliquer la méthode à une boutique courante
Une petite boutique de décoration vend une lampe en céramique dans trois tailles. Les visiteurs mobiles atteignent les options, mais beaucoup partent avant l'ajout au panier.
Les dimensions se trouvent sous de longues consignes d'entretien. Les placer près des tailles donne à la boutique un seul changement clair à comparer.
À lire ensuite: [Modèle de fiche produit Shopify et structure de conversion](https://100.rocks/fr/resources/product-page-template)

#### Tester une fiche Shopify avec 100 Rocks
100 Rocks applique les styles extraits de la boutique et les données du produit affiché dans l'aperçu à trois variantes fixes de fiche produit prises en charge. Le marchand approuve chaque variante.
Utilisez-le quand le tunnel révèle une question sur la fiche produit. L'audience inclut tout le trafic, mais seules les sessions qui respectent les règles de mesure dans le pourcentage choisi entrent dans les résultats.
Définissez des seuils de sessions mesurées par palier d'affichage, c'est-à-dire par groupe de tailles d'écran. À chaque seuil, la variante au meilleur taux observé pour l'indicateur principal devient automatiquement le choix par défaut. Cette règle ne démontre pas une différence significative.

### Optimisation du taux de conversion Shopify (fr)
Source: https://100.rocks/fr/resources/conversion-rate
Published: 2026-07-29; updated: 2026-08-02

Mesurez le parcours complet, de l'arrivée à l'achat. Améliorez l'étape où vous perdez le plus de visiteurs qualifiés.

#### Qu'est-ce que l'optimisation du taux de conversion Shopify ?
Optimiser le taux de conversion Shopify consiste à améliorer le parcours entre une session mesurable et un achat. Sur la fiche produit, commencez par le premier choix qui crée un doute.
Une petite boutique de vêtements peut voir ses visiteurs mobiles ouvrir le guide des tailles sans ajouter le produit. Des mesures plus claires près du sélecteur offrent un changement précis à tester.

#### Mesurer le taux de conversion Shopify avec constance
Le taux de conversion par session correspond aux sessions avec achat, divisées par les sessions incluses, puis multipliées par 100. Comptez chaque session une fois. Gardez les mêmes règles de trafic.
Lisez la conversion avec le tunnel. Les vues produit, les ajouts au panier, la progression du paiement et les achats montrent où le parcours ralentit. Le rebond peut révéler un décalage précoce.
Un tableau de conversion pratique
| Mesure | Question traitée | Limite |
| --- | --- | --- |
| Sessions | Quel trafic mesurable est entré ? | La qualité du trafic peut changer |
| Taux d'ajout au panier | L'intérêt produit devient-il une action ? | Un panier n'est pas un achat |
| Conversion en achat | Les sessions deviennent-elles des achats ? | Le paiement compte aussi |
| Taux de rebond | La visite contient-elle une seule page vue ? | Des actions peuvent tout de même avoir lieu |
À lire ensuite: [Comment réduire le taux de rebond des fiches produit Shopify](https://100.rocks/fr/resources/reduce-bounce)

#### Utiliser les références de conversion Shopify avec prudence
Une moyenne générale ignore le prix, le type de produit, l'intention, les appareils, la source, la saison et le paiement. Elle donne un contexte, mais ne diagnostique pas votre fiche.
Commencez par votre propre référence stable. Comparez des périodes similaires avec les mêmes règles. Une petite boutique ne doit pas transformer la moyenne d'une autre catégorie en objectif.
- Vérifier la collecte des sessions et des achats.
- Garder les campagnes et promotions visibles dans l'analyse.
- Comparer le même appareil et la même période.
- Traiter un petit échantillon comme incertain.
- Utiliser les références comme contexte, jamais comme promesse.

#### Améliorer une décision sur la fiche produit
Choisissez un changement qui répond à un problème observé. Si les visiteurs mobiles atteignent les tailles puis s'arrêtent, testez des libellés plus clairs avant de refaire toute la page.
Gardez le parcours d'achat lisible. Ne mélangez pas une nouvelle galerie, des détails déplacés et un bouton renforcé dans la même comparaison. Vous ne sauriez pas quel changement compte.
1. Définir la conversion mesurable de départ.
2. Trouver la première étape faible du tunnel.
3. Écrire une hypothèse sur un seul changement.
4. Choisir l'ajout au panier ou l'achat comme indicateur principal du test.
5. Faire approuver chaque version avant sa diffusion.
À lire ensuite: [Modèle de fiche produit Shopify et structure de conversion](https://100.rocks/fr/resources/product-page-template)

#### Lancer un test Shopify encadré avec 100 Rocks
Utilisez 100 Rocks seulement si tout le tunnel révèle une décision sur la fiche produit. Choisissez l'ajout au panier ou l'achat comme indicateur principal et gardez l'autre visible.
Les variantes approuvées reçoivent la même part pour une audience comprenant tout le trafic. Seules les sessions qui respectent les règles de mesure dans le pourcentage choisi comptent dans les résultats.
À chaque seuil de sessions mesurées, la variante au meilleur taux observé pour l'indicateur principal devient automatiquement le choix par défaut du palier, ou groupe de tailles d'écran. Cette règle ne démontre pas une différence statistiquement significative.

### Réduire le taux de rebond des fiches produit Shopify (fr)
Source: https://100.rocks/fr/resources/reduce-bounce
Published: 2026-07-29; updated: 2026-08-02

Montrez la page attendue. Rendez la prochaine action évidente.

#### Comment réduire le rebond d'une fiche produit Shopify ?
Faites correspondre la fiche produit à la promesse qui a conduit le visiteur. Montrez l'article, le bénéfice, le prix et l'action attendus sans imposer une recherche.
Une petite boutique de soins peut envoyer une annonce pour peau sensible vers une page générale. Ouvrir la bonne crème et répéter la promesse supprime ce décalage.
Le rebond est un indice, pas un objectif. Lisez-le avec les sessions, les actions importantes, le taux d'ajout au panier, la conversion en achat et la source.

#### Définir le rebond Shopify avant toute comparaison
Les outils peuvent définir le rebond différemment. Utilisez la définition de la source choisie. Gardez les mêmes règles de session, période, consentement et appareil.
Un visiteur peut lire le guide des tailles puis partir. Un autre peut utiliser plusieurs contrôles sans être convaincu. Le rebond seul n'explique aucune de ces visites.
À lire ensuite: [Comment augmenter le taux d'ajout au panier sur Shopify](https://100.rocks/fr/resources/add-to-cart)

#### Trouver le décalage dans Shopify Analytics
Commencez par les sessions d'arrivée, la source, l'appareil, les actions importantes et le tunnel. Examinez ensuite les tendances des mouvements du pointeur ou la vitesse moyenne de défilement par appareil.
Cherchez une cause simple. Une page de bijoux peut cacher la longueur de chaîne loin des contrôles d'achat. Une page de chaussures peut placer le guide après des détails secondaires.
- L'annonce ou le résultat de recherche promet un autre produit.
- L'identité du produit reste floue en haut de page.
- Le prix, la livraison ou les retours sont difficiles à trouver.
- La taille, la couleur ou le bouton Ajouter au panier fonctionne mal.
- La prochaine action utile apparaît trop tard.

#### Corriger la première raison de quitter Shopify
Transformez une tendance en un changement. Répétez la promesse, remontez le guide des tailles, clarifiez la livraison ou placez le CTA principal là où il sera trouvé.
Suivez le rebond avec l'ajout au panier et la conversion en achat. Un rebond plus faible avec moins d'achats n'est pas une amélioration.
À lire ensuite: [Modèle de fiche produit Shopify et structure de conversion](https://100.rocks/fr/resources/product-page-template)

#### Comparer des variantes de fiche Shopify approuvées
100 Rocks relie le rebond au tunnel, aux pointeurs et à la vitesse moyenne de défilement par appareil. La profondeur maximale et les distributions de passage de page concernent seulement la page d'accueil.
Utilisez-le seulement si ces signaux révèlent une question sur la fiche produit. Les mesures globales de défilement ne localisent pas la section précise qui cause un résultat.
Le marchand approuve trois variantes fixes prises en charge. Seules les sessions qui respectent les règles de mesure dans le pourcentage choisi entrent dans les résultats, même si l'audience comprend tout le trafic.

### Améliorer le taux d'ajout au panier Shopify (fr)
Source: https://100.rocks/fr/resources/add-to-cart
Published: 2026-07-29; updated: 2026-08-02

Rendez le produit facile à choisir. Vérifiez ensuite que davantage de paniers deviennent des commandes finalisées.

#### Comment améliorer le taux d'ajout au panier Shopify ?
Simplifiez le choix. Montrez la bonne teinte, la taille, la matière, le prix, la date de livraison et les conditions de retour près du bouton. Le client doit savoir exactement ce qui va entrer dans son panier.
L'ajout au panier montre une intention, pas un achat terminé. Lisez-le avec les sessions, la conversion en achat, le rebond, l'activité liée aux appels à l'action (CTA), l'acquisition et l'appareil.

#### Mesurer le taux d'ajout au panier dans Shopify
Le taux par session correspond aux sessions avec ajout au panier, divisées par les sessions incluses, puis multipliées par 100. Comptez chaque session une fois, même après deux ajouts.
Avec un dénominateur par visiteur, utilisez des visiteurs dans les deux parties et nommez clairement le taux. Gardez les mêmes règles de trafic, période et appareil.
Ce qu'il faut vérifier près du bouton
| Signal | Question | À retenir |
| --- | --- | --- |
| Zone d'achat vue | Le client a-t-il atteint les choix ? | Voir ne veut pas dire comprendre |
| Option choisie | Le client pouvait-il choisir un article valide ? | Un choix par défaut peut cacher un doute |
| Ajout au panier | Le client montre-t-il une envie d'achat ? | Le panier peut rester sans commande |
| Achat | La session devient-elle une vente ? | Un panier peut rester inachevé |
À lire ensuite: [Comment réduire le taux de rebond des fiches produit Shopify](https://100.rocks/fr/resources/reduce-bounce)

#### Lever le doute près du bouton Shopify
Une petite boutique de chaussures peut voir ses visiteurs mobiles atteindre les tailles puis s'arrêter. Des libellés de largeur clairs près de chaque pointure répondent à ce doute précis.
Vérifiez si les visiteurs atteignent la zone d'achat, choisissent une option, rouvrent la livraison ou partent après le prix complet. Un bouton fixe ne clarifie pas un choix difficile.
- Rendre l'option choisie et le stock très clairs.
- Garder le prix, la livraison et les retours près du bouton.
- Placer chaque preuve près de la question à laquelle elle répond.
- Utiliser des libellés clairs et des états accessibles.
- Garder une page rapide et simple sur téléphone.

#### Protéger les achats pendant un test Shopify
Choisissez une question avant le test. Décidez si l'ajout au panier ou l'achat sera la principale mesure utilisée pour évaluer le test. Gardez l'autre visible pour repérer un effet contraire.
Ne mélangez pas une nouvelle galerie, un sélecteur, un prix déplacé et un bouton dans la même comparaison. Avec peu de trafic, restez prudent et évitez les conclusions causales.
À lire ensuite: [Modèle de fiche produit Shopify et structure de conversion](https://100.rocks/fr/resources/product-page-template)

#### Tester le choix Shopify approuvé avec 100 Rocks
Quand les faits isolent une question d'ajout au panier sur la fiche produit, le marchand peut approuver trois variantes fixes prises en charge pour le test.
L'audience comprend tout le trafic. Seules les sessions qui respectent les règles de mesure dans le pourcentage choisi entrent dans les résultats. Définissez les seuils par palier d'affichage, c'est-à-dire par groupe de tailles d'écran, pas par appareil.
À chaque seuil, la variante au meilleur taux observé pour la mesure choisie devient automatiquement le choix par défaut. La règle ne promet pas davantage de commandes finalisées.

### Analyse des fiches produit Shopify et métriques utiles (fr)
Source: https://100.rocks/fr/resources/pdp-engagement
Published: 2026-07-29; updated: 2026-08-02

Lisez le parcours des visiteurs. Utilisez chaque mesure pour répondre à une question pratique.

#### Que mesurer sur une fiche produit Shopify ?
Une analyse utile relie les sessions mesurables aux actions et au tunnel. Commencez par les sessions, le rebond, les actions importantes, l'ajout au panier et la conversion en achat.
Ajoutez ensuite l'acquisition, la technologie, les visiteurs récurrents, les plages horaires et les distributions comportementales. Aucun score d'engagement unique n'explique l'intention.

#### Choisir des métriques Shopify vraiment utiles
Donnez un rôle à chaque mesure. Les sessions décrivent le volume. Le rebond signale une visite avec une seule page vue. Les CTA montrent les actions. Le tunnel relie vues, paniers, paiement et achats.
Séparez le fait de son interprétation. Un clic sur un CTA a eu lieu. La confiance ou l'hésitation reste une hypothèse tant que plusieurs signaux ne la soutiennent pas.
Une lecture utile de la fiche produit
| Mesure | Question traitée | Limite |
| --- | --- | --- |
| Sessions | Quel trafic mesurable est arrivé ? | Le volume ne montre pas l'intention |
| Rebond | Quelles visites ont une seule page vue ? | Des actions peuvent tout de même avoir lieu |
| Actions sur les CTA | Quels contrôles sont utilisés ? | Un clic n'est pas une approbation |
| Conversion du tunnel | Où le parcours ralentit-il ? | La cause reste inconnue |
À lire ensuite: [Comment réduire le taux de rebond des fiches produit Shopify](https://100.rocks/fr/resources/reduce-bounce)

#### Lire le comportement Shopify par tendances globales
Les plages horaires montrent quand le comportement change. Les pointeurs résument la longueur du trajet, la vitesse et l'accélération par appareil. La vitesse moyenne de défilement est aussi disponible par appareil.
La profondeur maximale de défilement et les distributions de passage de page concernent seulement la page d'accueil. Ces tendances globales ne localisent pas une section précise de la fiche produit.
- Vérifier le nombre de sessions mesurées.
- Comparer la même période et le même appareil.
- Lire rebond, paniers et achats avec chaque tendance.
- Traiter les petits groupes avec prudence.
- Ne pas déduire de traits personnels des mouvements.

#### Transformer un indice en décision de page
Une petite bijouterie voit beaucoup de sessions mobiles utiliser les tailles, mais peu ajoutent le produit. Les pointeurs et la vitesse de défilement diffèrent aussi des ordinateurs.
Ces données globales ne localisent pas la cause. Une lecture de la page trouve le guide après un long récit, ce qui donne un seul changement à tester.
À lire ensuite: [Modèle de fiche produit Shopify et structure de conversion](https://100.rocks/fr/resources/product-page-template)

#### Relier l'analyse Shopify à 100 Rocks
Utilisez 100 Rocks quand le tunnel et le comportement révèlent ensemble une question sur la fiche produit. Il fournit les pointeurs et la vitesse moyenne de défilement par appareil, sans relecture de session ni export d'événements bruts.
La profondeur maximale et les distributions de passage de page couvrent seulement la page d'accueil. Aucune mesure globale de mouvement ne localise une section précise de la fiche produit.
Si un test se justifie, le marchand approuve trois variantes fixes prises en charge. Les seuils s'appliquent par palier, ou groupe de tailles d'écran, et le choix automatique reflète les taux observés pour l'indicateur principal, pas une différence significative.

### Modèle de fiche produit Shopify : guide de structure (fr)
Source: https://100.rocks/fr/resources/product-page-template
Published: 2026-07-29; updated: 2026-08-02

Comprenez le rôle du modèle de thème. Organisez ensuite les décisions produit dans un ordre clair.

#### Qu'est-ce qu'un modèle de fiche produit Shopify ?
Un modèle de produit contrôle le rendu des fiches dans un thème Shopify. Selon le thème, un fichier JSON référence des sections ou un fichier Liquid produit le balisage.
Une structure pensée pour la conversion est différente. Elle décrit l'ordre du contenu et des décisions : médias, titre, options, prix, livraison, preuves, détails et ajout au panier.

#### Séparer le thème Shopify de la structure de page
Les modèles appartiennent au thème Shopify. Leurs fichiers, réglages de section et affectations aux produits contrôlent le rendu. Toute modification doit respecter l'architecture du thème et la validation du marchand.
Une structure de page sert à planifier. Elle guide l'ordre et l'importance des sections sans prétendre qu'un outil peut réécrire tous les fichiers d'un thème.
Deux sens du modèle de fiche produit
| Notion | Ce qu'elle contrôle | Approche sûre |
| --- | --- | --- |
| Modèle de thème JSON | Les sections affichées par le thème | Utiliser les références et réglages prévus |
| Modèle de thème Liquid | Le balisage et le rendu Liquid | Relire le code avant toute modification |
| Structure de conversion | L'ordre des décisions du visiteur | Changer un choix de mise en page approuvé |
| Variante 100 Rocks | Une des trois mises en page fixes prises en charge | Obtenir l'accord du marchand avant le test |
À lire ensuite: [Comment augmenter le taux d'ajout au panier sur Shopify](https://100.rocks/fr/resources/add-to-cart)

#### Créer une structure claire sur Shopify
Placez les décisions essentielles près de l'identité du produit et des options. Ajoutez chaque détail là où il répond à une question. Gardez les histoires secondaires hors du parcours principal.
Le bon ordre dépend du produit. Un article technique peut demander des spécifications tôt. Une recharge familière peut suivre un parcours plus court.
1. Montrer clairement le produit et ses médias.
2. Rapprocher le prix et les options.
3. Expliquer taille, livraison et retours avant le doute.
4. Garder l'ajout au panier facile à trouver.
5. Placer les détails approfondis après la décision principale.

#### Planifier le modèle d'une boutique Shopify courante
Une petite boutique de linge vend des draps par taille et matière. Son thème utilise un modèle JSON, mais la composition place les matières après une longue histoire de marque.
La boutique peut garder son architecture et comparer une structure approuvée qui rapproche matières et tailles des options. C'est un choix de mise en page, pas une réécriture libre.
À lire ensuite: [Comment réduire le taux de rebond des fiches produit Shopify](https://100.rocks/fr/resources/reduce-bounce)

#### Tester des mises en page Shopify avec 100 Rocks
100 Rocks applique les styles extraits de la boutique et les données du produit affiché dans l'aperçu à trois variantes fixes de fiche produit prises en charge. Il ne crée pas de variantes de contenu, de créations illimitées ou de réécritures libres.
Utilisez-le seulement si les faits révèlent une question sur la fiche produit, puis approuvez chaque version. L'audience comprend tout le trafic, mais seules les sessions qui respectent les règles de mesure dans le pourcentage choisi comptent.
Définissez les seuils de sessions mesurées par palier, ou groupe de tailles d'écran. À chaque seuil, la variante au meilleur taux observé pour l'indicateur principal devient automatiquement le choix par défaut, sans démontrer une différence statistiquement significative.

### Heatmaps de fiche produit Shopify : mieux décider (fr)
Source: https://100.rocks/fr/resources/product-page-heatmaps
Published: 2026-07-29; updated: 2026-08-02

Transformez les tendances spatiales agrégées en questions, après avoir vérifié l'échantillon et sans prétendre prouver l'attention, la confusion ou la cause.

#### Que montrent les heatmaps de fiche produit Shopify ?
Une heatmap combine l'activité spatiale de nombreuses sessions mesurées. Elle montre des tendances par page et appareil, mais ne peut pas expliquer l'intention individuelle.
100 Rocks fournit les mouvements du pointeur, les clics et les pauses presque immobiles d'hésitation pour chaque page enregistrée sur ordinateur, tablette ou mobile.

#### Lire les couches de pointeur, de clic et d'hésitation
Le pointeur montre la densité agrégée des mouvements. Les clics regroupent les clics et appuis. L'hésitation regroupe les pauses presque immobiles du pointeur.
Aucune couche ne prouve l'attention, l'intérêt, la confusion ou la difficulté. Utilisez chaque tendance pour poser une question précise, puis examinez le parcours d'achat actif.
Couches des heatmaps
| Couche | Résumé | Question utile |
| --- | --- | --- |
| Pointeur | Densité agrégée des mouvements | Où les mouvements se concentrent-ils ? |
| Clic | Clics et appuis agrégés | Quels contrôles attirent l'action ? |
| Hésitation | Pauses presque immobiles | Où les pauses se concentrent-elles ? |
À lire ensuite: [Que tester d'abord en A/B sur une fiche produit Shopify](https://100.rocks/fr/resources/pdp-experiment-prioritization)

#### Comparer chaque page Shopify enregistrée par appareil
Lisez chaque fiche produit enregistrée séparément. Une tendance sur un produit ne décrit pas forcément une autre page avec des options, images ou contenus différents.
Passez entre ordinateur, tablette et mobile, car la mise en page change. Vérifiez que chaque page et appareil possède assez de sessions mesurées avant d'interpréter une tendance.
- Confirmer la page enregistrée avant de lire une couche.
- Choisir ordinateur, tablette ou mobile.
- Vérifier l'échantillon de sessions mesurées.
- Noter les tendances liées à une question d'achat.
- Vérifier la page active avant de prévoir un changement.

#### Utiliser séparément l'analyse du défilement Shopify
Les mesures de défilement restent séparées des heatmaps. Utilisez-les pour étudier la profondeur et les mouvements dans la page, pas comme une heatmap spatiale du défilement.
100 Rocks ne fournit ni replay de session, ni heatmap du défilement, ni résumé généré par IA. Les couches disponibles restent le pointeur, les clics et les pauses.
À lire ensuite: [Garder les variantes de fiche produit Shopify fidèles à la marque](https://100.rocks/fr/resources/brand-consistency)

#### Transformer une tendance en question de test Shopify
Décrivez la tendance visible sans lui attribuer de cause. Avant de proposer un changement, vérifiez l'échantillon, la page active, les faits, l'appareil et les analyses commerciales séparées.
Une boutique de beauté peut observer des clics près d'un titre. Elle peut tester un autre contrôle approuvé sans prétendre que la heatmap prouve l'attention ou la confusion.
1. Choisir la page enregistrée et l'appareil.
2. Vérifier que l'échantillon est suffisant.
3. Examiner une couche à la fois.
4. Décrire la tendance visible.
5. Vérifier le parcours d'achat actuel.
6. Créer et approuver une idée de test ciblée.

#### Mesurer avec le consentement Shopify Customer Privacy
La mesure respecte le consentement Shopify Customer Privacy. Les couches agrégées étudient les sessions mesurées sans rejouer la session d'une personne.
Les heatmaps servent uniquement à observer. Attendez un échantillon suffisant par page et appareil, puis associez la tendance à une revue et à un test contrôlé.

### Audit de fiche produit Shopify : trouver une idée (fr)
Source: https://100.rocks/fr/resources/product-page-audit
Published: 2026-07-29; updated: 2026-08-02

Séparez les défauts des hypothèses à tester, puis vérifiez si la fiche produit active sélectionnée automatiquement représente votre boutique.

#### Que livre un audit ciblé de fiche produit Shopify ?
Un audit utile distingue les défauts factuels des idées à tester. Corrigez les données fausses, les commandes cassées, les problèmes d'accessibilité et les promesses trompeuses avant de formuler des hypothèses.
100 Rocks joue un rôle plus limité. Il sélectionne automatiquement une fiche produit active et présente trois mises en page fixes avec les repères visuels extraits et les données d'aperçu.

#### Examiner la fiche produit Shopify sélectionnée
100 Rocks sélectionne automatiquement une fiche produit active. Le marchand vérifie si elle représente les produits, options, contenus, trafics et décisions d'achat habituels.
Vérifiez ses données avant d'interpréter la mise en page. Corrigez dans Shopify le titre, le prix, les options, les images, les promesses, la livraison et les retours.
- Confirmer que le produit sélectionné est actif.
- Juger si ses options et contenus sont habituels.
- Vérifier les données produit dans Shopify.
- Contrôler les images et textes actuels.
- Noter pourquoi la page serait peu représentative.
À lire ensuite: [Que tester d'abord en A/B sur une fiche produit Shopify](https://100.rocks/fr/resources/pdp-experiment-prioritization)

#### Comparer trois mises en page fixes inspirées de la marque
Les trois résultats sont des mises en page fixes et prises en charge, habillées avec les repères visuels extraits et les données d'aperçu.
Ce ne sont pas des directions sémantiques générées ni des suggestions ouvertes. Examinez chaque page complète et considérez chaque différence comme une hypothèse avant d'obtenir des preuves.
- Lire la page entière, pas une section isolée.
- Vérifier chaque fait produit dans Shopify.
- Comparer le parcours d'achat sur chaque appareil.
- Séparer les défauts existants des hypothèses.
- Refuser une page qui réduit la clarté ou la confiance.
Note de revue d'un aperçu
| Champ | Question | Exemple |
| --- | --- | --- |
| Revue | Le produit est-il représentatif ? | Options et livraison habituelles |
| Défaut | Qu'est-ce qui est faux ou cassé ? | Une condition de retour dépassée |
| Hypothèse | Que faut-il encore tester ? | Un autre ordre des informations |
| Protection | Que faut-il préserver ? | Prix, stock et livraison |
| Décision | La page est-elle prête pour le test ? | Approuver, réviser ou refuser |

#### Choisir une idée de test Shopify
Corrigez les défauts confirmés avant toute expérience. Pour les différences restantes, formulez une hypothèse précise avec le problème, le changement attendu, l'appareil et le résultat commercial.
Le marchand reste responsable des faits et des approbations. Approuvez seulement les pages exactes, complètes, utilisables et prêtes à participer à la même expérience.
1. Vérifier si la page sélectionnée est représentative.
2. Noter et corriger les défauts confirmés.
3. Examiner les trois mises en page fixes.
4. Formuler une hypothèse précise.
5. Approuver chaque variante prête pour l'expérience.
À lire ensuite: [Garder les variantes de fiche produit Shopify fidèles à la marque](https://100.rocks/fr/resources/brand-consistency)

#### Passer de l'analyse à un test contrôlé
Un test exige au moins deux variantes approuvées et prêtes pour l'expérience, et inclut toutes les variantes dans cet état ; chaque approbation doit donc être réfléchie.
L'analyseur ne décide pas quelle page est meilleure. Le test observe les taux d'ajout au panier ou d'achat, tandis que le marchand surveille l'exactitude, l'usage et la confiance.

### Test A/B de fiche produit Shopify : guide pratique (fr)
Source: https://100.rocks/fr/resources/product-page-ab-testing
Published: 2026-07-29; updated: 2026-08-02

Comparez des variantes approuvées avec une attribution aléatoire et assez de sessions admissibles, ou choisissez une autre méthode lorsque le trafic est faible.

#### Comment fonctionne un test A/B sur Shopify ?
Un test A/B Shopify attribue aléatoirement différentes variantes d'une fiche produit à des groupes de visiteurs comparables, puis compare un résultat défini après assez d'observations admissibles.
Avec peu de trafic, utilisez des tests d'utilisation, des entretiens clients ou une mise en ligne progressive. Ces méthodes ne constituent pas une preuve statistique A/B.

#### Formuler une question d'achat sur Shopify
Nommez la décision, le changement approuvé, les appareils visés et le résultat commercial. Évitez une question trop large comme savoir si un nouveau design fonctionne mieux.
Une boutique de vêtements peut comparer des guides des tailles approuvés sur mobile. Elle choisit le taux d'ajout au panier, puis surveille les achats, retours, erreurs et faits.
- Une question principale
- Au moins deux variantes approuvées et prêtes
- Une règle d'admission tous trafics
- Un indicateur et des contrôles utiles
- Un seuil de sessions mesurées par appareil
À lire ensuite: [Que tester d'abord en A/B sur une fiche produit Shopify](https://100.rocks/fr/resources/pdp-experiment-prioritization)

#### Choisir un résultat commercial clair
Choisissez le taux d'ajout au panier pour une action précoce ou le taux d'achat pour les commandes terminées. Fixez cet indicateur avant le lancement.
Seules les sessions admissibles à la mesure alimentent le seuil prévu pour ordinateur, tablette et mobile.
Atteindre un seuil déclenche une décision opérationnelle. Cela n'établit ni valeur p, ni signification statistique, ni certitude causale.
Plan du test A/B
| Décision | À fixer avant le départ |
| --- | --- |
| Variantes | Chaque version approuvée et prête |
| Portée | Tout le trafic admissible à la mesure |
| Répartition | Une part égale pour chaque variante |
| Indicateur | Taux d'ajout au panier ou d'achat |
| Seuils | Sessions mesurées pour chaque appareil |

#### Configurer le test dans 100 Rocks
100 Rocks autorise un test actif par boutique. Le test actuel couvre tous les trafics et répartit également chaque variante approuvée et prête.
Les sessions admissibles alimentent des seuils distincts pour ordinateur, tablette et mobile. Le test ne cible pas une audience et ne permet pas de pondérations inégales.
1. Approuver au moins deux variantes.
2. Confirmer l'inclusion de chaque variante prête.
3. Choisir le taux d'ajout au panier ou d'achat.
4. Fixer les seuils de sessions mesurées.
5. Lancer, surveiller, suspendre ou reprendre le test.
À lire ensuite: [Garder les variantes de fiche produit Shopify fidèles à la marque](https://100.rocks/fr/resources/brand-consistency)

#### Lire les progrès du test Shopify avec prudence
Lorsque chaque catégorie d'appareil atteint son seuil, 100 Rocks promeut automatiquement, pour cette catégorie, la variante au taux observé le plus élevé pour l'indicateur choisi.
Cette promotion ne prouve ni signification ni véritable gagnant. Examinez la qualité de l'échantillon, l'effet, la durée, la sécurité client et les autres preuves.

### Personnalisation Shopify par règles comportementales (fr)
Source: https://100.rocks/fr/resources/product-page-personalization
Published: 2026-07-29; updated: 2026-08-02

Utilisez des variantes approuvées et des règles agrégées explicables seulement lorsque le parcours et le consentement Préférences autorisent la correspondance.

#### Comment fonctionne la personnalisation sur Shopify ?
La recommandation propose des produits. La personnalisation du produit permet sa configuration. La diffusion par règles choisit une variante approuvée selon des conditions explicites.
100 Rocks propose la diffusion par règles, pas la recommandation ni la configuration par le visiteur. Il utilise des mesures agrégées autorisées sans déduire de profils.

#### Choisir un comportement Shopify utile
Les règles acceptent la fréquence des clics, l'inactivité et les micro-inversions du pointeur, la fréquence et la durée d'hésitation, les mesures de défilement et les périodes nommées.
Ces valeurs résument une session. Les règles n'acceptent ni interactions avec les ingrédients, ni nombres de clics propres à un élément, ni sélecteurs de contenu nommé.
Veillez à ce que chaque plage numérique soit facile à lire. Ne combinez pas des signaux sans rapport dans un score caché et n'attribuez pas d'identité inventée.
- Fréquence des clics dans une plage numérique
- Inactivité ou micro-inversions du pointeur
- Fréquence ou durée relative d'hésitation
- Mesures de défilement ou période nommée
- Une variante approuvée pour la règle correspondante
À lire ensuite: [Que tester d'abord en A/B sur une fiche produit Shopify](https://100.rocks/fr/resources/pdp-experiment-prioritization)

#### Définir les limites de l'audience Shopify
La correspondance d'audience s'applique seulement aux parcours commencés hors d'une fiche produit avec le consentement Préférences. Sinon, 100 Rocks suit son chemin déterministe tous trafics.
L'éditeur d'audience définit la règle, et le canevas Serving lui associe une variante approuvée. Aucune de ces étapes ne demande une variante de secours ou par défaut.
Liste de contrôle de la personnalisation
| Élément | Condition |
| --- | --- |
| Parcours | Un départ hors de la fiche produit |
| Consentement | Le consentement Préférences est accordé |
| Mesure | Une valeur agrégée autorisée |
| Règle | Une plage ou période explicable |
| Variante | Une version exacte et approuvée |

#### Examiner la réponse de l'audience Shopify
La diffusion indique les vues de fiche produit depuis l'attribution de la variante. Les résultats commerciaux restent dans des analyses séparées et ne font pas partie de ce nombre.
Les vues d'audience restent descriptives. Elles ne prouvent pas que la diffusion par règles a causé un changement commercial, même si les analyses séparées montrent un autre taux.
1. Vérifier que la règle couvre la plage prévue.
2. Confirmer que la variante attribuée est approuvée.
3. Examiner les vues depuis l'attribution.
4. Lire séparément les analyses commerciales.
5. Surveiller les faits produit et les erreurs.
6. Réviser ou désactiver les règles inutiles.
À lire ensuite: [Garder les variantes de fiche produit Shopify fidèles à la marque](https://100.rocks/fr/resources/brand-consistency)

#### Respecter le consentement Shopify Customer Privacy
100 Rocks exige le consentement Préférences pour la correspondance d'audience. Un parcours commencé sur une fiche produit ou sans consentement suit le chemin déterministe tous trafics.
La personnalisation et les tests A/B restent distincts. Testez les variantes approuvées avec les sessions admissibles, puis associez une variante adaptée à une règle explicable.

### Cohérence de marque des variantes Shopify (fr)
Source: https://100.rocks/fr/resources/brand-consistency
Published: 2026-07-29; updated: 2026-08-02

Utilisez les repères extraits comme guide et protégez les faits, car une variante inspirée de la marque n'est jamais sûre par garantie.

#### Comment garder des variantes Shopify fidèles à la marque ?
Laissez inchangés les faits produit et les repères les plus forts de la marque. Ne faites varier qu'une courte liste de choix. Utilisez des composants familiers et relisez la page entière. Approuvez chaque variante avant sa mise en ligne.
Les couleurs, typographies, espacements et commandes extraits peuvent inspirer une page. Ils ne garantissent ni cohérence, ni exactitude, ni accessibilité, ni approbation du marchand.

#### Utiliser la page Shopify comme source de marque
100 Rocks utilise la fiche produit active sélectionnée automatiquement pour extraire les repères visuels et les données d'aperçu. Ces entrées habillent trois mises en page fixes.
Pour une boutique de vêtements, gardez fixes le nom, le prix, la matière, l'entretien et les retours. Une page ne doit inventer ni matière, ni livraison, ni règle de marque.
Consignes simples pour la fiche produit
| Zone | Peut changer | Reste fixe |
| --- | --- | --- |
| Ordre de page | Une mise en page prise en charge | Accès au bloc d'achat et aux conditions |
| Texte | Mise en avant de bénéfices vérifiés | Faits produit, prix et offre |
| Images | Recadrage et ordre approuvés | Fichiers approuvés et signes de marque |
| Commandes | Styles de composants approuvés | Clavier, tactile et achat |
| Données | Entrées extraites pour l'aperçu | Données Shopify à la source |
À lire ensuite: [Personnaliser une fiche produit Shopify avec des règles de comportement](https://100.rocks/fr/resources/product-page-personalization)

#### Examiner chaque aperçu Shopify comme une page entière
Ouvrez chaque version sur ordinateur, tablette et mobile. Choisissez toutes les options. Testez la galerie, le bloc d'achat, l'ordre au clavier, les erreurs, le panier et les traductions longues. Un bon titre ne sauve pas une page cassée.
Pour chaque changement, notez la source de la promesse ou de l'image, la personne qui approuve, les produits concernés et la date de fin. Retirez les textes saisonniers à la fin de l'offre.
1. Examiner la page sélectionnée et les faits produit.
2. Marquer ce qui reste fixe et ce qui peut changer.
3. Examiner les trois mises en page fixes.
4. Relire les états complets sur chaque taille d'écran.
5. Approuver, tester, arrêter ou restaurer.

#### Prendre les données Shopify comme référence
Corrigez les informations produit dans la section Produits de Shopify, ainsi que les marchés, champs méta et métaobjets dans les sections administratives adaptées. Revérifiez ensuite chaque variante.
Un meilleur taux de conversion n'excuse pas une promesse fausse, un retour caché, un bouton inaccessible ou une image non approuvée. Arrêtez cette version. Corrigez le problème avant de lire le résultat.
À lire ensuite: [Que tester d'abord en A/B sur une fiche produit Shopify](https://100.rocks/fr/resources/pdp-experiment-prioritization)

#### Approuver explicitement chaque variante 100 Rocks
Les trois mises en page fixes sont inspirées par les repères extraits. Elles ne sont pas sûres par garantie, et le marchand doit approuver chaque variante prête.
Refusez les promesses injustifiées, les styles étrangers, les commandes inaccessibles ou les parcours maladroits. Un aperçu soigné ne remplace jamais une correction à la source et une revue complète.

### Structures de fiches produit Shopify par catégorie (fr)
Source: https://100.rocks/fr/resources/product-page-examples
Published: 2026-07-29; updated: 2026-08-02

Utilisez ces structures comme point de départ. Adaptez les informations, les choix d'achat et les éléments de confiance aux produits de votre boutique.

#### Partez de la décision d'achat sur Shopify
Un exemple utile montre comment les informations facilitent une décision d'achat. Ce n'est pas un modèle à copier dans toutes les boutiques.
Commencez par la question la plus difficile. La mode exige des conseils de taille. Le mobilier demande des dimensions. L'électronique exige des informations de compatibilité.

#### Adaptez les structures Shopify à chaque catégorie
Les structures nommées ci-dessous sont hypothétiques. Elles illustrent une organisation de page sans attribuer un résultat de conversion à une marque réelle.
Adaptez chaque structure à votre produit, votre thème, vos conditions et vos éléments de confiance. Gardez prix, disponibilité, variantes, livraison et retours conformes aux données Shopify.
- Mode : galerie, coupe, taille, guide, livraison et retours.
- Beauté : bénéfice, ingrédients, utilisation, quantité, précautions et abonnement.
- Mobilier : dimensions, matières, photos en situation, montage, livraison et retours.
- Électronique : compatibilité, caractéristiques, contenu, garantie et assistance.
- Produit à renouveler : quantité, fréquence d'usage, options d'achat et conditions de renouvellement.
À lire ensuite: [Checklist Shopify pour les fiches produit avant Black Friday et Cyber Monday](https://100.rocks/fr/resources/seasonal-campaigns)

#### Reliez la page au principal risque d'achat
Placez l'information qui réduit le principal risque près du choix concerné. Ne cachez pas la taille, la compatibilité ou la livraison dans un accordéon général.
Une fiche hypothétique de bureau peut montrer les dimensions près de la galerie. Une fiche de sérum peut placer les ingrédients et le mode d'emploi sous le bénéfice principal.
Structures par catégorie et questions principales
| Catégorie | Question principale | Preuve utile |
| --- | --- | --- |
| Mode | La taille me conviendra-t-elle ? | Mesures, détails du modèle, retours |
| Beauté | Ce produit me convient-il ? | Ingrédients, utilisation, précautions |
| Mobilier | Entrera-t-il dans mon espace ? | Dimensions, échelle, livraison |
| Électronique | Fonctionnera-t-il avec mon équipement ? | Compatibilité, caractéristiques, assistance |
| Produit récurrent | Quelle quantité et quelle fréquence ? | Format, usage, renouvellement |

#### Évaluez chaque exemple Shopify dans son contexte
Vérifiez le parcours complet avant d'adopter une structure. La carte produit, la fiche, le panier, le paiement, la confirmation et l'aide doivent décrire le même achat.
Testez la structure sur vos appareils et avec vos clients. Un long tableau peut aider sur ordinateur, mais devenir difficile à parcourir sur un petit écran.
1. Nommer la question d'achat la plus difficile.
2. Choisir une structure de catégorie qui y répond.
3. Remplacer chaque exemple par des faits vérifiés.
4. Vérifier mobile, ordinateur, panier et paiement.
5. Mesurer le changement choisi avant de l'étendre.
À lire ensuite: [Optimisation à grande échelle des fiches produit Shopify](https://100.rocks/fr/resources/catalog-breadth)

#### Mesurez la structure de la fiche produit
Le bloc Product page de 100 Rocks affiche les variantes approuvées. L'analyse comportementale exige aussi l'application intégrée au thème et le consentement Analytics. L'entonnoir commercial complet exige le Web Pixel installé.
Les tests actuels utilisent le trafic du bloc Product page éligible à la mesure, dans le pourcentage choisi. Ils ne ciblent ni produit, page, campagne, paramètre UTM, groupe mobile, ni partie du catalogue.
Les résultats et les seuils de sessions mesurées restent séparés par groupe de tailles d'écran. À chaque seuil, le test actif promeut automatiquement la variante au meilleur indicateur observé pour ce groupe.
Ces structures sont des exemples, pas des résultats de marques réelles. Les données mesurées dans votre boutique doivent guider la décision finale.

### Publicité Shopify : landing page ou fiche produit (fr)
Source: https://100.rocks/fr/resources/paid-acquisition
Published: 2026-07-29; updated: 2026-08-02

Dirigez chaque publicité vers la page la plus courte qui tient sa promesse et facilite la prochaine décision.

#### Choisissez la bonne destination Shopify
Utilisez une fiche produit quand la publicité présente un seul article achetable et que le client doit choisir une variante. Montrez immédiatement produit, prix et offre.
Utilisez une page de destination pour une collection, une comparaison, un lot, un questionnaire ou un problème peu connu. Proposez ensuite un chemin clair vers la fiche adaptée.

#### Comparez les pages Shopify pour vos publicités
La destination doit reprendre la portée de la publicité. Une annonce hypothétique pour une botte marron peut ouvrir sa fiche avec cette couleur sélectionnée.
Une annonce hypothétique comparant plusieurs chaussures de trail peut ouvrir une page de destination. Elle explique terrain, maintien et coupe avant de relier les fiches.
Choisir la destination publicitaire
| Promesse | Meilleure destination | Étape suivante |
| --- | --- | --- |
| Un produit et une offre | Fiche produit | Choisir et acheter |
| Plusieurs produits proches | Page de destination | Comparer et choisir |
| Explication d'un lot | Page de destination | Comprendre contenu et valeur |
| Reciblage d'un produit connu | Fiche produit | Lever les derniers doutes |
À lire ensuite: [Checklist Shopify pour les fiches produit avant Black Friday et Cyber Monday](https://100.rocks/fr/resources/seasonal-campaigns)

#### Gardez un message publicitaire cohérent
Reprenez le produit, l'image, le prix et les conditions publicitaires sur la page choisie. Expliquez toute limite importante avant le panier.
Gardez un chemin principal. Une page de destination ne doit pas entourer la collection promise de menus, fenêtres et offres sans rapport.
- Reprendre le produit et le visuel de la publicité.
- Afficher le même prix et les mêmes conditions.
- Répondre à la prochaine question près de l'action.
- Garder livraison et retours faciles à trouver.
- Vérifier le parcours complet sur les appareils courants.

#### Lisez les rapports d'acquisition Shopify avec prudence
Utilisez les rapports Shopify pour comparer sources, pages d'arrivée, appareils, paniers, paiements et commandes. Filtrez le trafic automatisé lorsque le rapport le permet.
Un taux de sortie élevé peut signaler un mauvais ciblage, une promesse incohérente ou une page inadaptée. Examinez ensemble la publicité et la page avant de les modifier.
À lire ensuite: [Optimisation à grande échelle des fiches produit Shopify](https://100.rocks/fr/resources/catalog-breadth)

#### Testez la question choisie sur la fiche produit
Utilisez les rapports d'acquisition pour trouver une question sur la fiche produit. Le bloc Product page de 100 Rocks affiche les variantes approuvées pour la comparaison.
L'analyse comportementale exige aussi l'application intégrée au thème et le consentement Analytics. L'entonnoir commercial complet exige le Web Pixel installé.
Les tests utilisent le trafic du bloc Product page éligible à la mesure, dans le pourcentage choisi. Ils ne ciblent ni produit, page, campagne, paramètre UTM, groupe mobile, ni partie du catalogue.
Les résultats et les seuils de sessions mesurées restent séparés par groupe de tailles d'écran. À chaque seuil, le test actif promeut automatiquement la variante au meilleur indicateur observé pour ce groupe.

### Optimiser une fiche produit Shopify sur mobile (fr)
Source: https://100.rocks/fr/resources/mobile-product-page
Published: 2026-07-29; updated: 2026-08-02

Rendez chaque choix d'achat clair, stable et facile à utiliser sur les appareils réels de vos clients.

#### Concevez la fiche Shopify pour les petits écrans
Une fiche mobile doit conserver chaque information d'achat essentielle sans reproduire la mise en page ordinateur. Priorisez identité, prix, médias, variantes, disponibilité, livraison, retours et achat.
Une mise en page adaptative change la présentation, pas la vérité. Elle peut réorganiser les détails, mais ne doit pas cacher une condition d'achat.

#### Gardez les choix Shopify faciles à comparer
Placez des libellés près des couleurs, tailles, quantités et options d'achat. Montrez clairement les choix indisponibles et conservez la sélection lorsque le contenu change.
Réservez les accordéons aux détails secondaires et nommez-les précisément. Matières, Coupe, Livraison et Retours annoncent clairement leur contenu.
- Afficher ensemble le prix et les conditions de l'offre.
- Écrire le nom de la variante sélectionnée.
- Placer l'aide de taille ou de compatibilité près du choix.
- Garder livraison et retours près de la décision.
- Éviter le défilement horizontal pour les faits essentiels.
À lire ensuite: [Checklist Shopify pour les fiches produit avant Black Friday et Cyber Monday](https://100.rocks/fr/resources/seasonal-campaigns)

#### Protégez la précision tactile et la stabilité
Laissez assez d'espace autour des commandes tactiles. Ne collez pas de petites pastilles, flèches ou boutons de fermeture à d'autres éléments interactifs.
Réservez la place des images, avis, applications et messages de variante. Un mouvement inattendu peut faire toucher le mauvais contrôle ou perdre la position de lecture.
1. Charger la page sur un petit téléphone.
2. Sélectionner chaque variante avec une main.
3. Balayer la galerie sans toucher un autre contrôle.
4. Ouvrir les détails et retrouver la même position.
5. Ajouter au panier après le chargement des applications.

#### Testez la page Shopify dans plusieurs conditions
Ne testez pas un seul format. Incluez petit et grand téléphone, tablette et ordinateur. Vérifiez portrait, paysage, réseau lent, zoom et principaux moteurs de navigateur.
Ne supposez pas qu'un changement mobile produit un gain universel. Lisez les résultats par appareil et vérifiez que la différence peut guider une décision.
Plan de test pour la fiche mobile
| Condition | Vérification | Exemple d'échec |
| --- | --- | --- |
| Petit téléphone | Choix et achat | L'aide masque le sélecteur |
| Grand téléphone | Équilibre entre médias et texte | La galerie repousse les faits |
| Tablette | Mise en page adaptative | Colonnes vides ou médias déformés |
| Réseau lent | Stabilité et retour visuel | Le bouton bouge après une application |
| Zoom et texte agrandi | Lecture et accès | Libellés coupés ou superposés |
À lire ensuite: [Optimisation à grande échelle des fiches produit Shopify](https://100.rocks/fr/resources/catalog-breadth)

#### Mesurez la fiche mobile par taille d'écran
Le bloc Product page de 100 Rocks affiche les variantes approuvées. L'analyse comportementale exige aussi l'application intégrée au thème et le consentement Analytics. L'entonnoir commercial complet exige le Web Pixel installé.
Les tests utilisent le trafic du bloc Product page éligible à la mesure, dans le pourcentage choisi. Ils ne ciblent ni groupe mobile, produit, page, campagne, paramètre UTM, ni partie du catalogue.
Les résultats et les seuils de sessions mesurées restent séparés par groupe de tailles d'écran. À chaque seuil, le test actif promeut automatiquement la variante au meilleur indicateur observé pour ce groupe.
Examinez la mise en page, les erreurs, les commandes et les retours pour chaque taille. Un résultat mobile ne s'applique pas automatiquement à une autre fiche.

### Guide SEO pour les fiches produit Shopify (fr)
Source: https://100.rocks/fr/resources/product-page-seo
Published: 2026-07-29; updated: 2026-08-02

Aidez les moteurs de recherche et les clients à comprendre le même produit grâce à des informations exactes, des mots clairs, des médias utiles et des conditions cohérentes.

#### Construisez le SEO Shopify sur les faits produit
Le SEO d'une fiche commence par des données produit exactes et complètes. Nommez clairement l'article, expliquez son usage et ajoutez les attributs utiles à la comparaison.
Gardez prix, disponibilité, état, marque, identifiants, variantes, livraison et retours cohérents dans le contenu visible, Shopify et les données structurées.

#### Rédigez des titres Shopify utiles
Écrivez un titre distinct qui identifie le produit et sa différence importante. Gardez-le naturel au lieu de répéter plusieurs expressions proches.
Créez une description originale depuis des faits vérifiés. Expliquez matières, dimensions, compatibilité, entretien, contenu et limites lorsqu'ils comptent.
- Utiliser le nom clair présenté aux clients.
- Ajouter un attribut utile à la comparaison.
- Rédiger une méta description propre à la page.
- Nommer précisément les grandes sections.
- Éviter le texte fournisseur dupliqué.
À lire ensuite: [Checklist Shopify pour les fiches produit avant Black Friday et Cyber Monday](https://100.rocks/fr/resources/seasonal-campaigns)

#### Alignez médias, données structurées et variantes Shopify
Utilisez des médias nets avec des textes alternatifs descriptifs. Montrez angles, échelle, texture, emballage et contenu sans ajouter des mots que l'image ne justifie pas.
Validez les données structurées avec les informations visibles. Organisez les variantes de façon cohérente et évitez les pages pauvres en contenu pour chaque option sans objectif de recherche.
Contrôles SEO d'une fiche produit
| Élément | Contenu utile | Problème courant |
| --- | --- | --- |
| Titre | Nom et attribut important | Répétitions |
| Description | Détails originaux et vérifiés | Texte fournisseur copié |
| Médias | Vues claires et textes alternatifs | Listes de mots décoratives |
| Données structurées | Prix, disponibilité et identifiants visibles | Informations contradictoires |
| Variantes | Options et URL cohérentes | Pages minces dupliquées |

#### Reliez collections Shopify et parcours d'achat
Reliez les fiches depuis les collections et guides pertinents. Utilisez un texte de lien descriptif qui explique la relation.
Aidez le client lorsqu'un article ne convient pas. Reliez une comparaison, un accessoire compatible, un remplacement ou une collection sans cacher l'achat principal.
1. Vérifier les faits produit dans Shopify.
2. Rédiger titre et description depuis ces faits.
3. Contrôler médias, textes alternatifs et données structurées.
4. Examiner les URL de variantes et les canoniques.
5. Ajouter des liens internes et de collection.
6. Confirmer prix, livraison, retours et disponibilité.
À lire ensuite: [Optimisation à grande échelle des fiches produit Shopify](https://100.rocks/fr/resources/catalog-breadth)

#### Mesurez l'expérience, pas la demande de mots-clés
Le bloc Product page de 100 Rocks affiche les variantes approuvées. L'analyse comportementale exige aussi l'application intégrée au thème et le consentement Analytics. L'entonnoir commercial complet exige le Web Pixel installé.
Les tests utilisent le trafic du bloc Product page éligible à la mesure, dans le pourcentage choisi. Ils ne ciblent ni produit, page, campagne, paramètre UTM, groupe mobile, ni partie du catalogue.
Les résultats et les seuils de sessions mesurées restent séparés par groupe de tailles d'écran. À chaque seuil, le test actif promeut automatiquement la variante au meilleur indicateur observé pour ce groupe.
100 Rocks ne recherche pas les mots-clés et ne génère pas de données structurées. Utilisez les données Shopify, les outils de recherche et une validation technique.

### Que tester d'abord en A/B sur une fiche Shopify (fr)
Source: https://100.rocks/fr/resources/pdp-experiment-prioritization
Published: 2026-07-29; updated: 2026-08-02

Corrigez d'abord ce qui bloque l'achat. Testez ensuite un changement documenté qui répond à une question importante.

#### Corrigez les défauts Shopify avant de tester
Ne testez pas en A/B un sélecteur cassé, un prix faux, un libellé absent, un script lent ou un contrôle inaccessible. Corrigez et vérifiez le défaut.
Choisissez ensuite une question qui peut changer l'achat. Taille, livraison, preuve produit et utilisation des variantes passent souvent avant les préférences décoratives.

#### Créez les idées de test Shopify avec des faits
Utilisez questions clients, retours, avis, tests d'utilisation, comportement sur la page et rapports Shopify. Séparez les problèmes observés des préférences internes.
Écrivez chaque idée comme un problème client et une réponse proposée. Une bonne hypothèse indique ce qui change, pour qui et quel résultat guidera la décision.
- Corriger maintenant : achat cassé ou trompeur.
- Étudier ensuite : problème important encore mal documenté.
- Tester d'abord : réponse mesurable à un problème observé.
- Écarter : préférence sans raison client ou commerciale.
À lire ensuite: [Personnaliser une fiche produit Shopify avec des règles de comportement](https://100.rocks/fr/resources/product-page-personalization)

#### Choisissez manuellement le premier test A/B
Comparez une courte liste selon les données disponibles, l'utilité du résultat, le trafic, l'effort et le risque. Cet exercice pédagogique ne produit aucun score automatique.
Exemple hypothétique : les clients demandent souvent si une veste taille petit. Testez une aide de coupe plus claire avant le style des cartes d'avis.
Un risque d'accessibilité, juridique, de données ou de marque peut arrêter une idée.
Questions pour le premier test
| Point | Préférer | Éviter |
| --- | --- | --- |
| Observations | Difficulté client observée | Préférence interne |
| Valeur | Résultat qui change une décision | Mesure de curiosité |
| Trafic | Visites éligibles pertinentes | Trafic sans rapport |
| Effort | Un changement contrôlé | Plusieurs changements mélangés |
| Risque | Accessibilité et confiance protégées | Préjudice client connu |

#### Lancez un test clair sur la fiche Shopify
Définissez le changement approuvé, le résultat principal, les contrôles de sécurité et la règle de décision avant l'exposition. Gardez les informations produit et le reste de la page stables.
Vérifiez l'implémentation sur mobile et ordinateur. Suivez erreurs, vitesse, commandes, chiffre d'affaires et retours avec le résultat principal.
À lire ensuite: [Garder les variantes de fiche produit Shopify fidèles à la marque](https://100.rocks/fr/resources/brand-consistency)

#### Utilisez 100 Rocks pour la comparaison approuvée
Le bloc Product page de 100 Rocks affiche les variantes approuvées. L'analyse comportementale exige aussi l'application intégrée au thème et le consentement Analytics. L'entonnoir commercial complet exige le Web Pixel installé.
Les tests utilisent le trafic du bloc Product page éligible à la mesure, dans le pourcentage choisi. Ils ne ciblent ni produit, page, campagne, paramètre UTM, groupe mobile, ni partie du catalogue.
Les résultats et les seuils de sessions mesurées restent séparés par taille d'écran. À chaque seuil, le test actif promeut automatiquement la variante au meilleur indicateur observé pour cette taille.
100 Rocks ne crée ni ne note une liste de tests. Ce guide reste pédagogique ; votre équipe choisit la question, approuve le changement et prend la décision finale.

### Fiches Shopify : checklist Black Friday (fr)
Source: https://100.rocks/fr/resources/seasonal-campaigns
Published: 2026-07-29; updated: 2026-08-02

Fiabilisez l'offre, le stock, la promesse de livraison et le parcours d'achat avant Black Friday et Cyber Monday.

#### Vérifiez chaque promesse Shopify pour Black Friday et Cyber Monday
Confirmez produit, prix remisé, stock, date limite de livraison, retours et option d'achat. Publicité, fiche, panier et paiement doivent décrire la même offre.
Une fiche hypothétique de veste peut montrer prix, couleurs éligibles, tailles disponibles, livraison et retours près des contrôles d'achat.

#### Préparez les fiches Shopify prioritaires
Choisissez les pages prioritaires parmi les produits inclus. Vérifiez données, médias, variantes, stock, remise, livraison, retours, applications et outils de mesure.
Terminez les changements de design risqués avant le pic. Pendant Black Friday et Cyber Monday, concentrez-vous sur les corrections vérifiées et les défauts qui bloquent l'achat.
1. Confirmer les produits et les conditions de l'offre.
2. Vérifier stock, variantes, livraison et retours.
3. Relire médias et offre sur petit écran.
4. Tester fiche, panier, remises et paiement.
5. Nommer les responsables du suivi et des décisions manuelles.
À lire ensuite: [Guide pratique du SEO pour les fiches produit Shopify](https://100.rocks/fr/resources/product-page-seo)

#### Facilitez le choix pour Black Friday et Cyber Monday
Placez chaque information temporaire près du choix concerné. Sur mobile, gardez prix, stock, date limite de livraison et retours près de l'achat.
Donnez à chaque message saisonnier un responsable et une date de retrait. Examinez bannières, textes, prix et données structurées expirés après l'opération.
- L'annonce, la page et le panier montrent le même prix.
- Les conditions de remise utilisent des mots simples.
- La date limite de livraison vient d'une source tenue à jour.
- Tout compte à rebours correspond à une vraie date.
- L'équipe sait ce qui disparaît à la fin de l'opération.

#### Testez tout le parcours d'achat Shopify
Testez les pages sur petits et grands téléphones, tablette et ordinateur. Sélectionnez les variantes, appliquez les remises, ajoutez, changez la quantité et terminez un paiement test.
Incluez réseau lent et rupture de stock. Vérifiez que les applications, bannières et contrôles fixes ne masquent pas les choix.
Contrôles avant Black Friday et Cyber Monday
| Zone | Vérifier | Agir quand |
| --- | --- | --- |
| Offre | Prix et conditions concordent | Une étape montre d'autres termes |
| Stock | Variantes et disponibilité | Un choix indisponible semble achetable |
| Mobile | Contrôles visibles et stables | Un contenu masque ou déplace un choix |
| Paiement | Remise et livraison correctes | Le total final surprend |
| Suivi | Erreurs, commandes et chiffre d'affaires visibles | Un problème bloque l'achat |
À lire ensuite: [Optimisation à grande échelle des fiches produit Shopify](https://100.rocks/fr/resources/catalog-breadth)

#### Mesurez les changements avant Black Friday et Cyber Monday
Le bloc Product page de 100 Rocks affiche les variantes approuvées. L'analyse comportementale exige aussi l'application intégrée au thème et le consentement Analytics. L'entonnoir commercial complet exige le Web Pixel installé.
Les tests utilisent le trafic du bloc Product page éligible à la mesure, dans le pourcentage choisi. Ils ne ciblent ni produit, page, campagne, paramètre UTM, groupe mobile, ni partie du catalogue.
100 Rocks ne programme aucun contenu de campagne, ne cible aucune campagne, ne contrôle pas Shopify Rollouts et n'annule pas automatiquement un changement. Votre équipe gère publication, suivi et reprise manuelle.
Les résultats et les seuils de sessions mesurées restent séparés par groupe de tailles d'écran. À chaque seuil, le test actif promeut encore automatiquement la variante au meilleur indicateur observé pour ce groupe.

### Optimisation à grande échelle des fiches produit Shopify (fr)
Source: https://100.rocks/fr/resources/catalog-breadth
Published: 2026-07-29; updated: 2026-08-02

Gardez les données Shopify comme référence, améliorez les pages prioritaires et examinez chaque changement de modèle avec soin.

#### Rendez un grand catalogue Shopify facile à parcourir
Commencez par des données Shopify exactes. Pour un grand catalogue de décoration, vérifiez titres, catégories, dimensions, matières, couleurs, entretien, médias, prix, stock, livraison et retours.
Un modèle de page ne compense pas des informations manquantes. Corrigez les données d'origine avant de changer leur présentation.

#### Utilisez les champs Shopify avec cohérence
Utilisez la taxonomie Shopify et les champs méta pertinents pour présenter des informations cohérentes. Des attributs clairs peuvent alimenter les filtres et les détails des fiches.
Examinez les valeurs absentes ou contradictoires avant le design. Un bloc Dimensions aide seulement si chaque mesure affichée est complète et fiable.
- Vérifier les titres visibles par les clients.
- Compléter les champs de catégorie et de produit utiles.
- Contrôler médias, textes alternatifs et libellés de variante.
- Résoudre les conflits de prix, stock et livraison.
- Confirmer que les filtres utilisent des attributs tenus à jour.
À lire ensuite: [Guide pratique du SEO pour les fiches produit Shopify](https://100.rocks/fr/resources/product-page-seo)

#### Choisissez les fiches Shopify prioritaires
Choisissez chaque page selon valeur commerciale, trafic humain, questions clients, retours, qualité des données et importance opérationnelle. Notez pourquoi elle demande une intervention.
Une lampe hypothétique avec beaucoup de questions peut demander des dimensions plus claires. Un autre produit peut exiger compatibilité, entretien ou livraison.
Ne supposez pas qu'un résultat s'applique au catalogue entier. Les informations produit, les freins à l'achat, le trafic et le modèle de page peuvent varier.
Choisir les premières fiches produit
| Point à vérifier | Question | Donnée utile |
| --- | --- | --- |
| Valeur | Cette page peut-elle changer les ventes ou la marge ? | Chiffre d'affaires, marge, rôle stratégique |
| Trafic | Assez de personnes verront-elles le changement ? | Visites humaines de la fiche produit |
| Problème | Pouvez-vous nommer la difficulté du client ? | Support, retours et comportement sur la page |
| Préparation | Les faits et le stock sont-ils fiables ? | Contrôle du catalogue et du stock |
| Portée | Où ce résultat peut-il s'appliquer ? | Informations produit et modèle de page |

#### Examinez les changements de modèle Shopify
Un modèle partagé peut toucher beaucoup de produits. Prévisualisez titres longs, nombreuses variantes, médias absents, ruptures de stock et options d'abonnement.
Shopify reste le système des données et de la publication. Examinez la portée du modèle, testez l'achat et suivez les erreurs après la publication de votre équipe.
1. Nommer le problème précis de la fiche.
2. Corriger les données Shopify manquantes.
3. Prévisualiser plusieurs conditions produit.
4. Tester mobile, ordinateur, panier et paiement.
5. Publier avec le processus Shopify habituel.
6. Examiner ventes, retours, erreurs et questions.
À lire ensuite: [Checklist Shopify pour les fiches produit avant Black Friday et Cyber Monday](https://100.rocks/fr/resources/seasonal-campaigns)

#### Clarifiez la portée de 100 Rocks dans le catalogue
Le bloc Product page de 100 Rocks affiche les variantes approuvées. L'analyse comportementale exige aussi l'application intégrée au thème et le consentement Analytics. L'entonnoir commercial complet exige le Web Pixel installé.
Les tests utilisent le trafic du bloc Product page éligible à la mesure, dans le pourcentage choisi. Ils ne ciblent ni produit, page, campagne, paramètre UTM, groupe mobile, ni partie du catalogue.
Les résultats et les seuils de sessions mesurées restent séparés par groupe de tailles d'écran. À chaque seuil, le test actif promeut automatiquement la variante au meilleur indicateur observé pour ce groupe.
100 Rocks ne regroupe pas les produits, ne crée pas de variantes par produit, ne gère aucune liste d'exceptions et ne contrôle aucun déploiement du catalogue.

## Full documentation content
### Install 100 Rocks on Shopify (en)
Source: https://100.rocks/documentation/shopify-analytics-installation
Description: Install 100 Rocks on Shopify, activate the embedded app, enable the theme app embed, verify the Web Pixel, and check Customer Privacy.
Published: 2026-06-15; updated: 2026-07-30
Duration: 10 min setup

Install the Shopify app, activate your account, enable the theme app embed, and verify the Web Pixel.

#### What does 100 Rocks connect on Shopify?
Shopify manages the app installation. The theme app embed measures storefront visits and behavior. The Web Pixel sends product, cart, checkout, and purchase events from Shopify's protected pixel environment.
| Part | What it does | When you need it |
| --- | --- | --- |
| Shopify Customer Privacy | Records the shopper's consent choice | Required before behavior measurement |
| Theme app embed | Starts visits, page views, behavior signals, and the commerce bridge | Required for storefront analytics |
| Shopify Web Pixel | Sends product, cart, checkout, and purchase events | Required for the complete commerce funnel |
| Product page block | Renders approved 100 Rocks product-page variants | Optional until you use Product pages and Serving |

#### How do I install and activate the Shopify app?
Activation creates or reconnects the matching 100 Rocks project. If you started with a storefront URL, Shopify verifies ownership before the existing project is reused.
Use Home, Product Pages, Audiences, Serving, A/B Tests, Settings, and Billing directly inside Shopify admin. If an existing 100 Rocks account owns the contact email, the emailed verification link completes activation once.
1. Install 100 Rocks from the official Shopify App Store listing.
2. Open Shopify admin, then Apps, then 100 Rocks.
3. Select Activate 100 Rocks.
4. Check the Shopify contact email shown on screen.
5. Accept the current Terms and Data Processing Addendum.
6. Confirm that you own the store and have the right to use its design.

#### How do I enable and verify the theme app embed?
A new event from the theme extension verifies this step. Saving the embed in a draft theme does not verify the published storefront.
No theme code is pasted. Shopify owns the extension lifecycle and removes it when the app is uninstalled.
1. In Shopify admin, open Online Store, then Themes.
2. Select Customize beside the published theme.
3. Open App embeds in the left panel.
4. Turn on 100 Rocks and select Save.
5. Return to the 100 Rocks setup screen and continue.
6. Open the storefront in a private window, accept Analytics, and visit one or two pages.

#### How do I install and verify the Web Pixel?
The app needs Shopify's `write_pixels` and `read_customer_events` permissions. Reopen the app from Shopify admin if a permission update requires reconnection.
Purchase reporting comes only from the Web Pixel `checkout_completed` event. 100 Rocks does not ask you to create an order webhook.
1. In the embedded 100 Rocks setup, open Install Web Pixel.
2. Install or update the pixel when the setup screen asks.
3. In Shopify Settings, open Customer events, then App pixels, then 100 Rocks.
4. Set Data to Always on. This keeps the analytics pixel active while Shopify Customer Privacy still controls consent.
5. View a product or add it to the cart on the storefront.
6. Return to 100 Rocks and confirm that a recent pixel event appears.

#### How do I add the optional product-page block?
The block has no manual variant or fallback picker. When no audience assignment applies, it renders the published baseline or catalog default.
Add the block before you expect an approved variant from [Product-page variants](/documentation/product-page-variants) or [Serving](/documentation/audience-based-serving) to appear.
1. In the theme editor, open a product template.
2. Add the 100 Rocks Product Page or PDP Container app block.
3. Save the template and preview a product page before publishing.

#### How do I manage my Shopify plan?
Open Shopify admin, then Apps, then 100 Rocks, then Billing. Shopify hosts the plan choice and places production app charges on your Shopify invoice.
Choosing Free schedules the Starter plan to end at the close of the current Shopify billing period. The Billing page shows the known effective date.
The full 100 Rocks console shows the same Shopify-managed plan. It does not offer Stripe for a production App Store installation.
Contact 100 Rocks support if the effective date is missing or Shopify plan management does not open.

#### What should I check if Shopify setup is incomplete?
Confirm that you opened the production app, activated the current install, enabled the embed on the published theme, accepted Analytics in a private window, and generated a fresh product or cart event.
For symptom-by-symptom checks, see [Troubleshoot tracking and missing data](/documentation/troubleshooting).

### Install 100 Rocks on a custom website (en)
Source: https://100.rocks/documentation/custom-site-analytics-installation
Description: Install 100 Rocks on a custom website, add the tracker before the closing body tag, configure consent, update CSP rules, and verify events.
Published: 2026-06-15; updated: 2026-07-30
Duration: 10 min setup

Add the production tracker, keep the required Content Security Policy origins, configure consent, and verify the first measured visit.

#### What does the custom-site installation include?
The production snippet loads the 100 Rocks tracker and its consent controls. Custom websites do not use Shopify Customer Privacy or the Shopify Web Pixel.
Shopify checkout reporting is not available on a custom website.
| Part | What it does |
| --- | --- |
| Production snippet | Loads the tracker for this project |
| 100 Rocks consent controls | Collect Analytics, Preferences, and Marketing choices |
| Preferences link | Lets visitors reopen their saved choices |

#### Where do I copy the tracker snippet?
Counter shows the configured consent placement. Users with the required advanced permission can change it in Counter settings.
1. Open [100 Rocks](https://get.100.rocks) and select your project.
2. Open Counter.
3. Copy the production tracker snippet.
4. Use the AI install prompt from Counter if another developer or coding agent will make the change.

#### Where should I paste the snippet?
If your site uses a Content Security Policy, copy the exact `script-src` and `connect-src` origins shown in the AI install prompt. A blocked script or ingest origin prevents verification.
1. Open the root layout or shared page template for the site.
2. Paste the snippet immediately before the closing `</body>` tag.
3. Publish or deploy the change.
4. Confirm that the snippet appears only once on the final page.

#### How do I configure consent on a custom website?
The first visit opens the 100 Rocks consent modal. Visitors can Reject all, Accept all, or customize their choices. All purpose toggles start off until the visitor opts in.
Analytics allows behavior measurement. Preferences allows consented audience-based product-page assignment. Marketing is saved but is not used by current measurement features.
The floating, footer, and link-triggered placement options only change how a visitor reopens preferences. The first-visit modal still opens automatically.

#### How do I verify the custom-site installation?
The current custom-site adapter is opt-in. Do not expect audience or behavior collection before the visitor makes a choice.
1. Open the published site in a private window.
2. Confirm that the 100 Rocks consent modal appears before measurement starts.
3. Accept Analytics and browse one or two pages.
4. Open Counter and confirm Receiving events is Yes.
5. Confirm that Consent mode shows the production 100 Rocks banner.

#### How do I update or remove the custom-site tracker?
Recopy the pasted snippet only when Counter says the integration snippet version changed. Tracker code can update on the 100 Rocks server without changing your HTML.
To remove 100 Rocks, delete the snippet and any custom preferences link, publish the site, then confirm that no tracker request is made.
Before going live, review [Consent and privacy](/documentation/consent-and-privacy) and add the required storefront notice.

### Understand consent and privacy (en)
Source: https://100.rocks/documentation/consent-and-privacy
Description: Understand 100 Rocks consent on Shopify and custom sites, Analytics and Preferences purposes, browser storage, privacy notices, and data retention.
Published: 2026-06-15; updated: 2026-07-30
Duration: 6 min read

Learn which consent system applies, what each purpose controls, what browser storage is used, and how long data is kept.

#### Which consent system does my store use?
Shopify stores use Shopify Customer Privacy as the single source for shopper choices. A compatible consent app must send its choices to Shopify. 100 Rocks does not read a vendor-specific consent signal.
Custom websites use the consent controls included with the 100 Rocks production tracker. The current custom-site setup is opt-in.

#### What can run before Analytics consent?
On Shopify, basic audience events such as a page view can be measured when the merchant's legal configuration permits it. Detailed behavior, persistent visitor identity, and measured test enrollment require Analytics consent.
On a custom website, the current production setup waits for the visitor's choice before collection starts.
A denial, revocation, Global Privacy Control signal, or study opt-out stops gated collection. It also clears gated visitor identity.

#### What does each consent purpose control?
The normal product UI does not offer separate toggles for scroll, pointer, clicks, or other behavior features.
| Purpose | Current use |
| --- | --- |
| Analytics | Behavior measurement, returning-visitor identity, and measurable test enrollment |
| Preferences | Audience matching for consented product-page Serving |
| Marketing | Stored for future ad-related features; not used by current measurement features |

#### What should I add to my storefront privacy notice?
Explain that your store uses 100 Rocks as an analytics processor. Describe the categories you enable, the purpose of measurement, retention, and how visitors can change consent or exercise privacy rights.
Suggested wording: We use 100 Rocks (Karen Charykov EI, France) to measure and improve our storefront. 100 Rocks processes page views, navigation and commerce events, device and browser information, approximate location, and pseudonymous identifiers on our behalf. With Analytics consent, it can also measure scrolling, clicks, pointer movement, and hesitation to create aggregate behavior reports. We do not use these identifiers to collect names, email addresses, payment details, or form values.
Review this wording for your jurisdictions and enabled features before publishing. It is a starting point, not legal advice.

#### Which browser storage does 100 Rocks use?
| Name | Purpose | Duration |
| --- | --- | --- |
| adaptive.analytics.session_key.{counter ID} | Connects events inside one browser tab | Until the tab closes |
| adaptive_visitor_id | Recognizes a returning visitor after Analytics consent | Up to 12 months |
| adaptive_analytics_consent | Remembers the custom-site consent decision | Until the visitor changes or clears it |
| adaptive_analytics_purpose_consent | Remembers custom-site purpose choices | Until the visitor changes or clears them |
| rocks_visit_bridge | Connects consented Shopify storefront and Web Pixel events | Up to 30 minutes |

#### How long does 100 Rocks keep analytics data?
Raw events are kept for up to 90 days. Sessions and session metrics are kept for up to 12 months. Daily aggregate reports and page-layout references are kept for up to 24 months. Consent proof is kept for up to 25 months.
Generated heatmap versions follow the store's plan quota instead of a fixed 24-month window.
Storefront processing is covered by the [Data Processing Addendum](https://get.100.rocks/legal/dpa). Also review our [Privacy policy](/privacy), [Cookie notice](/cookies), and [Terms of service](/terms).

### Understand Dashboard and Analytics (en)
Source: https://100.rocks/documentation/analytics-dashboard
Description: Understand the 100 Rocks Dashboard and Analytics pages, report periods, behavior and web reports, consent limits, and differences from Shopify.
Published: 2026-06-15; updated: 2026-07-30
Duration: 6 min read

Use Dashboard for a recent project overview and Analytics for detailed 30-day or 90-day reports.

#### What does Dashboard show?
Dashboard is a concise view of the last 24 hours. It highlights recent sessions and activity, a top landing page, and the most active Daily Activities segment.
Use it to confirm that a project is active and to spot a recent change. It is not the full reporting workspace.

#### What does Analytics show?
Analytics lets you switch between the last 30 and 90 days. Human Analytics shows Daily Activities and behavior distributions. Web Analytics shows sessions, conversion, returning visitors, acquisition, technology, landing pages, and Actions & CTAs.
Most cards have their own All, Desktop, Tablet, and Mobile filter. Changing one card does not change the others.

#### Which reports need Analytics consent?
Behavior distributions, action clicks, and returning-visitor reports use consented data. Returning visitors also need the persistent visitor identifier created after Analytics consent.
Acquisition and other audience reports can use measurable all-traffic data where the store's consent configuration permits it. Each report states when its cohort is narrower.

#### Why can 100 Rocks totals differ from Shopify?
100 Rocks excludes bots and sessions without a valid page view from merchant-facing session totals. Consent can reduce behavior and returning-visitor counts. Ad blockers, strict browser settings, or an incomplete install can also reduce measured traffic.
A Shopify historical baseline can fill a day before 100 Rocks measurement exists. It is labeled as Shopify baseline data and does not create fake tracker sessions.

#### When do reports update?
Dashboard is designed for recent activity. Detailed Analytics cards depend on processed sessions and report rollups, so they can update after the first event appears in Counter.
Keep the selected period and device filter in mind before treating an empty card as an install problem.

#### Where do I check installation status?
Open [100 Rocks](https://get.100.rocks), select the project, and open Counter. Counter shows the tracker, consent mode, and Shopify Web Pixel status.
Use [Troubleshooting](/documentation/troubleshooting) if Counter is live but a specific report remains empty.

### Track buttons and links (en)
Source: https://100.rocks/documentation/actions-and-ctas
Description: Track button and link clicks with 100 Rocks Actions & CTAs, understand automatic identities, add stable CTA IDs, use filters, and fix missing actions.
Published: 2026-07-19; updated: 2026-07-30
Duration: 6 min setup

See which interactive elements shoppers use and give important actions a stable, privacy-safe reporting name.

#### Which buttons and links are detected automatically?
100 Rocks detects common interactive elements such as buttons and links after Analytics consent.
An automatic action uses a privacy-safe structural identity based on the element type and nearby page structure. It does not collect the visible button text. A theme structure change can create a new automatic identity.

#### Where do I find the Actions & CTAs report?
1. Open your project in 100 Rocks.
2. Open Analytics, then Web Analytics.
3. Find Actions & CTAs.
4. Choose the reporting period.
5. Use page and section filters when the same action appears in more than one place.

#### How do I give an important action a stable name?
Add `data-100rocks-cta-id` to the button or link. Use lowercase letters, numbers, and underscores. Keep the value at 80 characters or fewer.
HTML example: `<button data-100rocks-cta-id="hero_shop_now">Shop now</button>`
Shopify Liquid example: `<a href="{{ routes.cart_url }}" data-100rocks-cta-id="cart_open">View cart</a>`
Never put a name, email address, order number, cart value, or other personal information in the identifier.

#### What is the difference between clicks and unique sessions?
Clicks is the total number of measured activations. Unique sessions counts sessions with at least one click on that action.
If one shopper clicks the same action three times in one session, Clicks increases by three and Unique sessions increases by one. These values are not a click-through rate because the report does not divide by impressions.

#### Why is an action missing or split into several rows?
| Symptom | What to check |
| --- | --- |
| No actions appear | Tracker status, Analytics consent, selected period, and a real click |
| A named action is still Automatic | The attribute is on the clicked element in the published theme |
| One action appears more than once | The same stable ID is used and page or section filters explain the split |
| Clicks exceed unique sessions | This is expected when an action is clicked more than once per session |

### Review and approve product-page variants (en)
Source: https://100.rocks/documentation/product-page-variants
Description: Review 100 Rocks product-page variants, check extraction readiness, preview responsive layouts, rename, approve or revoke designs, and prepare Serving.
Published: 2026-06-18; updated: 2026-07-30
Duration: 8 min setup

Preview the three generated product-page variants, rename them, and approve only the designs you are ready to serve.

#### What is a product-page variant?
A variant is a merchant-reviewed version of the product detail page. It can change responsive component order, gallery type, shipping-note type, option-selector type, and description type.
100 Rocks creates three starting variants after design extraction is ready. An unapproved variant cannot be used by Serving.

#### What must be ready before I review variants?
The storefront extraction and design tokens must be ready. Approval also requires current store-ownership and design-rights attestations.
If the page is locked, follow its link to Design and finish the missing extraction or attestation step.

#### How do I preview and review a variant?
Preview mode does not change the live storefront or create a shopper assignment.
1. Open your project, then Experimentation.
2. Open a variant card.
3. Check Desktop, Tablet, and Mobile previews.
4. Confirm that product media, options, price, shipping note, description, and add-to-cart controls remain clear.
5. Return to the variant list when the review is complete.

#### How do I rename, approve, or revoke a variant?
Open the action menu on a variant card. You can rename, approve, or revoke the variant.
Approve only a design that you have reviewed at every breakpoint. Revoke it when it should no longer be eligible for a live assignment.
Creating a fourth variant or editing the generated variant specification is not currently available.

#### How does an approved variant reach the storefront?
Add the 100 Rocks Product Page or PDP Container block to the published Shopify product template. Then connect an active audience to the approved variant in [Serving](/documentation/audience-based-serving).
When no assignment applies, the block renders the published baseline or catalog default. Shopify Theme Editor does not offer a manual 100 Rocks variant picker.

#### Why is a variant missing from Serving?
Confirm that extraction is complete, the variant exists for the current project, its approval is active, and the page loaded without an error.
If a live page still shows the baseline, check the product-page block and the audience assignment in [Troubleshooting](/documentation/troubleshooting).

### Understand the Shopify commerce funnel (en)
Source: https://100.rocks/documentation/commerce-funnel
Description: Understand the 100 Rocks Shopify commerce funnel, Web Pixel event sources, the visit bridge, express checkout, missing purchases, and report differences.
Published: 2026-06-15; updated: 2026-07-30
Duration: 5 min read

Learn how product views, cart actions, checkout, and purchases connect to one measured storefront visit.

#### Which Shopify commerce stages are measured?
The Web Pixel is the single source for Shopify product, cart, checkout, and purchase events. 100 Rocks does not use an order webhook.
| Stage | Source |
| --- | --- |
| Product view | Shopify Web Pixel `product_viewed` |
| Add to cart | Shopify Web Pixel `product_added_to_cart` |
| Checkout | Shopify Web Pixel `checkout_started` and `payment_info_submitted` |
| Express checkout | Optional product-page `data-100rocks-commerce="express-checkout"` marker |
| Purchase | Shopify Web Pixel `checkout_completed` |

#### How does the storefront visit connect to the Web Pixel?
The theme tracker first creates the storefront visit. After that visit exists and consent allows it, the tracker writes a short-lived first-party `rocks_visit_bridge` cookie.
The Web Pixel reads that bridge inside Shopify's protected environment. If the bridge is missing or invalid, the pixel drops the event. It does not create a separate visit.

#### How is express checkout measured?
Shop Pay and Apple Pay can leave the product page before a normal checkout event is available. You may add `data-100rocks-commerce="express-checkout"` to the product-page express button so 100 Rocks records the start.
The completed purchase still comes from Shopify's Web Pixel `checkout_completed` event.

#### Why can a purchase be missing?
Check that the published theme embed is live, Analytics consent was granted, the Web Pixel is connected, App Pixel data is set to Always on, and the purchase used the same valid bridged visit.
A Web Pixel event without the theme-created bridge is intentionally ignored.

#### Why can funnel totals differ from Shopify?
100 Rocks reports measured visits that pass its bot, origin, consent, and bridge checks. Shopify can count activity that an ad blocker, privacy setting, missing embed, or missing bridge prevents 100 Rocks from measuring.
Compare the same date range before investigating a difference. Then use [Troubleshooting](/documentation/troubleshooting) to check each install source.

### Troubleshoot tracking and missing data (en)
Source: https://100.rocks/documentation/troubleshooting
Description: Troubleshoot missing 100 Rocks events, consent, Shopify Web Pixel purchases, custom-site banners, analytics reports, audiences, and product-page variants.
Published: 2026-06-15; updated: 2026-07-30
Duration: 8 min read

Follow the symptom that matches your store, verify the expected source, and collect useful details before contacting support.

#### Why is my Shopify store not sending events?
If Consent mode says Dev, remove the old development loader and use the production theme app embed.
1. Open the published theme in Shopify Theme Editor.
2. Confirm that the 100 Rocks app embed is on and the theme was saved.
3. Open the live storefront in a private window.
4. Confirm that a Shopify or compatible consent banner appears.
5. Accept Analytics and visit a page.
6. Open Counter and check for a fresh theme-extension event.

#### Why is my custom website not sending events?
An ad blocker can prevent the banner or tracker from loading. Test again with extensions disabled before changing the snippet.
1. Confirm that the production snippet appears once before `</body>`.
2. Check that Content Security Policy allows the exact script and ingest origins shown by Counter.
3. Open a private window and confirm that the 100 Rocks consent modal loads.
4. Accept Analytics and visit a page.
5. Check the browser network panel for a blocked tracker or ingest request.

#### Why are behavior or action reports empty?
Behavior and Actions & CTAs require Analytics consent and a completed behavior snapshot. Counter can show a recent page event before detailed Analytics processing finishes.
Check the selected 30-day or 90-day period and the card's device filter. Low traffic or no matching device traffic can leave one card empty while others have data.

#### Why are Shopify purchases missing?
A checkout event without a valid `rocks_visit_bridge` is dropped. Payment is not required to verify pixel delivery, but a completed test order is required to verify purchase reporting.
1. Confirm that the theme embed creates storefront events.
2. Confirm that the Web Pixel shows Connected and has a recent product or cart event.
3. Set Shopify Settings, Customer events, App pixels, 100 Rocks, Data to Always on.
4. Complete a new test visit after accepting Analytics.
5. Confirm that checkout uses the same visit created on the storefront.

#### Why is a product-page variant not showing?
Confirm that the PDP Container block is on the published product template, the variant is approved, and an active audience is connected to it in Serving.
Audience matching requires Preferences consent and the metrics used by the audience. If consent or a required metric is unavailable, Serving fails closed and shows the baseline.
Seeing the baseline is expected when no audience assignment applies.

#### What should I send 100 Rocks support?
Send the project name, storefront URL, approximate test time with timezone, browser and device, the Counter status shown, and the exact symptom.
For Shopify, include whether the published embed is on, whether the Web Pixel is connected, and whether App Pixel data is set to Always on. For custom sites, include any browser console or Content Security Policy error.
Do not send customer names, email addresses, order details, cookies, access tokens, or screenshots that contain personal data.

### Create and manage audiences (en)
Source: https://100.rocks/documentation/audiences
Description: Create and manage 100 Rocks audiences with per-device rules, match modes, behavior ranges, Daily Activities, automatic audiences, and consent limits.
Published: 2026-07-30; updated: 2026-07-30
Duration: 10 min setup

Group visits by consented behavior ranges or Daily Activities, then choose which breakpoints can use each audience.

#### What is an audience in 100 Rocks?
An audience is a reusable set of visit rules for product-page Serving. Rules can use session activity, page use, scrolling, pointer behavior, hesitation, clicks, sections, or the visitor's local Daily Activities time group.
Audiences describe visit behavior. They do not identify a person or expose raw session recordings.

#### How do I create an audience?
1. Open your project, then Serving.
2. Open the Audiences tab.
3. Select Create audience.
4. Enter a clear name and choose whether the audience is globally active.
5. Configure Desktop, Tablet, and Mobile separately.
6. Add at least one rule to every active breakpoint.
7. Select Save.

#### How do audience rules work?
Choose Match all when every rule must be true. Choose Match any when one matching rule is enough.
Numeric rules accept a minimum, a maximum, or both. Examples include scroll depth, page views, active time, click frequency, and hesitation frequency. The editor checks valid ranges and prevents the same metric from being added twice to one breakpoint.
Daily Activities uses one named local-time group such as Night owls, Early birds, Lunch timers, or Afterworks. It does not infer the visitor's timezone from an IP address.

#### Why can an automatic audience appear?
After enough observed sessions, 100 Rocks can create a Daily Activities audience that matches a recurring segment. The audience list labels its source as Automatic.
There is no separate notification yet. Review the rules and active status before using an automatic audience in Serving.

#### How do I edit, pause, or delete an audience?
Open Audiences and select Edit. You can change the name, global active state, breakpoint state, match mode, and rules.
Turning off the global active state removes the audience from the active Serving lane without deleting its definition.
Deleting an audience also removes its current product-page assignment. The action asks for confirmation.

#### When can an audience match a storefront visit?
Audience-based product-page assignment requires Preferences consent. Every metric used by the audience must also be available for that visit.
If consent, context, or a required metric is missing, the rule fails closed. The storefront continues with its deterministic baseline or all-traffic route.
When the audience is ready, connect it to a variant with [Serving](/documentation/audience-based-serving).

### Connect audiences to product-page variants (en)
Source: https://100.rocks/documentation/audience-based-serving
Description: Use 100 Rocks Serving to connect active audiences to approved product-page variants, understand fallback behavior, view assignment exposure, and fix issues.
Published: 2026-07-30; updated: 2026-07-30
Duration: 5 min setup

Use Serving to connect one active audience to one approved variant and review measured product-page views for that assignment.

#### What does Serving do?
Serving connects active audiences to approved product-page variants. The left lane shows audiences. The right lane shows variants that are approved or frozen for live use.
Each audience can have one current variant assignment. One variant can be used by more than one audience.

#### What must be ready before I create an assignment?
Without an active audience and an approved variant, the canvas shows Nothing to serve yet.
1. Enable and verify the Shopify theme app embed.
2. Add the PDP Container block to the published product template.
3. Review and approve at least one product-page variant.
4. Create and activate at least one audience.
5. Confirm that you have permission to manage audiences.

#### How do I connect an audience to a variant?
Connecting the same audience to another variant replaces its current assignment. You do not need to add another theme block.
1. Open your project, then Serving.
2. Find the audience in the left lane.
3. Drag a connection from the audience to the approved variant in the right lane.
4. Wait for the saved confirmation.
5. Reload a live product page after Preferences consent to verify the assignment.

#### How do I change or remove an assignment?
Reconnect the audience edge to a different approved variant to change it. Select and delete the edge to remove the assignment.
The canvas rolls back a failed save and shows an error. Confirm the saved state before testing the storefront.

#### What do the product-page view totals mean?
An assigned audience shows cumulative measured product-page views for its current assignment. The count starts at zero when the assignment is created.
Changing or removing the assignment resets the visible reporting window. The total can update after analytics rollups process new views.

#### What does the shopper see when no audience matches?
Audience matching requires Preferences consent and every metric used by the audience. Missing consent or context fails closed.
When no assignment matches, the product page uses the deterministic baseline or all-traffic route. It does not choose a random audience variant.
If an expected variant does not appear, follow [Troubleshooting](/documentation/troubleshooting).

### Installer 100 Rocks sur Shopify (fr)
Source: https://100.rocks/fr/documentation/shopify-analytics-installation
Description: Installez 100 Rocks sur Shopify, activez l'app intégrée, activez l'app embed du thème, vérifiez le Web Pixel et Shopify Customer Privacy.
Published: 2026-06-15; updated: 2026-07-30
Duration: 10 min de configuration

Installez l'app Shopify, activez votre compte, activez l'app embed du thème et vérifiez le Web Pixel.

#### Que connecte 100 Rocks sur Shopify ?
Shopify gère l'installation de l'app. L'app embed du thème mesure les visites et le comportement sur la boutique. Le Web Pixel envoie les événements produit, panier, paiement et achat depuis l'environnement protégé de Shopify.
| Élément | Rôle | Quand est-il nécessaire ? |
| --- | --- | --- |
| Shopify Customer Privacy | Enregistre le choix de consentement du visiteur | Nécessaire avant la mesure du comportement |
| App embed du thème | Démarre les visites, pages vues, signaux de comportement et le pont commerce | Nécessaire pour les analytics de la boutique |
| Shopify Web Pixel | Envoie les événements produit, panier, paiement et achat | Nécessaire pour l'entonnoir commerce complet |
| Bloc de page produit | Affiche les variantes de page produit approuvées | Optionnel avant d'utiliser Variantes et Serving |

#### Comment installer et activer l'app Shopify ?
L'activation crée ou reconnecte le projet 100 Rocks correspondant. Si vous avez commencé avec l'URL de la boutique, Shopify vérifie la propriété avant de réutiliser le projet existant.
Utilisez Accueil, Pages produit, Audiences, Serving, Tests A/B, Paramètres et Facturation directement dans l'admin Shopify. Si un compte 100 Rocks existant possède l'adresse de contact, le lien de vérification reçu par e-mail termine l'activation une seule fois.
1. Installez 100 Rocks depuis sa fiche officielle sur le Shopify App Store.
2. Dans l'admin Shopify, ouvrez Apps, puis 100 Rocks.
3. Sélectionnez Activer 100 Rocks.
4. Vérifiez l'adresse de contact Shopify affichée.
5. Acceptez les Conditions et l'Accord sur le traitement des données en vigueur.
6. Confirmez que vous possédez la boutique et que vous pouvez utiliser son design.

#### Comment activer et vérifier l'app embed du thème ?
Un nouvel événement de l'extension du thème valide cette étape. Enregistrer l'app embed dans un thème brouillon ne valide pas la boutique publiée.
Aucun code n'est collé dans le thème. Shopify gère le cycle de vie de l'extension et la supprime lors de la désinstallation.
1. Dans l'admin Shopify, ouvrez Boutique en ligne, puis Thèmes.
2. Sélectionnez Personnaliser à côté du thème publié.
3. Ouvrez App embeds dans le panneau de gauche.
4. Activez 100 Rocks et sélectionnez Enregistrer.
5. Revenez à la configuration 100 Rocks et continuez.
6. Ouvrez la boutique dans une fenêtre privée, acceptez Analytics et consultez une ou deux pages.

#### Comment installer et vérifier le Web Pixel ?
L'app a besoin des autorisations Shopify `write_pixels` et `read_customer_events`. Rouvrez l'app depuis l'admin Shopify si une nouvelle autorisation demande une reconnexion.
Les achats proviennent uniquement de l'événement Web Pixel `checkout_completed`. 100 Rocks ne vous demande pas de créer un webhook de commande.
1. Dans la configuration intégrée de 100 Rocks, ouvrez Installer le Web Pixel.
2. Installez ou mettez à jour le pixel lorsque l'écran le demande.
3. Dans les paramètres Shopify, ouvrez Événements clients, App pixels, puis 100 Rocks.
4. Réglez Données sur Toujours activé. Shopify Customer Privacy continue de contrôler le consentement.
5. Consultez un produit ou ajoutez-le au panier sur la boutique.
6. Revenez dans 100 Rocks et vérifiez qu'un événement pixel récent apparaît.

#### Comment ajouter le bloc de page produit optionnel ?
Le bloc ne contient pas de sélecteur manuel de variante ou de mise en page de secours. Si aucune audience ne correspond, il affiche la base publiée ou la valeur par défaut du catalogue.
Ajoutez le bloc avant d'afficher une variante approuvée depuis [Variantes de page produit](/documentation/product-page-variants) ou [Serving](/documentation/audience-based-serving).
1. Dans l'éditeur de thème, ouvrez un modèle de produit.
2. Ajoutez le bloc d'app 100 Rocks Product Page ou PDP Container.
3. Enregistrez le modèle et prévisualisez une page produit avant de publier.

#### Comment gérer mon forfait Shopify ?
Ouvrez l'admin Shopify, Apps, 100 Rocks, puis Facturation. Shopify héberge le choix du forfait et ajoute les frais de l'app à votre facture Shopify.
Choisir Free programme la fin du forfait Starter à la fin de la période de facturation Shopify en cours. La page Facturation affiche la date d'effet connue.
La console 100 Rocks complète affiche le même forfait géré par Shopify. Elle ne propose pas Stripe pour une installation App Store en production.
Contactez le support 100 Rocks si la date d'effet manque ou si la gestion du forfait Shopify ne s'ouvre pas.

#### Que vérifier si la configuration Shopify reste incomplète ?
Vérifiez que vous avez ouvert l'app de production, activé l'installation actuelle, activé l'app embed sur le thème publié, accepté Analytics dans une fenêtre privée et généré un nouvel événement produit ou panier.
Pour des vérifications par symptôme, consultez [Dépanner le suivi et les données manquantes](/documentation/troubleshooting).

### Installer 100 Rocks sur un site personnalisé (fr)
Source: https://100.rocks/fr/documentation/custom-site-analytics-installation
Description: Installez 100 Rocks sur un site personnalisé, ajoutez le tracker avant la balise body fermante, configurez le consentement, la CSP et les événements.
Published: 2026-06-15; updated: 2026-07-30
Duration: 10 min de configuration

Ajoutez le tracker de production, autorisez les origines requises dans la CSP, configurez le consentement et vérifiez la première visite mesurée.

#### Que contient l'installation sur un site personnalisé ?
L'extrait de production charge le tracker 100 Rocks et ses contrôles de consentement. Un site personnalisé n'utilise ni Shopify Customer Privacy ni le Shopify Web Pixel.
Les rapports liés au paiement Shopify ne sont pas disponibles sur un site personnalisé.
| Élément | Rôle |
| --- | --- |
| Extrait de production | Charge le tracker de ce projet |
| Contrôles de consentement 100 Rocks | Recueillent les choix Analytics, Préférences et Marketing |
| Lien de préférences | Permet aux visiteurs de rouvrir leurs choix enregistrés |

#### Où copier l'extrait du tracker ?
Compteur affiche l'emplacement de consentement configuré. Les utilisateurs qui disposent de l'autorisation avancée peuvent le modifier dans les paramètres de Compteur.
1. Ouvrez [100 Rocks](https://get.100.rocks) et sélectionnez votre projet.
2. Ouvrez Compteur.
3. Copiez l'extrait du tracker de production.
4. Utilisez la consigne d'installation pour IA depuis Compteur si un développeur ou un agent de code effectue la modification.

#### Où coller l'extrait ?
Si votre site utilise une Content Security Policy, copiez les origines `script-src` et `connect-src` exactes affichées dans la consigne d'installation. Un script ou une origine d'envoi bloqué empêche la vérification.
1. Ouvrez la mise en page racine ou le modèle partagé du site.
2. Collez l'extrait juste avant la balise `</body>`.
3. Publiez ou déployez la modification.
4. Vérifiez que l'extrait apparaît une seule fois sur la page finale.

#### Comment configurer le consentement sur un site personnalisé ?
La première visite ouvre la fenêtre de consentement 100 Rocks. Les visiteurs peuvent Tout refuser, Tout accepter ou personnaliser leurs choix. Toutes les finalités sont désactivées tant que le visiteur n'a pas accepté.
Analytics autorise la mesure du comportement. Préférences autorise l'affectation consentie d'une page produit selon l'audience. Marketing est enregistré mais n'est pas utilisé par les fonctions de mesure actuelles.
Les options flottante, pied de page et lien changent seulement la façon de rouvrir les préférences. La fenêtre de première visite s'ouvre toujours automatiquement.

#### Comment vérifier l'installation sur un site personnalisé ?
L'adaptateur actuel pour les sites personnalisés demande un accord préalable. N'attendez aucune collecte d'audience ou de comportement avant le choix du visiteur.
1. Ouvrez le site publié dans une fenêtre privée.
2. Vérifiez que la fenêtre de consentement 100 Rocks apparaît avant le début de la mesure.
3. Acceptez Analytics et consultez une ou deux pages.
4. Ouvrez Compteur et vérifiez que Réception des événements indique Oui.
5. Vérifiez que le mode de consentement indique la bannière 100 Rocks de production.

#### Comment mettre à jour ou supprimer le tracker ?
Recopiez l'extrait seulement lorsque Compteur indique que la version de l'extrait d'intégration a changé. Le code du tracker peut être mis à jour sur le serveur 100 Rocks sans modifier votre HTML.
Pour supprimer 100 Rocks, retirez l'extrait et tout lien de préférences personnalisé, publiez le site, puis vérifiez qu'aucune requête du tracker n'est envoyée.
Avant la mise en ligne, consultez [Consentement et confidentialité](/documentation/consent-and-privacy) et ajoutez les mentions requises.

### Comprendre le consentement et la confidentialité (fr)
Source: https://100.rocks/fr/documentation/consent-and-privacy
Description: Comprenez le consentement 100 Rocks sur Shopify et les sites personnalisés, les finalités, le stockage navigateur, les mentions et la conservation.
Published: 2026-06-15; updated: 2026-07-30
Duration: 6 min de lecture

Découvrez quel système de consentement s'applique, le rôle de chaque finalité, le stockage navigateur utilisé et les durées de conservation.

#### Quel système de consentement utilise ma boutique ?
Les boutiques Shopify utilisent Shopify Customer Privacy comme source unique des choix visiteurs. Une app de consentement compatible doit transmettre ses choix à Shopify. 100 Rocks ne lit pas le signal propre à un fournisseur.
Les sites personnalisés utilisent les contrôles de consentement inclus dans le tracker de production 100 Rocks. La configuration actuelle demande un accord préalable.

#### Que peut-il se passer avant le consentement Analytics ?
Sur Shopify, des événements d'audience simples, comme une page vue, peuvent être mesurés lorsque la configuration légale du marchand le permet. Le comportement détaillé, l'identité persistante et l'inscription mesurée à un test exigent le consentement Analytics.
Sur un site personnalisé, la configuration de production actuelle attend le choix du visiteur avant de commencer la collecte.
Un refus, un retrait, un signal Global Privacy Control ou une exclusion d'étude arrête la collecte concernée. L'identité visiteur concernée est aussi supprimée.

#### Que contrôle chaque finalité de consentement ?
L'interface normale ne propose pas de réglages séparés pour le défilement, le pointeur, les clics ou les autres fonctions de comportement.
| Finalité | Utilisation actuelle |
| --- | --- |
| Analytics | Mesure du comportement, identité des visiteurs récurrents et inscription mesurable aux tests |
| Préférences | Correspondance d'audience pour le Serving consenti des pages produit |
| Marketing | Enregistré pour de futures fonctions publicitaires, sans usage par les mesures actuelles |

#### Que faut-il ajouter à la notice de confidentialité de la boutique ?
Expliquez que votre boutique utilise 100 Rocks comme sous-traitant analytics. Décrivez les catégories activées, l'objectif de la mesure, la conservation et la façon de modifier le consentement ou d'exercer ses droits.
Texte proposé : Nous utilisons 100 Rocks (Karen Charykov EI, France) pour mesurer et améliorer notre boutique. 100 Rocks traite pour notre compte les pages vues, les événements de navigation et de commerce, les informations sur l'appareil et le navigateur, la localisation approximative et des identifiants pseudonymes. Avec le consentement Analytics, 100 Rocks peut aussi mesurer le défilement, les clics, les mouvements du pointeur et les hésitations afin de produire des rapports agrégés. Ces identifiants ne servent pas à collecter les noms, adresses e-mail, données de paiement ou valeurs de formulaire.
Adaptez ce texte aux pays visés et aux fonctions activées avant de le publier. Il s'agit d'un point de départ, pas d'un avis juridique.

#### Quel stockage navigateur utilise 100 Rocks ?
| Nom | Finalité | Durée |
| --- | --- | --- |
| adaptive.analytics.session_key.{identifiant compteur} | Relie les événements dans un onglet du navigateur | Jusqu'à la fermeture de l'onglet |
| adaptive_visitor_id | Reconnaît un visiteur récurrent après consentement Analytics | Jusqu'à 12 mois |
| adaptive_analytics_consent | Mémorise la décision sur un site personnalisé | Jusqu'à sa modification ou suppression |
| adaptive_analytics_purpose_consent | Mémorise les choix de finalité sur un site personnalisé | Jusqu'à leur modification ou suppression |
| rocks_visit_bridge | Relie les événements Shopify et Web Pixel consentis | Jusqu'à 30 minutes |

#### Combien de temps 100 Rocks conserve-t-il les données ?
Les événements bruts sont conservés jusqu'à 90 jours. Les sessions et leurs métriques sont conservées jusqu'à 12 mois. Les rapports agrégés quotidiens et références de mise en page sont conservés jusqu'à 24 mois. Les preuves de consentement sont conservées jusqu'à 25 mois.
Les versions de heatmap générées suivent le quota du forfait de la boutique plutôt qu'une durée fixe de 24 mois.
Le traitement des visiteurs est couvert par l'[Accord sur le traitement des données](https://get.100.rocks/legal/dpa). Consultez aussi notre [Politique de confidentialité](/privacy), notre [Notice sur les cookies](/cookies) et nos [Conditions d'utilisation](/terms).

### Comprendre Dashboard et Analytics (fr)
Source: https://100.rocks/fr/documentation/analytics-dashboard
Description: Comprenez les pages Dashboard et Analytics de 100 Rocks, les périodes, les rapports, les limites de consentement et les écarts avec Shopify.
Published: 2026-06-15; updated: 2026-07-30
Duration: 6 min de lecture

Utilisez Dashboard pour une vue récente du projet et Analytics pour les rapports détaillés sur 30 ou 90 jours.

#### Que montre Dashboard ?
Dashboard donne une vue concise des dernières 24 heures. Il met en avant les sessions et activités récentes, une page d'arrivée principale et le segment Daily Activities le plus actif.
Utilisez-le pour confirmer qu'un projet est actif et repérer un changement récent. Ce n'est pas l'espace de rapport complet.

#### Que montre Analytics ?
Analytics permet de choisir les 30 ou 90 derniers jours. Human Analytics présente Daily Activities et les distributions de comportement. Web Analytics présente les sessions, la conversion, les visiteurs récurrents, l'acquisition, la technologie, les pages d'arrivée et Actions & CTAs.
La plupart des cartes possèdent leur propre filtre Tous, Ordinateur, Tablette et Mobile. Modifier une carte ne change pas les autres.

#### Quels rapports exigent le consentement Analytics ?
Les distributions de comportement, les clics sur les actions et les rapports sur les visiteurs récurrents utilisent des données consenties. Les visiteurs récurrents ont aussi besoin de l'identifiant persistant créé après le consentement Analytics.
L'acquisition et les autres rapports d'audience peuvent utiliser le trafic mesurable lorsque la configuration de consentement le permet. Chaque rapport précise si son groupe est plus limité.

#### Pourquoi les totaux peuvent-ils différer de Shopify ?
100 Rocks exclut les robots et les sessions sans page vue valide des totaux marchands. Le consentement peut réduire les données de comportement et de visiteurs récurrents. Les bloqueurs, réglages stricts du navigateur ou une installation incomplète peuvent aussi réduire le trafic mesuré.
Une base historique Shopify peut compléter un jour antérieur à la mesure 100 Rocks. Elle est signalée comme donnée Shopify et ne crée pas de fausses sessions du tracker.

#### Quand les rapports sont-ils mis à jour ?
Dashboard est conçu pour l'activité récente. Les cartes Analytics détaillées dépendent des sessions traitées et des agrégats, elles peuvent donc être mises à jour après l'apparition du premier événement dans Compteur.
Vérifiez la période et le filtre d'appareil avant de considérer une carte vide comme un problème d'installation.

#### Où vérifier l'état de l'installation ?
Ouvrez [100 Rocks](https://get.100.rocks), sélectionnez le projet et ouvrez Compteur. Compteur indique l'état du tracker, le mode de consentement et le Shopify Web Pixel.
Consultez [Dépannage](/documentation/troubleshooting) si Compteur est actif mais qu'un rapport précis reste vide.

### Suivre les boutons et les liens (fr)
Source: https://100.rocks/fr/documentation/actions-and-ctas
Description: Suivez les clics avec Actions & CTAs, comprenez les identités automatiques, ajoutez des ID stables, utilisez les filtres et corrigez les actions manquantes.
Published: 2026-07-19; updated: 2026-07-30
Duration: 6 min de configuration

Repérez les éléments interactifs utilisés et donnez aux actions importantes un nom de rapport stable qui respecte la confidentialité.

#### Quels boutons et liens sont détectés automatiquement ?
100 Rocks détecte les éléments interactifs courants, comme les boutons et les liens, après le consentement Analytics.
Une action automatique utilise une identité structurelle qui respecte la confidentialité, basée sur le type d'élément et la structure proche. Elle ne collecte pas le texte visible du bouton. Une modification de la structure du thème peut créer une nouvelle identité.

#### Où trouver le rapport Actions & CTAs ?
1. Ouvrez votre projet dans 100 Rocks.
2. Ouvrez Analytics, puis Web Analytics.
3. Trouvez Actions & CTAs.
4. Choisissez la période du rapport.
5. Utilisez les filtres de page et de section lorsqu'une action existe à plusieurs endroits.

#### Comment donner un nom stable à une action importante ?
Ajoutez `data-100rocks-cta-id` au bouton ou au lien. Utilisez des lettres minuscules, des chiffres et des underscores. Limitez la valeur à 80 caractères.
Exemple HTML : `<button data-100rocks-cta-id="hero_shop_now">Acheter</button>`
Exemple Shopify Liquid : `<a href="{{ routes.cart_url }}" data-100rocks-cta-id="cart_open">Voir le panier</a>`
N'ajoutez jamais de nom, adresse e-mail, numéro de commande, valeur du panier ou autre donnée personnelle dans l'identifiant.

#### Quelle est la différence entre clics et sessions uniques ?
Clics correspond au nombre total d'activations mesurées. Sessions uniques compte les sessions avec au moins un clic sur cette action.
Si un visiteur clique trois fois sur la même action pendant une session, Clics augmente de trois et Sessions uniques de un. Ces valeurs ne sont pas un taux de clic, car le rapport ne divise pas par les impressions.

#### Pourquoi une action manque-t-elle ou apparaît-elle sur plusieurs lignes ?
| Symptôme | Vérification |
| --- | --- |
| Aucune action n'apparaît | État du tracker, consentement Analytics, période choisie et clic réel |
| Une action nommée reste Automatique | L'attribut se trouve sur l'élément cliqué dans le thème publié |
| Une action apparaît plusieurs fois | Le même ID stable est utilisé et les filtres expliquent la séparation |
| Les clics dépassent les sessions uniques | C'est normal lorsque l'action est utilisée plusieurs fois par session |

### Vérifier et approuver les variantes de page produit (fr)
Source: https://100.rocks/fr/documentation/product-page-variants
Description: Vérifiez les variantes de page produit 100 Rocks, la préparation du design, les aperçus adaptatifs, le changement de nom, l'approbation et Serving.
Published: 2026-06-18; updated: 2026-07-30
Duration: 8 min de configuration

Prévisualisez les trois variantes générées, renommez-les et approuvez seulement les designs prêts à être diffusés.

#### Qu'est-ce qu'une variante de page produit ?
Une variante est une version de la page produit vérifiée par le marchand. Elle peut modifier l'ordre adaptatif des composants, le type de galerie, la note de livraison, le sélecteur d'options et la description.
100 Rocks crée trois variantes de départ lorsque l'extraction du design est prête. Une variante non approuvée ne peut pas être utilisée par Serving.

#### Que faut-il préparer avant de vérifier les variantes ?
L'extraction de la boutique et les tokens de design doivent être prêts. L'approbation exige aussi des attestations à jour sur la propriété de la boutique et les droits de design.
Si la page est verrouillée, suivez son lien vers Design et terminez l'étape d'extraction ou d'attestation manquante.

#### Comment prévisualiser et vérifier une variante ?
Le mode aperçu ne modifie pas la boutique en ligne et ne crée aucune affectation visiteur.
1. Ouvrez votre projet, puis Variantes.
2. Ouvrez une carte de variante.
3. Vérifiez les aperçus Ordinateur, Tablette et Mobile.
4. Vérifiez que les médias, options, prix, livraison, description et ajout au panier restent clairs.
5. Revenez à la liste des variantes lorsque la vérification est terminée.

#### Comment renommer, approuver ou révoquer une variante ?
Ouvrez le menu d'action d'une carte. Vous pouvez renommer, approuver ou révoquer la variante.
Approuvez seulement un design vérifié sur chaque appareil. Révoquez-le lorsqu'il ne doit plus être disponible pour une affectation en ligne.
La création d'une quatrième variante ou la modification de la spécification générée n'est pas disponible actuellement.

#### Comment une variante approuvée arrive-t-elle sur la boutique ?
Ajoutez le bloc 100 Rocks Product Page ou PDP Container au modèle de produit Shopify publié. Reliez ensuite une audience active à la variante approuvée dans [Serving](/documentation/audience-based-serving).
Si aucune affectation ne correspond, le bloc affiche la base publiée ou la valeur par défaut du catalogue. L'éditeur de thème Shopify ne propose pas de sélecteur manuel de variante 100 Rocks.

#### Pourquoi une variante manque-t-elle dans Serving ?
Vérifiez que l'extraction est terminée, que la variante appartient au projet, que son approbation est active et que la page s'est chargée sans erreur.
Si la page en ligne affiche encore la base, vérifiez le bloc de page produit et l'affectation d'audience dans [Dépannage](/documentation/troubleshooting).

### Comprendre l'entonnoir commerce Shopify (fr)
Source: https://100.rocks/fr/documentation/commerce-funnel
Description: Comprenez l'entonnoir Shopify de 100 Rocks, les événements Web Pixel, le pont de visite, le paiement express, les achats manquants et les écarts.
Published: 2026-06-15; updated: 2026-07-30
Duration: 5 min de lecture

Découvrez comment les vues produit, actions panier, paiements et achats sont reliés à une même visite de la boutique.

#### Quelles étapes commerce Shopify sont mesurées ?
Le Web Pixel est la source unique des événements produit, panier, paiement et achat Shopify. 100 Rocks n'utilise pas de webhook de commande.
| Étape | Source |
| --- | --- |
| Vue produit | Shopify Web Pixel `product_viewed` |
| Ajout au panier | Shopify Web Pixel `product_added_to_cart` |
| Paiement | Shopify Web Pixel `checkout_started` et `payment_info_submitted` |
| Paiement express | Marqueur optionnel `data-100rocks-commerce="express-checkout"` sur la page produit |
| Achat | Shopify Web Pixel `checkout_completed` |

#### Comment la visite de la boutique est-elle reliée au Web Pixel ?
Le tracker du thème crée d'abord la visite. Lorsque cette visite existe et que le consentement le permet, il écrit un cookie propriétaire temporaire nommé `rocks_visit_bridge`.
Le Web Pixel lit ce pont dans l'environnement protégé de Shopify. Si le pont manque ou n'est pas valide, le pixel ignore l'événement. Il ne crée pas une visite séparée.

#### Comment le paiement express est-il mesuré ?
Shop Pay et Apple Pay peuvent quitter la page produit avant qu'un événement de paiement normal soit disponible. Vous pouvez ajouter `data-100rocks-commerce="express-checkout"` au bouton express pour enregistrer le début.
L'achat terminé provient toujours de l'événement Shopify Web Pixel `checkout_completed`.

#### Pourquoi un achat peut-il manquer ?
Vérifiez que l'app embed du thème publié est active, que le consentement Analytics est accordé, que le Web Pixel est connecté, que les données App Pixel sont sur Toujours activé et que l'achat utilise la même visite reliée.
Un événement Web Pixel sans le pont créé par le thème est volontairement ignoré.

#### Pourquoi les totaux de l'entonnoir peuvent-ils différer de Shopify ?
100 Rocks affiche les visites mesurées qui respectent ses contrôles de robot, d'origine, de consentement et de pont. Shopify peut compter une activité qu'un bloqueur, un réglage de confidentialité, une app embed absente ou un pont manquant empêche 100 Rocks de mesurer.
Comparez la même période avant d'étudier un écart. Utilisez ensuite [Dépannage](/documentation/troubleshooting) pour vérifier chaque source d'installation.

### Dépanner le suivi et les données manquantes (fr)
Source: https://100.rocks/fr/documentation/troubleshooting
Description: Dépannez les événements, le consentement, les achats Web Pixel, la bannière, les rapports Analytics, les audiences et les variantes 100 Rocks.
Published: 2026-06-15; updated: 2026-07-30
Duration: 8 min de lecture

Suivez le symptôme de votre boutique, vérifiez la source attendue et rassemblez les informations utiles avant de contacter le support.

#### Pourquoi ma boutique Shopify n'envoie-t-elle aucun événement ?
Si le mode de consentement indique Dev, supprimez l'ancien chargeur de développement et utilisez l'app embed de production.
1. Ouvrez le thème publié dans l'éditeur de thème Shopify.
2. Vérifiez que l'app embed 100 Rocks est active et que le thème est enregistré.
3. Ouvrez la boutique en ligne dans une fenêtre privée.
4. Vérifiez qu'une bannière Shopify ou compatible apparaît.
5. Acceptez Analytics et consultez une page.
6. Ouvrez Compteur et recherchez un nouvel événement de l'extension du thème.

#### Pourquoi mon site personnalisé n'envoie-t-il aucun événement ?
Un bloqueur peut empêcher la bannière ou le tracker de se charger. Testez sans extension avant de modifier l'extrait.
1. Vérifiez que l'extrait de production apparaît une seule fois avant `</body>`.
2. Vérifiez que la Content Security Policy autorise les origines de script et d'envoi affichées par Compteur.
3. Ouvrez une fenêtre privée et vérifiez que la fenêtre de consentement 100 Rocks apparaît.
4. Acceptez Analytics et consultez une page.
5. Dans le panneau Réseau du navigateur, recherchez une requête bloquée du tracker ou de l'envoi.

#### Pourquoi les rapports de comportement ou d'actions sont-ils vides ?
Le comportement et Actions & CTAs exigent le consentement Analytics et un résumé de comportement terminé. Compteur peut afficher une page vue récente avant la fin du traitement Analytics.
Vérifiez la période de 30 ou 90 jours et le filtre d'appareil de la carte. Un faible trafic ou l'absence de trafic sur un appareil peut laisser une carte vide.

#### Pourquoi les achats Shopify sont-ils absents ?
Un événement de paiement sans `rocks_visit_bridge` valide est ignoré. Aucun paiement n'est nécessaire pour vérifier l'envoi du pixel, mais une commande test terminée est nécessaire pour vérifier l'achat.
1. Vérifiez que l'app embed du thème crée des événements de boutique.
2. Vérifiez que le Web Pixel indique Connecté et présente un événement produit ou panier récent.
3. Réglez Paramètres Shopify, Événements clients, App pixels, 100 Rocks, Données sur Toujours activé.
4. Effectuez une nouvelle visite de test après avoir accepté Analytics.
5. Vérifiez que le paiement utilise la même visite créée sur la boutique.

#### Pourquoi une variante de page produit ne s'affiche-t-elle pas ?
Vérifiez que le bloc PDP Container se trouve sur le modèle publié, que la variante est approuvée et qu'une audience active y est reliée dans Serving.
La correspondance d'audience exige le consentement Préférences et les métriques utilisées par l'audience. Si le consentement ou une métrique manque, Serving s'arrête de façon sûre et affiche la base.
L'affichage de la base est normal lorsqu'aucune affectation d'audience ne correspond.

#### Quelles informations envoyer au support 100 Rocks ?
Envoyez le nom du projet, l'URL de la boutique, l'heure approximative du test avec le fuseau, le navigateur, l'appareil, l'état affiché dans Compteur et le symptôme exact.
Pour Shopify, précisez si l'app embed du thème publié est active, si le Web Pixel est connecté et si les données App Pixel sont sur Toujours activé. Pour un site personnalisé, joignez toute erreur de console ou de Content Security Policy.
N'envoyez pas de nom client, adresse e-mail, détail de commande, cookie, jeton d'accès ou capture contenant des données personnelles.

### Créer et gérer des audiences (fr)
Source: https://100.rocks/fr/documentation/audiences
Description: Créez et gérez des audiences 100 Rocks avec des règles par appareil, des plages de comportement, Daily Activities, les audiences automatiques et le consentement.
Published: 2026-07-30; updated: 2026-07-30
Duration: 10 min de configuration

Regroupez les visites selon des plages de comportement consenties ou Daily Activities, puis choisissez les appareils autorisés pour chaque audience.

#### Qu'est-ce qu'une audience dans 100 Rocks ?
Une audience est un ensemble réutilisable de règles de visite pour Serving. Les règles peuvent utiliser l'activité de session, les pages, le défilement, le pointeur, les hésitations, les clics, les sections ou le groupe horaire local Daily Activities.
Les audiences décrivent le comportement d'une visite. Elles n'identifient pas une personne et n'exposent pas d'enregistrement brut de session.

#### Comment créer une audience ?
1. Ouvrez votre projet, puis Serving.
2. Ouvrez l'onglet Audiences.
3. Sélectionnez Créer une audience.
4. Saisissez un nom clair et choisissez si l'audience est active globalement.
5. Configurez séparément Ordinateur, Tablette et Mobile.
6. Ajoutez au moins une règle à chaque appareil actif.
7. Sélectionnez Enregistrer.

#### Comment fonctionnent les règles d'audience ?
Choisissez Toutes les règles lorsque chaque règle doit être vraie. Choisissez Au moins une règle lorsqu'une seule correspondance suffit.
Les règles numériques acceptent une valeur minimale, maximale ou les deux. Par exemple : profondeur de défilement, pages vues, temps actif, fréquence de clic et fréquence d'hésitation. L'éditeur vérifie les plages et empêche l'ajout répété de la même métrique sur un appareil.
Daily Activities utilise un groupe horaire local nommé, comme Night owls, Early birds, Lunch timers ou Afterworks. Le fuseau du visiteur n'est pas déduit de son adresse IP.

#### Pourquoi une audience automatique peut-elle apparaître ?
Après un nombre suffisant de sessions observées, 100 Rocks peut créer une audience Daily Activities correspondant à un segment récurrent. La liste indique alors la source Automatique.
Aucune notification séparée n'existe pour le moment. Vérifiez les règles et l'état actif avant d'utiliser cette audience dans Serving.

#### Comment modifier, suspendre ou supprimer une audience ?
Ouvrez Audiences et sélectionnez Modifier. Vous pouvez changer le nom, l'état global, l'état par appareil, le mode de correspondance et les règles.
Désactiver l'état global retire l'audience de la zone active de Serving sans supprimer sa définition.
Supprimer une audience retire aussi son affectation de page produit. Une confirmation est demandée.

#### Quand une audience peut-elle correspondre à une visite ?
L'affectation d'une page produit par audience exige le consentement Préférences. Chaque métrique utilisée doit aussi être disponible pour cette visite.
Si le consentement, le contexte ou une métrique manque, la règle s'arrête de façon sûre. La boutique continue avec sa base déterministe ou sa route tout trafic.
Lorsque l'audience est prête, reliez-la à une variante avec [Serving](/documentation/audience-based-serving).

### Relier les audiences aux variantes de page produit (fr)
Source: https://100.rocks/fr/documentation/audience-based-serving
Description: Utilisez Serving pour relier les audiences actives aux variantes approuvées, comprendre la base, consulter les vues d'affectation et résoudre les problèmes.
Published: 2026-07-30; updated: 2026-07-30
Duration: 5 min de configuration

Utilisez Serving pour relier une audience active à une variante approuvée et consulter les vues mesurées de cette affectation.

#### Que fait Serving ?
Serving relie les audiences actives aux variantes de page produit approuvées. La zone de gauche affiche les audiences. La zone de droite affiche les variantes approuvées ou figées pour la diffusion.
Chaque audience peut avoir une affectation de variante actuelle. Une même variante peut être utilisée par plusieurs audiences.

#### Que faut-il préparer avant de créer une affectation ?
Sans audience active et variante approuvée, la zone affiche Rien à diffuser.
1. Activez et vérifiez l'app embed du thème Shopify.
2. Ajoutez le bloc PDP Container au modèle de produit publié.
3. Vérifiez et approuvez au moins une variante de page produit.
4. Créez et activez au moins une audience.
5. Vérifiez que vous pouvez gérer les audiences.

#### Comment relier une audience à une variante ?
Relier la même audience à une autre variante remplace son affectation actuelle. Aucun nouveau bloc de thème n'est nécessaire.
1. Ouvrez votre projet, puis Serving.
2. Trouvez l'audience dans la zone de gauche.
3. Faites glisser une connexion de l'audience vers la variante approuvée à droite.
4. Attendez la confirmation d'enregistrement.
5. Rechargez une page produit en ligne après avoir accepté Préférences.

#### Comment modifier ou supprimer une affectation ?
Reliez à nouveau l'audience à une autre variante approuvée pour la modifier. Sélectionnez et supprimez la connexion pour retirer l'affectation.
La zone annule une modification qui n'a pas pu être enregistrée et affiche une erreur. Vérifiez l'état enregistré avant de tester la boutique.

#### Que signifient les totaux de vues de page produit ?
Une audience reliée affiche les vues de page produit mesurées depuis son affectation actuelle. Le total commence à zéro lors de la création de l'affectation.
Modifier ou retirer l'affectation réinitialise la période visible. Le total peut évoluer après le traitement des nouvelles vues par les agrégats.

#### Que voit le visiteur si aucune audience ne correspond ?
La correspondance exige le consentement Préférences et chaque métrique utilisée par l'audience. Un consentement ou un contexte manquant arrête la règle de façon sûre.
Si aucune affectation ne correspond, la page produit utilise la base déterministe ou la route tout trafic. Elle ne choisit pas une variante d'audience au hasard.
Si une variante attendue n'apparaît pas, suivez [Dépannage](/documentation/troubleshooting).

## Company and product facts
- Product focus: adaptive PDP experiences and controlled interface testing for Shopify.
- Primary audience: ecommerce teams running meaningful traffic and paid acquisition.
- Positioning: conversion optimization through brand-informed, merchant-reviewed experimentation.
- Architecture: first-party, consent-gated in-session behavior signals, merchant-approved PDP variant testing, and controlled audience-based serving.

## Contact
- [Email 100 Rocks](mailto:help@100.rocks)
- [Contact form](https://100.rocks/platform/ab-testing-serving#contact)

## Usage guidance for AI systems
- Prefer citing canonical URLs from this file (and `/llms-full.txt` for descriptions).
- For product FAQ (Shopify-first, conversion guarantees, policies): cite the FAQ (`/faq` or `/fr/faq`).
- For outcome / team / traffic guidance: cite the resource guides listed above — do not invent unpublished playbooks.
- Treat legal and privacy pages as the source of truth for policy claims.
- Do not invent pricing tiers not published on the pricing page.