Hyperflow v2 : architecture entièrement modulaire et performances repensées.

Pourquoi une v2

Hyperflow v1 a aidé plus de 300 marchands à lancer leur boutique. Mais sa structure était trop rigide : les sections étaient figées et les blocs ne pouvaient pas être réutilisés ailleurs.

Avec la dernière évolution du système de blocs Shopify (les blocs qui peuvent en contenir d'autres), une nouvelle architecture devient enfin possible.

La v2 repart d'une nouvelle base : un thème vraiment modulaire, où chaque section est composée de blocs interchangeables, et où chaque bloc peut à son tour contenir d'autres blocs. Tu construis ta boutique brique par brique. Tu changes l'ordre, tu réutilises les blocs où tu veux. Sans toucher au code.

Ce qui change vraiment

• Plus de 100 blocs modulaires (vs 34 en v1). En v1, chaque bloc était enfermé dans sa section parente et impossible à réutiliser ailleurs. En v2, les blocs sont universels : tu les poses dans n'importe quelle section, tu les imbriques dans des groupes, tu les combines librement.
• Score PageSpeed Insights 95+ sur mobile. Une boutique qui charge vite convertit mieux.

Nouveautés inédites en v2

Colonne fixe + défilante

Une mise en page où une image ou vidéo reste figée à l'écran pendant que tes textes et tes bénéfices défilent à côté. Idéal pour raconter ton produit en immersion. Cette mécanique existait partiellement dans la section "chronologie / étapes" v1 ; elle est désormais une mise en page autonome qui accepte tous les blocs modulaires.

Section personnalisée universelle

Une section unique, entièrement modulaire, dans laquelle tu poses les blocs que tu veux dans l'ordre que tu veux. Plus besoin de jongler entre 10 sections spécialisées : tu construis ta page exactement comme tu l'imagines. C'est cette section qui a été utilisée pour créer 90% des sections actuelles de la v2.

Fil d'Ariane intégré

Une section dédiée au fil d'Ariane, avec données structurées générées automatiquement. Bonus : le fil d'Ariane apparaît aussi dans les résultats Google.

Galerie image avec ouverture plein écran

Un bloc galerie qui ouvre une vue plein écran, navigable au doigt comme sur Instagram. Idéal pour mettre en valeur des photos lifestyle ou des séries produits. Ce bloc te permet par exemple d'ajouter des images et vidéos dans les carrousels de témoignages.

Statistiques

Un bloc dédié pour afficher des chiffres clés (clients, années d'existence, note moyenne, pays livrés, etc.) avec une animation à l'apparition.

Cross-sell

Un bloc dédié pour proposer l'ajout d'un produit complémentaire sur n'importe quelle page.

Refonte du panier coulissant

Le panier coulissant a été entièrement repensé en blocs modulaires. Tu ajoutes, tu réordonnes et tu personnalises chaque élément directement dans l'éditeur Shopify :

• Compteur d'urgence dans le panier
• Barre de récompenses (livraison gratuite ou cadeau offert à partir d'un certain montant)
• Carrousel de produits recommandés
• Code promo cliquable
• Icônes de paiement et badges de réassurance
• En-tête, contenu et bas de panier entièrement personnalisables

Et au-delà de ces blocs dédiés, le panier coulissant accepte aussi tous les blocs modulaires du thème : tu peux y poser un texte, une image, un compte à rebours, une bannière promo, un témoignage. Le panier devient une vraie zone éditoriale.

En v1, ces fonctionnalités étaient figées dans le code. En v2, chaque élément devient un bloc que tu peux activer, désactiver, repositionner sans toucher au code.

Fonctionnalités refondues en blocs modulaires

Toutes les fonctionnalités qui existaient déjà en v1 mais qui étaient cantonnées à leur propre section ont été migrées en blocs réutilisables. Tu peux désormais les poser dans n'importe quelle section, les imbriquer dans un groupe, les combiner librement.

• Stories vidéo
• Hotspots image (la fenêtre qui s'ouvre au clic peut désormais contenir n'importe quel bloc : image, vidéo, carte produit, texte)
• Avant / Après slider
• Cartes superposées
• Compte à rebours d'urgence
• Date de livraison estimée
• Tableau comparatif
• Carrousel modulaire (acceptant n'importe quel bloc en slide, vs vidéos uniquement en v1)
• Témoignages avec galerie d'images et de vidéos
• Sélecteurs de variantes (boutons pillules, pastilles de couleur, images cliquables)
• Guide des tailles (popup + tableau)
• FAQ accordéon
• Onglets accordéon
• Chronologie
• Animations texte (machine à écrire, vague)
• Barre défilante
• Megamenu (images, vidéos, sous-menus, boutons CTA, carrousel)
• Code promo cliquable

Bannière hero unifiée

Les bannières image, bannière image avec contenu, bannière vidéo et carrousel hero de v1 ont été remplacées par une unique section "Bannière" modulaire qui accepte tous les blocs modulaires du thème : titre, texte, bouton, image, vidéo, compte à rebours, badges, témoignages, hotspots... Tu composes ta hero exactement comme tu l'imagines.

Architecture composable

La v2 introduit quatre concepts simples :

1. Blocs basiques : titre, texte, bouton, image, séparateur. Les briques élémentaires que tu poses partout.
2. Blocs fonctionnels : stories, pack, hotspots, cartes superposées, etc. Les fonctionnalités CRO autonomes.
3. Blocs groupes : ils te permettent de positionner tes blocs comme tu veux. En colonne, en ligne, empilés, en grille. Avec un comportement différent sur ordinateur et sur mobile (par exemple : 3 colonnes sur ordi, 1 colonne sur mobile). C'est ce qui te permet de composer des mises en page complexes sans coder.
4. Sections prêtes à l'emploi : à partir de la section personnalisée, on a créé une bibliothèque de sections déjà composées (pour la page d'accueil, la fiche produit, la page collection, etc.). Tu les utilises telles quelles, tu les modifies, ou tu crées les tiennes selon ton imagination.

Tu peux imbriquer un groupe dans un groupe, glisser un bloc d'un endroit à un autre, dupliquer une page entière.

Personnalisation harmonisée

Les réglages globaux du thème (couleurs, typographies, boutons, cartes, espacements) sont désormais partagés par tous les blocs. Modifie une couleur ou un style de bouton dans les réglages, tous les blocs concernés se mettent à jour automatiquement.

Nouveauté visuelle : les couleurs supportent maintenant la transparence (semi-transparent possible), et chaque style de typographie est réglable séparément sur ordinateur et mobile.

Ouverture du menu repensée

Les menus s'ouvrent avec une animation de déroulement fluide, pour une navigation plus premium. Sur mobile, l'arrière-plan se trouble légèrement pour bien isoler le menu pendant qu'il est ouvert.

Où sont passées les anciennes sections de v1

Beaucoup de sections de v1 ont été décomposées en blocs réutilisables. Voici la correspondance pour t'y retrouver :

• Avant / Après slider : devenu un bloc
• Carrousel vidéo : devenu le bloc "Carrousel" qui accepte n'importe quel bloc en slide
• Collage : à composer via les groupes
• Contenu déroulant / Accordéon : devenu le bloc "Onglet déroulant"
• Tableau comparatif : devenu le bloc "Tableau"
• Formulaire de contact : devenu un bloc
• Date de livraison : devenue un bloc
• FAQ : devenue le bloc "Onglet déroulant" (générique pour FAQ ou onglets)
• Blocs d'icônes : devenu le bloc "Icône avec texte"
• Bannière image, bannière image 2, bannière vidéo, slideshow : unifiés dans la section "Bannière"
• Image avec texte : à composer via les groupes
• Feed Instagram, Menu story, Stories vidéo : unifiés dans le bloc "Stories"
• Multicolonne, multiligne : remplacés par les groupes
• Newsletter : devenue un bloc
• Disponibilité en magasin : devenue un bloc
• Caractéristiques produit (hotspots) : devenu le bloc "Hotspots" avec fenêtre acceptant n'importe quel bloc
• Témoignages / Reviews : devenu le bloc "Avis" composable dans des groupes
• Barre de texte défilante : devenue le bloc "Bandeau défilant"
• Cartes superposées : devenu un bloc parent avec ses items
• Onglets : devenu un bloc parent avec ses items
• Timeline : devenue un bloc parent avec ses items
• Texte machine à écrire : devenu un bloc parent avec ses items
• Texte ondulé : devenu un bloc

Chaque bloc est désormais utilisable seul, dans un groupe, ou imbriqué dans la section personnalisée.

Migration depuis v1

⚠️ La mise à jour automatique de la v1 vers la v2 n'est pas disponible : l'architecture étant entièrement nouvelle, aucun outil ne peut préserver fidèlement les personnalisations de ta v1.

Si tu utilises Hyperflow v1 et que tu souhaites passer en v2 :

1. Télécharge la nouvelle version dans l'onglet « Télécharger le thème » de ton dashboard
2. Installe-la manuellement sur ta boutique Shopify (en parallèle de ton thème actif, sans toucher au thème publié)
3. Reconstruis ta boutique avec la nouvelle architecture modulaire
4. Publie quand tu es prêt

L'opération prend en moyenne quelques heures pour une boutique standard.

Et après

La v2 est un nouveau départ. Les prochaines versions (v2.1, v2.2...) ajouteront régulièrement de nouvelles fonctionnalités, de nouveaux blocs et des améliorations. Toutes seront installables en 1 clic depuis ton dashboard, sans casser tes personnalisations.

Bonne création avec Hyperflow v2.