DZBuild's customizer is a live editor: change a setting on the left, watch the storefront preview update on the right.
🎬 Video — full customization walkthrough
Where to find it
There is a single customize page: sidebar Personnaliser la boutique / تخصيص المتجر → Personnaliser / تخصيص (/dashboard/customize). It works for every theme. The Assistant IA / المساعد الذكي button of this page opens the design assistant, which changes your design from a few words.
Theme-specific options appear as extra sections inside that page once the theme is active — Prestige, for example, adds Hero, Categories, Featured, Banner, Branding and Testimonials. There is no /dashboard/customize/prestige page. A legacy standalone editor exists at /dashboard/customize/digital for Digital stores, but it isn't linked from the dashboard and redirects to /dashboard/customize if your theme isn't Digital.
What you can customize
The page is organised into these sections, plus whatever your active theme adds:
Section | Controls |
Store language | Arabic or French. This flips the entire storefront, including text direction |
Header & Logo | Logo, favicon (Pro+), store name + show/hide, navbar colour and text colour (Pro+), navbar style (default / centered / minimal / transparent), menu style (default / pills / underline / buttons), logo size (small / medium / large), cart icon style (default / filled / outline / minimal), sticky / shadow / border switches, show cart icon, hide the header on the product page |
Colours & font | Primary, secondary, background (Pro+), section titles (Pro+), font (Cairo / Tajawal / Almarai / Inter), button style (rounded / square / pill) |
Search bar | Show or hide the storefront search |
Announcement bar (Pro) | Text, link, background colour, text colour, animation (static or continuous scrolling) |
Home page sections | Add blocks to your home page (category products, a banner, questions and answers and more), then order, hide or delete them. See Home page sections |
Product card | Hide add-to-cart, hide hover action, hide category, hide price, hide compare price, hide badge, corner radius (0 / 8 / 16 / 24 px), button action (add to cart or buy now), button style, button text |
Product sorting | Push out-of-stock products to the end of listings |
Product page | Image layout, image frame, related products, hide add-to-cart / buy-now / cart (Pro), the buy bar and the size of the buy buttons, plus the Fast Checkout fields below |
Checkout page (Pro) | Hide the email / address / notes fields, page layout, and rewrite the page title, the personal / address / delivery / summary headings, the button label, the payment text, the success message and the banner text — plus the banner and header background colours |
Footer | Colour (Pro), About text, copyright, WhatsApp / Facebook / Instagram / TikTok / Telegram / GitHub links, one custom link, hide DZBuild branding (Unlimited+) |
Help widget | A contact button on your storefront. On Free it shows your WhatsApp button only. Pro opens a full panel: title, subtitle, button side, contact channels, the product name added to the WhatsApp message from a product page, questions and answers, extra texts and the button's look. Unlimited adds a welcome message and extra pages to show it on (landing pages, checkout, order confirmation). Enterprise adds a welcome message per page and opening hours |
SEO | Page title, meta description, keywords |
Custom CSS (Enterprise) | Inject any CSS to override theme defaults |
Custom JavaScript (Enterprise) | Add your own JavaScript to the storefront |
Not available: there is no social-card/OG uploader (your logo is the share image), no Roboto font, no separate heading font, no hero video, no product picker for the featured block (use the Featured switch on each product; the homepage shows at most 8), no cart-popup text settings, no mobile-menu control and no footer payment icons. The themes with a mobile bottom navigation bar are Brico, Started V2 (showcase) and Bloom; every other theme, Digital included, uses the shared hamburger drawer.
Fast Checkout — the inline order form
The product page can carry an inline order form so a customer never has to reach the cart. Its controls sit in the Product page section. On Pro and above you can show or hide Fast Checkout and set its title, its button text, its background colour, the button colour and the Buy-Now button colour. Every plan can choose whether to show a notes field, single-column layout, field icons, and whether to hide the address field. Every plan can also make the address required on this form (off by default, so the field stays optional unless you turn it on; a desk or pickup order never needs one). The Checkout page section has the same switch for the cart checkout, on by default.
The form's visual style is a separate choice on Dashboard → Themes → Fast Checkout (Classique = Free, Commerce = Pro, Editorial = Unlimited, Compact and Stepper = Enterprise).
Buy bar
On phones, a bar with the buy buttons stays fixed at the bottom of the product page. Its controls sit in the Product page section, under Boutons d'achat et quantité / أزرار الشراء والكمية, and they are free on every plan:
Afficher la barre d'achat sur téléphone / إظهار شريط الشراء على الهاتف. Off hides the bar. When the Fast Checkout form is off, the bar stays anyway, so a buyer on a phone always has a buy button.
Afficher la quantité dans la barre d'achat / إظهار الكمية في شريط الشراء. Off removes the quantity buttons from the bar, on phones and computers.
Afficher la quantité dans le formulaire de commande / إظهار الكمية في نموذج الطلب. Off removes the quantity from the Fast Checkout form. The buyer then orders one item, unless they picked an offer or a quantity in the buy bar, or the product has a minimum quantity.
Taille des boutons d'achat / حجم أزرار الشراء. Normale / عادي or Grande / كبير. Large makes the bar's buttons and the form's order button taller, with bigger text.
When the Fast Checkout form is off, phones show the quantity, add-to-cart and buy-now row in the form's place, as desktop does, and the floating bar stays. The preview changes as soon as you switch a control, and your store shows the change within about 5 minutes after you save. The Digital theme has no Fast Checkout form, so the quantity switch of the order form changes nothing there, and the buy buttons stay on the page when you hide the bar.
Workflow
Open Dashboard → Customize.
The left panel has all controls; the right panel shows a live preview of your storefront.
Toggle between desktop, tablet and mobile previews at the top of the preview panel.
Click Save when happy.
There is no Discard button. To abandon unsaved edits, reload the page — nothing is stored until you press Save. The only other control is the ↺ Reset button beside Save, which restores factory defaults for the whole store and permanently deletes your uploaded images — it is not an undo.
When visitors see the change
You see the change instantly in the preview. On the storefront it applies to pages rendered after you press Save, and storefront pages are cached for a few minutes, so a visitor who already had the page open can keep seeing the old version for up to about five minutes. There is no purge button, and support cannot flush it for you either. If a change still hasn't appeared after that, hard-refresh or open a private window to rule out your own browser.
Uploading images from the customizer
Drag-and-drop or click any image control to upload — logo, hero, mobile hero, favicon and banners all work the same way, and the Digital theme's promo banners and hero slides have their own uploader inside the Digital sections.
Uploaded images are hosted and delivered for you on DZBuild's image CDN. Hero images, promo banners, category tiles, theme product grids and your header logo are resized automatically to the size they're displayed at, and banners are additionally compressed to WebP (max 2000 px) on upload, so a heavy source file is not a problem. The favicon is the one asset served exactly as uploaded, which is why its size must match one of the accepted values — see Branding.
Reset to defaults
🛑 Important — Reset deletes your uploaded images
Dashboard → Customize → ↺ Reset (/dashboard/customize/reset) restores a fixed Starter-style default — amber #f59e0b primary, white background, Cairo font, Arabic default headings — regardless of which theme you are on. It does not restore your theme's own palette.
It also permanently deletes your uploaded logo, favicon and desktop hero image from storage, and clears Custom CSS, Custom JavaScript, the announcement text and your hero / section / footer copy. Products, orders and customers are untouched, but your brand assets are gone and must be re-uploaded.
Theme-specific options
Each theme adds its own sections to the customize page:
Digital — hero slider (3 image slides, each with a headline, button label and link) plus a sidebar widget, category strip, top sellers, popular-by-category, 2 promo banners, multi-column block.
Prestige — hero, categories, featured, promo banner, branding/social, testimonials.
Started V2 (showcase) — hero, categories, promo banner, featured, branding/social, 3 trust badges.
Bloom — hero, categories, featured, promo banner, 3 trust badges.
Promobi — hero, marquee (with a speed setting), catalogue, 3 trust badges.
Brico — sub-nav, categories, bestsellers, store info.
Starter — hero, categories, featured.
Card corner radius and the footer settings are core options available on every theme. Navbar style is too, except on Promobi: that theme draws its own centred-logo navbar, so the customize page hides the navbar style, menu style, cart icon style, sticky / shadow / border, show store name, announcement link and announcement animation controls. Grid density (2 / 3 / 4 columns) is not configurable on any theme.
See the per-theme docs for what each one looks like.
Reordering the product page (Pro+)
Pro, Unlimited and Enterprise stores can drag the product-page blocks into any order from the customize page: gallery, category, title, price, offers, variants, addons, buy buttons, fast checkout, description. A reset link puts them back in the default order.
Custom CSS (Enterprise)
The Enterprise plan exposes a Custom CSS field. Anything you put there is loaded after the theme stylesheet, so your rules win.
/* Round the "add to cart" buttons in product grids */
.add-to-cart { border-radius: 999px; }/* Softer product-card corners */
.product-card { border-radius: 16px; }
⚠️ Warning
Custom CSS is powerful but easy to break. If your storefront looks broken after a CSS edit, clear the field and save to revert — there's no destructive change.
👉 New to CSS, or want ready-to-paste snippets? Read the Custom CSS guide — a full primer on how CSS works, the DZBuild storefront selector cheat-sheet, and dozens of copy-paste templates (buttons, cards, fonts, mobile tweaks, and more).
Custom JavaScript (Enterprise)
The Enterprise plan also has a Custom JavaScript section, for behaviour the customizer has no switch for. The code runs on your storefront pages, not in the preview, and you can remove it at any time by clearing the box and saving.
👉 Read the Custom JavaScript guide for where it runs, its limits and tested snippets.
Tips
Preview on a real phone, not just the mobile preview tab. Algerian buyers shop overwhelmingly on mobile, often on slow networks.
Your store runs in a single language: Arabic or French, chosen under Customize → Store language. Cart wording is fixed platform copy and cannot be edited. If you need a customer-facing language switcher, add the Multi-Language Store addon (Unlimited plan or above); it covers French and Arabic, and there is no English storefront locale.
Don't over-customize colors. Stick to two accent colors and let your photography do the rest.
After a big customization push, share your URL in WhatsApp privately — the share preview (your logo) is a quick sanity check.