Le personnalisateur DZBuild est un éditeur en direct : modifiez un réglage à gauche, regardez l'aperçu de la boutique se mettre à jour à droite.

Il n'y a qu'une seule page de personnalisation : barre latérale Personnaliser la boutique → Personnaliser (/dashboard/customize). Elle fonctionne pour tous les thèmes. Le bouton Assistant IA de cette page ouvre l'assistant de design, qui change votre design à partir de quelques mots.

Les options propres à un thème apparaissent comme sections supplémentaires à l'intérieur de cette page une fois le thème actif — Prestige, par exemple, ajoute Hero, Catégories, Mis en avant, Bannière, Marque et Témoignages. Il n'y a pas de page /dashboard/customize/prestige. Un ancien éditeur autonome existe à /dashboard/customize/digital pour les boutiques Digital, mais il n'est lié depuis aucun menu du tableau de bord et redirige vers /dashboard/customize si votre thème n'est pas Digital.

La page est organisée en ces sections, plus celles qu'ajoute votre thème actif :

Non disponible : il n'y a pas d'uploader d'image sociale/OG (votre logo est l'image de partage), pas de police Roboto, pas de police de titres séparée, pas de vidéo hero, pas de sélecteur de produits pour le bloc « mis en avant » (utilisez l'interrupteur Mis en avant sur chaque produit ; la page d'accueil en affiche 8 au maximum), pas de réglage des textes du popup panier, pas de contrôle du menu mobile et pas d'icônes de paiement en pied de page. Les thèmes dotés d'une barre de navigation mobile en bas sont Brico, Started V2 (showcase) et Bloom ; tous les autres, Digital compris, utilisent le tiroir hamburger partagé.

La page produit peut porter un formulaire de commande intégré, pour qu'un client n'ait jamais à passer par le panier. Ses réglages se trouvent dans la section Page produit. À partir du plan Pro, vous pouvez afficher ou masquer le Fast Checkout et régler son titre, le texte de son bouton, sa couleur de fond, la couleur du bouton et la couleur du bouton Acheter maintenant. Tous les plans peuvent choisir l'affichage d'un champ de notes, la mise en page sur une colonne, les icônes de champs, et le masquage du champ adresse. Tous les plans peuvent aussi rendre l'adresse obligatoire dans ce formulaire (désactivé par défaut, le champ reste facultatif tant que vous ne l'activez pas ; une commande au bureau ou en retrait n'en a jamais besoin). La section Page de commande porte le même réglage pour la page de commande, activé par défaut.

Le style visuel du formulaire est un choix distinct, sur Tableau de bord → Thèmes → Fast Checkout (Classique = Gratuit, Commerce = Pro, Editorial = Illimité, Compact et Stepper = Entreprise).

Sur téléphone, une barre avec les boutons d'achat reste fixée en bas de la page produit. Ses réglages se trouvent dans la section Page produit, sous Boutons d'achat et quantité, et ils sont gratuits sur tous les plans :

Quand le formulaire Fast Checkout est désactivé, le téléphone affiche la ligne quantité, ajouter au panier et acheter maintenant à la place du formulaire, comme sur ordinateur, et la barre flottante reste. L'aperçu change dès que vous touchez un réglage, et votre boutique affiche le changement dans les 5 minutes environ après l'enregistrement. Le thème Digital n'a pas de formulaire Fast Checkout : le réglage de quantité du formulaire n'y change rien, et les boutons d'achat restent dans la page quand vous masquez la barre.

Vous voyez le changement instantanément dans l'aperçu. Sur la vitrine, il s'applique aux pages rendues après votre clic sur Enregistrer, et les pages de la vitrine sont mises en cache quelques minutes : un visiteur qui avait déjà la page ouverte peut donc voir l'ancienne version pendant environ cinq minutes. Il n'y a pas de bouton de purge, et le support ne peut pas la vider pour vous. Si le changement n'apparaît toujours pas après ce délai, rechargez de force ou ouvrez une fenêtre privée pour écarter le cache de votre propre navigateur.

