Guide des landing pages

C'est la structure vers laquelle les marchands algériens reviennent pour le trafic payant froid. Un point de départ, à faire évoluer ensuite sur vos propres chiffres.

Landing pages vs. pages produit

DZBuild a les deux. Ils servent à des buts différents :

Utilisez une page produit quand…	Utilisez une landing page quand…
Vous vendez un catalogue	Vous lancez du payant sur un produit
Les clients parcourent plusieurs produits	Chaque campagne = un produit, une offre
Vous comptez sur les pages catégorie	Vous voulez un contrôle créatif total
Le trafic SEO compte	Les pubs sont la seule source

Les deux peuvent tourner en parallèle — landing pages pour le payant, pages produit/catégorie pour le SEO et le direct.

Limites par plan

Les landing pages dépendent de votre plan :

Plan	Landing pages incluses	Notes
Gratuit	0	Aucune landing page sur le plan Gratuit.
Pro	3	3 landing pages au total, pas 3 pages publiées.
Illimité	illimité	Lancez-en autant que nécessaire.
Entreprise	illimité	Identique à Illimité.

La limite Pro compte chaque ligne de /dashboard/landing-pages, brouillons et pages générées par IA compris. C'est en supprimant un brouillon inutilisé que vous libérez un emplacement.

Les landing pages ne se vendent pas à l'unité. Elles viennent avec le plan, et le générateur IA dépense des crédits IA plutôt qu'un forfait par page.

Ce qui se passe quand un plan payant expire

Tout s'arrête d'un coup :

• Votre vitrine passe hors ligne, et les landing pages avec elle. Les visiteurs voient une page « Boutique indisponible », qu'ils arrivent par votre sous-domaine dzbuild.app ou par votre domaine personnalisé : une pub qui pointe encore vers /landing/{slug} paie pour une page morte.
• Le tableau de bord se limite aux pages d'abonnement et de compte. /dashboard/landing-pages vous renvoie vers /dashboard/subscribe tant que vous n'avez pas renouvelé : impossible d'éditer, de créer ou de supprimer quoi que ce soit entre-temps.
• Rien n'est supprimé. Renouvelez et chaque page revient telle quelle.

Renouvellement : /dashboard/subscribe, puis ▶ How to renew (guide intégré), ou YouTube DZBuild.

Deux façons de construire une page

	La construire vous-même	La générer par IA
Où	/dashboard/landing-pages → Créer une landing page	/dashboard/landing-pages/ai-generate
Ce que vous obtenez	Une page vide que vous remplissez section par section	Des panneaux d'images prêts à l'emploi, en darija algérienne, plus un formulaire de commande stylé
Coût	Gratuit (consomme un emplacement du plan)	20 crédits IA (Medium, 1 panneau) ou 45 (Tall, 3 panneaux), plus un emplacement du plan
Langue	Arabe / RTL	Vous la choisissez dans l'assistant

Le générateur IA a deux prérequis, tous deux vérifiés avant tout débit de crédits — si l'un échoue, rien n'est facturé :

1. Un produit qui a déjà au moins une photo uploadée.
2. Un emplacement de landing page libre sur votre plan.

Voir Crédits IA pour les tarifs, remboursements et limites.

Langue de la page

