Votre identité visuelle, c'est ce qui fait dire « c'est cette marque, pas un magasin générique ». DZBuild vous laisse configurer chaque élément depuis une seule page : dans la barre latérale Personnaliser la boutique → Personnaliser (/dashboard/customize).
Logo
Téléversez depuis Personnaliser → En-tête et Logo.
Spécification | Ce que la plateforme accepte |
Format | PNG (fond transparent recommandé), JPG, WebP, GIF, BMP, AVIF ou TIFF |
Non pris en charge | SVG — le téléversement échoue avec « invalid image file », même si le sélecteur de fichiers et l'indication à l'écran semblent le proposer |
Dimensions | N'importe quel ratio ; minimum 50 × 50 px, maximum 4000 × 4000 px (un logo large en ~3:1 reste le plus élégant dans l'en-tête) |
Taille de fichier max | 20 Mo |
Le logo apparaît dans :
L'en-tête de la boutique sur toutes les pages — accueil, produit, panier, catégorie, tous les produits, commande et suivi de commande
Le pied de page de la boutique et le tiroir mobile
Les landing pages
La barre latérale de votre tableau de bord et votre avatar
L'icône de l'onglet du navigateur, quand aucun favicon n'est téléversé (voir ci-dessous)
L'image de partage Open Graph / WhatsApp
Il n'existe aucun reçu de commande PDF sur DZBuild, les étiquettes de livraison sont des PDF générés par l'API du coursier lui-même, l'étiquette que vous imprimez depuis la page des commandes ne porte que le nom de votre boutique, et les emails transactionnels portent le logo DZBuild — le vôtre n'apparaît donc sur aucun de ces supports.
Si vous téléversez un PNG transparent, le logo s'intègre aussi bien sur les en-têtes clairs que sombres. Évitez d'incruster une couleur de fond dans le fichier du logo.
Favicon
La petite icône dans l'onglet du navigateur. Personnaliser → En-tête et Logo → Favicon.
Téléversez un PNG ou ICO carré dont la taille est exactement l'une de celles-ci : 16, 32, 48, 64, 96, 128, 192 ou 512 px. Toute autre taille (100 × 100, 256 × 256, 180 × 180 …) est rejetée avec une erreur — rien n'est redimensionné pour vous. Taille de fichier max 1 Mo. Seuls PNG et ICO sont acceptés (ni JPG, ni WebP, ni SVG).
ℹ️ Info — Fonctionnalité Pro
Le favicon personnalisé est disponible sur les plans Pro, Illimité et Entreprise. Seules les boutiques Gratuit retombent sur l'icône par défaut. Mettez à niveau depuis /dashboard/subscribe — le bouton ▶ Comment renouveler lance une visite guidée dans l'application, et des vidéos sont disponibles sur la chaîne YouTube DZBuild.
L'icône d'onglet suit trois niveaux de repli : votre favicon téléversé → le logo de votre boutique → l'icône DZBuild par défaut. Même sur le plan Gratuit, téléverser un logo vous donne donc déjà une icône d'onglet à votre marque.
Image sociale (Open Graph)
DZBuild n'a aucun uploader d'image sociale distinct. Sur la page d'accueil et la plupart des pages de la boutique, l'image de partage Open Graph / WhatsApp est le logo de votre boutique (l'image hero sert de repli sur les pages d'accueil des thèmes lorsqu'aucun logo n'est défini). Sur une page produit, l'image de partage est la photo du produit lui-même.
Les aperçus de partage sont toujours affichés en 1200 × 630 : choisissez donc un logo qui reste lisible lorsqu'un aperçu le recadre dans ce format.
Barre d'annonce
Un bandeau promotionnel fin au-dessus de l'en-tête — utile pour un message de livraison gratuite ou une date de fin de campagne. Personnaliser → Barre d'annonce, où vous définissez le texte, un lien facultatif, et les couleurs de fond et de texte.
ℹ️ Info — Fonctionnalité Pro
La barre d'annonce et tous ses champs de couleur nécessitent Pro ou supérieur.
Bannières de boutique
Le bloc de bannière promotionnelle de la page d'accueil. Le nombre d'emplacements dépend du thème :
Starter, Brico et Promobi — aucun.
Showcase (Started V2), Prestige et Bloom — un.
Digital — deux bannières promo plus un slider hero de 3 slides.
La taille minimale d'une bannière est 300 × 150 px (un JPG large en 1920 × 600 reste l'idéal). Les téléversements plus grands sont automatiquement réduits à 2000 px et convertis en WebP : le poids du fichier n'est donc pas une contrainte forte.
Le bouton d'une bannière pointe, via une liste déroulante, vers la section produits, la page tous les produits, le panier, une catégorie ou un produit ; un champ URL personnalisée vous permet de viser autre chose, y compris une landing page. Une exception : les sélecteurs de lien des bannières et des slides hero du thème Digital ne proposent que la section produits, une catégorie ou un produit — pas d'URL personnalisée — une bannière Digital ne peut donc pas pointer vers une landing page.
Couleurs
Sous Couleurs et police, vous disposez de quatre sélecteurs :
Primaire — accent dominant (boutons, liens, états hover).
Secondaire — accent de support (badges, surlignages).
Fond (Pro+) — couleur d'arrière-plan principale.
Titres de sections (Pro+) — la couleur du titre au-dessus de chaque bloc de la page d'accueil.
Il n'y a aucun sélecteur de couleur pour le texte courant. D'autres réglages de couleur vivent dans d'autres sections : fond et texte de la barre de navigation (En-tête et Logo, Pro+), fond du pied de page (Pied de page, Pro+), fond et texte de la barre d'annonce (Barre d'annonce, Pro+), et les couleurs des boutons Acheter maintenant / Fast Checkout (Page produit, Pro+). Sur le plan Gratuit, seuls Primaire et Secondaire sont modifiables — tout le reste est verrouillé.
L'aperçu en direct montre uniquement votre boutique — l'apparence du tableau de bord lui-même ne change jamais, et l'aperçu affiche toujours le sous-domaine *.dzbuild.app même si vous avez un domaine personnalisé. Ni Prestige ni Showcase n'exposent de couleurs d'accent supplémentaires ou de curseur d'opacité d'overlay hero ; leurs sections spécifiques sont les textes du hero, les catégories, les produits mis en avant, une bannière promo, les liens de marque/réseaux sociaux, les témoignages (Prestige) et trois badges de confiance (Showcase).
Typographie
Trois polices sont disponibles :
Police | Notes |
Cairo | Par défaut. Arabe + latin |
Tajawal | Arabe + latin |
Almarai | Arabe + latin |
Inter et Roboto ne sont pas proposées. Il n'y a qu'un seul réglage de police, appliqué au texte courant comme aux titres — aucun thème n'expose de police de titres séparée. Les boutiques Entreprise peuvent charger n'importe quelle Google Font via un @import en CSS personnalisé ; voir le guide CSS personnalisé.
Nom de la boutique et description meta
Le nom de la boutique apparaît dans l'onglet du navigateur, l'aperçu de partage, les résultats de recherche et l'en-tête de la boutique. Restez court — 2 à 4 mots, c'est l'idéal.
L'en-tête affiche le nom de la boutique par défaut, même quand un logo est défini. Désactivez-le avec l'interrupteur Afficher le nom de la boutique, qui n'apparaît dans En-tête et Logo qu'une fois un logo téléversé. Une exception : sur téléphone (écrans jusqu'à 768 px), quand un logo est présent et que le nom de la boutique dépasse 12 caractères, le thème masque volontairement le texte et n'affiche que le logo.
La description meta (Personnaliser → SEO) est ce qui apparaît dans les snippets Google. Aucune limite de caractères n'est imposée — les 150 à 160 caractères sont une recommandation d'affichage Google, pas une règle de validation. Incluez votre catégorie et votre proposition de valeur.
Retirer la mention « Powered by DZBuild »
Les boutiques Illimité et Entreprise peuvent masquer la mention DZBuild dans le pied de page : Personnaliser → Pied de page → Masquer la marque. Sur les plans inférieurs, l'interrupteur est verrouillé.
Votre thème doit correspondre à votre plan
Chaque thème porte une exigence de plan — Starter, Digital et Brico sont Gratuit ; Showcase (Started V2) est Pro ; Prestige et Bloom sont Illimité ; Promobi est Entreprise.
⚠️ Attention — Un plan expiré change les couleurs par défaut de votre thème
Votre thème continue de s'afficher même si le plan expire — la mise en page n'est pas réinitialisée. Ce qui change, c'est le jeu de couleurs par défaut du thème : la couche de couleurs retombe sur les valeurs par défaut de Starter pour toute couleur que vous n'avez jamais définie vous-même, et la carte du thème reste verrouillée dans le sélecteur jusqu'à ce que vous remontiez de plan.
Réinitialiser la personnalisation
Personnaliser → ↺ Réinitialiser (/dashboard/customize/reset) n'est pas un bouton d'annulation.
🛑 Important — Réinitialiser supprime définitivement vos éléments de marque
Cette action supprime du stockage votre logo, votre favicon et votre image hero desktop — ils sont irrécupérables et devront être téléversés à nouveau. Elle efface aussi le CSS personnalisé Entreprise, le texte d'annonce, le titre / sous-titre / bouton du hero, les titres des sections catégories / mis en avant / produits, ainsi que les textes « À propos » et copyright du pied de page, remplacés par des valeurs arabes par défaut figées.
Elle restaure ensuite une palette unique figée, de style Starter (primaire #f59e0b, secondaire #fbbf24, fond blanc, pied de page #1f2937, police Cairo), quel que soit le thème actif — elle ne restaure pas les couleurs propres à votre thème.
Vos produits, commandes et clients ne sont pas touchés. Vos liens sociaux (WhatsApp, Facebook, Instagram, TikTok, Telegram, GitHub) survivent également.
Conseils pour la cohérence de marque
Utilisez le même fichier logo sur la boutique, l'emballage et les profils sociaux. La cohérence construit la confiance.
Limitez-vous à deux couleurs d'accent maximum — trop, ça fait amateur.
Utilisez vos vraies photos produit, pas du stock — les acheteurs algériens repèrent les images stock instantanément et ça tue la conversion.
Puisque votre logo sert aussi d'image de partage, testez-le en partageant l'URL de votre boutique dans une discussion WhatsApp privée et vérifiez le recadrage de l'aperçu.