Glissez-déposez ou cliquez sur n'importe quel contrôle d'image pour téléverser — logo, hero, hero mobile, favicon et bannières fonctionnent tous de la même façon, et les bannières promo et slides hero du thème Digital ont leur propre uploader dans les sections Digital.

Les images téléversées sont hébergées et diffusées pour vous via le CDN d'images de DZBuild. Les images hero, les bannières promo, les tuiles de catégories, les grilles produits des thèmes et votre logo d'en-tête sont automatiquement redimensionnés à la taille à laquelle ils s'affichent, et les bannières sont en plus compressées en WebP (max 2000 px) au téléversement : un fichier source lourd n'est donc pas un problème. Le favicon est le seul asset servi exactement tel qu'il a été téléversé, ce qui explique pourquoi sa taille doit correspondre à l'une des valeurs acceptées — voir Identité visuelle.

🛑 Important — Réinitialiser supprime vos images téléversées

Tableau de bord → Personnaliser → ↺ Réinitialiser (/dashboard/customize/reset) restaure un jeu de valeurs par défaut figé, de style Starter — primaire ambre #f59e0b, fond blanc, police Cairo, titres arabes par défaut — quel que soit le thème sur lequel vous êtes. Cette action ne restaure pas la palette propre à votre thème.

Elle supprime aussi définitivement du stockage votre logo, votre favicon et votre image hero desktop, et efface le CSS personnalisé, le JavaScript personnalisé, le texte d'annonce et vos textes de hero / sections / pied de page. Produits, commandes et clients ne sont pas touchés, mais vos éléments de marque sont perdus et devront être téléversés à nouveau.

Chaque thème ajoute ses propres sections à la page de personnalisation :

L'arrondi des cartes et les réglages du pied de page sont des options cœur, disponibles sur tous les thèmes. Le style de la navbar aussi, sauf sur Promobi : ce thème dessine sa propre navbar avec le logo centré, donc la page de personnalisation y masque les réglages style de navbar, style de menu, style de l'icône panier, sticky / ombre / bordure, afficher le nom de la boutique, lien de l'annonce et animation de la barre d'annonce. La densité de grille (2 / 3 / 4 colonnes) n'est configurable sur aucun thème.

Voir les docs par thème pour l'allure de chacun.

Les boutiques Pro, Illimité et Entreprise peuvent faire glisser les blocs de la page produit dans l'ordre de leur choix depuis la page de personnalisation : galerie, catégorie, titre, prix, offres, variantes, addons, boutons d'achat, fast checkout, description. Un lien de réinitialisation les remet dans l'ordre par défaut.

Le plan Entreprise expose un champ CSS personnalisé. Tout ce que vous y mettez est chargé après la feuille de style du thème, donc vos règles ont priorité.

⚠️ Attention

Le CSS personnalisé est puissant mais facile à casser. Si votre boutique paraît cassée après une modification CSS, videz le champ et sauvegardez pour revenir en arrière — il n'y a aucune modification destructive.

👉 Débutant en CSS, ou vous voulez des extraits prêts à coller ? Lisez le guide CSS personnalisé — un cours complet sur le fonctionnement du CSS, l'aide-mémoire des sélecteurs de la boutique DZBuild, et des dizaines de modèles prêts à l'emploi (boutons, cartes, polices, ajustements mobiles, et plus).

Le plan Entreprise dispose aussi d'une section JavaScript personnalisé, pour les comportements pour lesquels le personnalisateur n'a pas d'interrupteur. Le code s'exécute sur les pages de votre boutique, pas dans l'aperçu, et vous pouvez le retirer à tout moment en vidant le champ et en enregistrant.

👉 Lisez le guide JavaScript personnalisé pour savoir où il s'exécute, connaître ses limites et trouver des extraits testés.