Une landing page porte sa propre langue, indépendante de celle de votre boutique — elle définit aussi le sens du texte. Aujourd'hui, vous ne pouvez la choisir que dans l'assistant de génération IA (ou via l'API publique). Une page construite à la main dans l'éditeur est en arabe / RTL, et aucun réglage ne permet de la changer ensuite.

Mettre en place une landing page

1. Ouvrez /dashboard/landing-pages → Créer une landing page. Vous saisissez un titre, un slug, un produit optionnel et une meta description — c'est tout le formulaire.
2. Choisissez le produit que la page vend (voir l'avertissement ci-dessous — c'est important pour la livraison).
3. Construisez la page section par section. Il n'y a pas de galerie de templates : la nouvelle page est créée vide et vous atterrissez directement dans l'éditeur de sections. Ajoutez-les une par une depuis le sélecteur Ajouter une section.
4. Personnalisez copy, photos et couleurs. L'éditeur affiche la vraie page de vitrine en direct dans le panneau d'aperçu : vérifiez-y le rendu mobile plutôt que d'ouvrir l'URL publique. L'aperçu ne compte pas comme une vue, ne déclenche pas vos pixels et ne peut pas créer de commande.
5. Assignez le Pixel de votre campagne sur /dashboard/pixels — voir Pixel & tracking plus bas.
6. Publiez.

La landing vit sur /landing/{slug} sur le domaine de votre boutique (note : /landing/, pas /lp/).

Choisissez toujours un vrai produit

Une landing page sans produit applique quand même le tarif de livraison de base par wilaya — la livraison n'est pas à zéro. Ce qu'elle perd silencieusement, c'est le supplément de poids, la surcharge Livraison personnalisée par produit et les règles de quantité min/max. Un produit lourd, ou doté d'une surcharge de livraison spécifique, est donc sous-facturé par rapport à sa propre page produit.

Le produit n'a pas besoin d'être défini au niveau de la page : les sections formulaire de commande, bouton de commande et offres produit ont chacune leur propre sélecteur de produit, et le produit d'une section prime sur celui de la page. Les deux fonctionnent — mais au moins un doit pointer vers un vrai produit.

Le catalogue de sections

Voici les types de sections que vous pouvez ajouter dans l'éditeur :

Section	Ce qu'elle fait
Image	Une image unique pleine largeur
Carrousel d'images	Un ensemble d'images défilables
Barre d'annonce	Un bandeau fin
Offre spéciale	Un bloc d'offre mis en avant
Affichage du prix	Prix avec prix barré optionnel et badge de remise
Offres produit	Lots par quantité (« 2 achetés », « 3 achetés ») avec livraison gratuite par offre
Formulaire de commande	Le formulaire lui-même, avec bouton d'achat
Bouton de commande	Un bouton d'achat, avec formulaire attaché en option
Texte libre	Texte enrichi — à utiliser pour votre FAQ
Bouton de contact	Contact WhatsApp / téléphone
Compte à rebours	Un minuteur
Faux visiteurs	Un compteur de visiteurs en direct
Témoignages	Bloc d'avis clients
Formulaire personnalisé	Capture de leads ; les réponses sont ajoutées aux notes de la commande

Offres produit est le principal levier de panier moyen sur les landing pages. Les lots par quantité sont tarifés côté serveur : le total que voit le client est toujours celui qui lui est facturé, et une offre peut porter sa propre livraison gratuite. Le bouton de commande peut aussi être réglé pour suivre les offres, en associant automatiquement la quantité choisie au prix de l'offre correspondante.

Comportement du formulaire de commande

Un formulaire ou un bouton de commande a quatre comportements, choisis dans ses réglages :

• Bouton lien seul — pas de formulaire, le bouton renvoie simplement vers un lien
• Bouton + formulaire, ouvert au clic
• Bouton + formulaire déjà ouvert — le défaut des nouvelles sections formulaire de commande
• Formulaire toujours ouvert, sans bouton — l'ancien défaut

Les valeurs par défaut ne s'appliquent qu'à la création et ne sont jamais rétro-appliquées : les anciennes sections gardent le comportement avec lequel elles ont été créées. Notez que le récapitulatif de commande s'affiche sous le bouton d'envoi, pas au-dessus.

Structure en 7 blocs

1. Hero (au-dessus de la ligne)

• Grosse photo produit — vraie, pas stock. Mobile-first.
• Headline en une phrase avec bénéfice + prix (« Sac premium X à 1900 DZD seulement — livraison partout »).
• Bouton CTA — scrolle vers le formulaire. Couleur contrastée.

2. Bénéfices (3–5 bullets)

3 à 5 lignes maximum. Avec icônes :

• 🚚 Paiement à la livraison, dans les wilayas que vous couvrez vraiment
• ⭐ Votre vraie note d'avis, si vous en avez une
• 🔄 Votre délai de retour

Écrivez ces lignes à partir de votre boutique. Une promesse de livraison ou de retour que vous ne pouvez pas tenir, c'est ce qui produit les colis refusés.

3. Showcase produit

• 4–6 photos lifestyle
• 1 court vidéo si vous en avez (15 s autoplay loop, sans son)

4. Comment ça marche / Contenu de la boîte

• 3 étapes pour les produits « how it works »
• Une liste pour « contenu de la boîte »

5. Avis / témoignages

Utilisez la section Témoignages.

• 3–5 avis avec photos
• Vrais noms + lieux (« Sarah, Alger »)
• Mix de 4 et 5 étoiles (tout en 5 paraît faux)
• Source : avis réels capturés par Avis produits

6. FAQ

Il n'existe aucun type de section FAQ ni accordéon — écrivez la FAQ dans une section Texte libre.

• 5–8 questions, en texte question/réponse simple
• Couvrez : coût livraison par wilaya, retours, délai, COD, tailles, garantie

7. Formulaire de commande

• Utilisez une section Formulaire de commande (ou un Bouton de commande avec le formulaire attaché)
• Les CTAs scrollent ici — si vous laissez le formulaire toujours ouvert sans bouton, ils n'ont rien vers quoi scroller
• Obligatoire : nom, téléphone, wilaya, qté
• Optionnel : sélecteurs de variantes (couleur/taille — utilisez l'add-on Popup de variantes pour les offres multi-pièces)
• Bouton Envoyer la commande — grand, visible, avec le récapitulatif juste en dessous
• Badge COD en dessous

Guidelines de copy

• Arabe — chaleureux, amical, conversationnel. Évitez l'arabe standard formel pour les produits décontractés ; mélangez avec la darija pour la proximité.
• Français — clair et direct. Ne traduisez pas littéralement de l'arabe ; réécrivez à la sensibilité française.
• Évitez les superlatifs — « le meilleur de tous », « niveau mondial ». L'acheteur algérien est averti ; les superlatifs signalent du « marketing-speak ».

Tactiques de prix

Tactique	Quand
Prix barré ancien/nouveau	Produits à valeur perçue élevée
Prix de bundle	Cross-sell (« 2 achetés + 1 offert »)
Livraison gratuite pour les offres ≥ X DZD	Produits à AOV élevé
Prix simple	Produits premium, simplicité

Pixel & tracking

Installez d'abord Facebook Pixel + CAPI. Les événements eux-mêmes sont automatiques — il n'y a rien à configurer sur la landing page :

Événement	Quand il se déclenche
ViewContent	Au chargement de la page
Purchase (Meta) / CompletePayment (TikTok)	Sur une commande réussie depuis le formulaire
Lead / SubmitForm / generate_lead	Uniquement depuis une section Formulaire personnalisé — jamais depuis le formulaire de commande

Les landing pages n'émettent aucun InitiateCheckout : une audience de retargeting bâtie sur cet événement ne contiendra pas votre trafic landing page. Retargetez plutôt sur ViewContent ou sur une audience de vues de page pour l'URL /landing/ — voir Stratégie de panier abandonné.

Assigner un Pixel à la page

L'assignation du Pixel ne fait pas partie de la création de la landing page, et ce n'est pas un « override ». Allez sur /dashboard/pixels, ouvrez le pixel et assignez-le à la landing page. La règle :

• Un pixel sans assignation est global et se déclenche partout.
• Un pixel avec assignations ne se déclenche que là où l'une d'elles correspond.

Les pixels globaux continuent de se déclencher à côté du pixel assigné : un pixel de campagne s'ajoute, il ne se substitue jamais.

À partir de 50+ achats, basculez la campagne sur Optimize for Purchase — Meta optimise pour les acheteurs, pas les curieux.

Tester des variantes

L'add-on A/B Testing (plan Pro) est la méthode intégrée. Vous lui donnez 2 à 5 landing pages, il vous rend un seul lien de test, fait tourner les visiteurs entre les pages, compte les commandes produites par chacune et vous laisse envoyer tout le trafic restant vers la gagnante. Pointez votre pub sur le lien de test plutôt que sur l'URL d'une page. L'add-on se gère sur /dashboard/ab-tests.

Si vous préférez garder la répartition dans Facebook ou TikTok :

1. Construisez la seconde page. Il n'y a pas de bouton de duplication sur /dashboard/landing-pages, vous créez donc une nouvelle page et reconstruisez ses sections. Dans l'éditeur, vous pouvez copier une section isolée.
2. Donnez à chaque page son propre slug.
3. Pointez un ad set distinct sur chaque URL : la répartition se fait dans la plateforme publicitaire.

Gardez un nommage propre entre les deux pages :

• LP-X-control — original
• LP-X-test1 — un changement
• LP-X-test2 — un autre

Ne changez pas deux choses à la fois, sinon vous ne saurez pas laquelle a gagné. Et souvenez-vous que chaque page supplémentaire consomme un emplacement de landing page.

Vitesse

Le temps de chargement mobile tue la conversion :

• ≤ 1 s = idéal
• 1–2 s = ok
• 2–3 s = perte de 30 %+ avant que la page apparaisse
• 3 s+ = dépense pub majoritairement gaspillée

Compressez les hero (WebP, ≤ 200 KB). Lazy-load sous la ligne. L'add-on Cadrage d'images aide au cadrage, et les versions WebP sont servies automatiquement.

Matching d'audience

Une LP ne vaut que par son trafic. Adaptez l'audience à l'offre :

• Audience large pour les produits impulsion à bas prix (parfums, accessoires)
• Lookalike étroit pour les produits chers et réfléchis (électronique, mode)
• Retargeting pour les abandons — voir Stratégie de panier abandonné

Cloner ou créer

• Réutiliser la structure d'une LP qui convertit pour l'adapter à un nouveau produit de la même catégorie. Il n'y a pas de copie de page entière dans le tableau de bord : vous créez la nouvelle page et reconstruisez ses sections, l'icône de copie de section dans l'éditeur vous épargnant une partie du travail.
• Repartir de zéro quand vous changez de segment ou de message principal.

Erreurs fréquentes

• Lier vers la boutique depuis la LP — envoie le client dans un terrier de lapin. Évitez.
• Plusieurs CTAs vers des destinations différentes — un CTA, une destination (le formulaire).
• Tonnes de texte — la plupart scannent, ne lisent pas. Restez court.
• Pas de sélecteur de variantes — si le produit a des variantes, le client doit choisir sur la page.
• Aucun produit sélectionné — la livraison de base par wilaya s'applique toujours, mais le supplément de poids, la surcharge Livraison personnalisée par produit et les règles de quantité min/max sont toutes ignorées. Sélectionnez toujours un vrai produit, au niveau de la page ou sur la section formulaire de commande / bouton de commande / offres produit.
• Oublier d'assigner le Pixel de campagne — un pixel de campagne non assigné ne se déclenche tout simplement pas sur la page, et la campagne n'enregistre rien. Assignez-le sur /dashboard/pixels.
• Écrire la FAQ dans une section qui n'existe pas — il n'y a pas de type FAQ/accordéon ; mettez-la dans une section Texte libre.