QCD Page Builder – Module Page Builder Prestashop

Zone de construction : assemblage visuel Section > Row > Column > Bloc

L’interface de construction repose sur une hiérarchie claire et modulaire : Section → Row → Column → Bloc. Ce système permet de créer des layouts complexes tout en gardant une structure propre.

• Zone : identifiant de la zone d’affichage (ex : bo_wysiwyg, displayHome…)
• Langue : sélection de la langue pour un contenu multilingue
• Section : conteneur principal de la page, peut contenir plusieurs Rows
• Row : ligne horizontale qui structure le contenu, contient des Columns
• Column : colonne verticale dans laquelle vous ajoutez vos blocs de contenu
• Ajouter un bloc : bouton pour insérer un nouveau bloc (Button, Image, Heading, Best sellers…)

Chaque élément dispose de ses propres contrôles (déplacer, dupliquer, configurer, supprimer) pour une flexibilité maximale.

Bibliothèque de blocs : Structure, Starter et Catalog

Le module propose une bibliothèque de blocs organisée par catégories, accessible via le bouton “Ajouter un bloc”.

• Structure : Ligne (+Ligne), Colonne (+Colonne) — pour créer des layouts personnalisés
• Starter : Button, Cards, Divider, Heading, Image, Text — blocs de base pour tout type de contenu éditorial
• Catalog : Best sellers, Category products, Category tabs products — blocs dynamiques connectés au catalogue Prestashop

La barre de recherche permet de filtrer rapidement les blocs disponibles. Chaque bloc s’insère en un clic et peut ensuite être configuré individuellement.

Accélération du time-to-market

Avec un système de blocs réutilisables (hero, FAQ, témoignages, CTA, comparatifs, grilles produits, etc.), la création de pages est fortement industrialisée.

• Vous passez de l’idée à la publication en un minimum de temps.
• Vous alignez vos pages avec vos temps forts commerciaux.
• Vous diminuez le coût opérationnel de production de contenu.

Plus de conversion grâce à des pages orientées parcours client

Le module facilite la construction de pages qui suivent une logique de conversion :

1. accroche claire,
2. bénéfices produit,
3. preuves (avis, labels, cas clients),
4. objections traitées (FAQ),
5. appel à l’action visible.

Ce cadre améliore la lisibilité, la compréhension de l’offre et le passage à l’action.

Configuration d’un bloc : exemple “New products”

Chaque bloc dispose d’une interface de configuration dédiée avec des champs adaptés à sa fonction.

• Titre : personnalisez l’intitulé du bloc (ex : “Nos nouveautés”)
• Nombre de produits : définissez combien de produits afficher (ex : 12)
• Activer JSON-LD PRODUCT/ITEMLIST : active les données structurées pour le SEO
• Réglages du slider : paramétrez le comportement du carrousel si activé
• Réglages avancés : options CSS, classes personnalisées, conditions d’affichage…

Chaque bloc peut être documenté — un lien “Documentation” en haut à droite de la modale renvoie vers la doc technique du bloc si disponible.

Bloc Reassurance : texte riche + images responsive

Le bloc Reassurance est conçu pour afficher des éléments de réassurance (paiement sécurisé, livraison gratuite, garantie…) avec un texte court et une image.

• Titre : intitulé du bloc de réassurance
• Texte court : éditeur WYSIWYG pour rédiger le message de réassurance
• Image Desktop / Tablet : uploadez des images adaptées à chaque format d’écran pour un rendu optimal
• Boutons Uploader / Supprimer : gérez facilement vos assets visuels

Idéal pour booster la confiance client sur les pages d’atterrissage ou au-dessus du panier.

Intégration aux fiches produits : bouton “Éditer avec Page Builder”

Le module s’intègre directement dans l’édition des fiches produits Prestashop. Un bouton “Éditer avec Page Builder” apparaît dans les champs Summary et Description.

• Enrichissement des descriptions : au lieu d’un simple éditeur WYSIWYG, utilisez des blocs structurés (images, tableaux comparatifs, FAQ, vidéos…)
• Cohérence visuelle : gardez le même rendu entre vos pages CMS et vos fiches produits
• SEO amélioré : structurez mieux vos contenus produits pour Google (titres hiérarchisés, listes, données structurées…)

Résultat : des fiches produits plus riches, mieux organisées et plus performantes en conversion comme en référencement.

Cohérence de marque à grande échelle

En standardisant vos composants visuels et éditoriaux, vous garantissez une expérience homogène sur toutes les pages stratégiques.

• Image de marque plus professionnelle,
• message plus clair,
• confiance renforcée à chaque point de contact.

Blocs gaming : gamification et acquisition de leads

QCD Page Builder intègre des blocs de gamification conçus pour stimuler l’engagement client et collecter des leads qualifiés. Ces blocs transforment l’expérience d’achat en jeu interactif, tout en incitant les visiteurs à créer un compte.

• Roue de la fortune : animation interactive où les clients tournent une roue pour tenter de gagner un code promo personnalisé (ex : 10% de réduction, livraison gratuite…)
• Carte à gratter : effet visuel de grattage pour révéler un code promotionnel caché
• Calendrier de l’avent : bloc saisonnier permettant de révéler une offre quotidienne en décembre

Ces blocs sont particulièrement efficaces pour inciter à la création de compte : seuls les clients connectés peuvent jouer et accéder aux récompenses, ce qui vous permet de récupérer des adresses email qualifiées tout en créant de l’engagement.

Carte à gratter : expérience ludique de découverte

Le bloc Carte à gratter offre une expérience interactive immersive : le client doit gratter virtuellement la carte pour révéler son code promotionnel.

• Animation de grattage : effet visuel réaliste qui imite le grattage physique d’une carte à gratter
• Découverte progressive : le code apparaît au fur et à mesure que le client gratte la surface
• Configuration identique : mêmes paramètres de récompense que la roue de la fortune (pourcentage de gain, montant, conditions…)

Ce format ludique crée une expérience mémorable qui se distingue des pop-ups promotionnelles classiques, tout en maintenant l’objectif d’acquisition de leads via la connexion obligatoire.