# Pages de destination

Les pages de destination sont des pages de conversion mono-produit conçues pour le trafic payant. Enlevez tout ce qui ne vend pas, concentrez sur un seul produit, dirigez vers un seul CTA. DZBuild vous donne un constructeur manuel rapide et un générateur IA en un clic au-dessus du même modèle de données, pour itérer sans tout reconstruire.

## Vidéo[​](#vidéo "Lien direct vers Vidéo")

[Landing pages — create a landing page with AI in DZBuild](https://www.youtube.com/embed/LDBOx4tLQiI)

## Boutique vs. page de destination[​](#boutique-vs-page-de-destination "Lien direct vers Boutique vs. page de destination")

| Utilisez la boutique quand   | Utilisez une page de destination quand |
| ---------------------------- | -------------------------------------- |
| Le client navigue            | Le client a cliqué sur une pub         |
| Vous vendez 10+ produits     | Vous poussez 1 produit fort            |
| Trafic organique / récurrent | Facebook / TikTok / Google Ads         |
| Le client doit comparer      | Une offre, une décision                |

Une page de destination vit sur `https://{your-store}.dzbuild.app/landing/{slug}` (ou sous votre domaine personnalisé). Elle **n'affiche pas** la navigation, la barre de recherche, ni le footer de votre boutique — juste l'offre.

## Combien de pages de destination puis-je avoir ?[​](#combien-de-pages-de-destination-puis-je-avoir- "Lien direct vers Combien de pages de destination puis-je avoir ?")

Plafonds par plan :

| Plan              | Pages de destination |
| ----------------- | -------------------- |
| **Gratuit**       | 0                    |
| **Professionnel** | 3                    |
| **Illimité**      | Illimité             |
| **Entreprise**    | Illimité             |

Les pages de destination viennent avec votre plan. Elles ne se vendent plus à l'unité, donc le plafond du tableau est ce que vous obtenez.

Calez la date d'expiration de votre plan sur vos campagnes : quand un plan expire, votre boutique se ferme aux clients et votre domaine personnalisé est retiré, donc les pubs qui pointent vers ces URL continuent de dépenser sur une page morte.

Pour monter en gamme ou renouveler, ouvrez [`/dashboard/subscribe`](https://dzbuild.com/dashboard/subscribe) et cliquez **▶ How to renew** pour la visite guidée dans l'app, ou regardez les tutoriels vidéo sur la [chaîne YouTube DZBuild](https://www.youtube.com/@DZBuild-off).

## Où trouver les pages de destination[​](#où-trouver-les-pages-de-destination "Lien direct vers Où trouver les pages de destination")

Ouvrez **Dashboard → Landing pages** sur [`/dashboard/landing-pages`](https://dzbuild.com/dashboard/landing-pages). La page est une grille de cartes surmontée d'un champ de recherche, qui filtre les cartes déjà chargées par titre **ou** par URL, côté navigateur. Chaque carte affiche :

* Le titre de la page
* La date de création
* Le nombre de sections
* Le nombre de vues
* Un badge **Active**
* L'URL publique de la page dans un encadré en lecture seule avec un bouton copier — le slug est visible dans cette URL, il n'y a pas de champ slug distinct sur la carte

Trois actions par carte : **Edit**, **Preview** (ouvre la page en ligne dans un nouvel onglet), **Delete**.

Chaque page de destination créée depuis le tableau de bord est créée et enregistrée en `active`. Il n'existe pas d'état Draft dans l'interface marchand. Une page que Copilot ou l'API construit section par section démarre par défaut en brouillon et reste hors ligne jusqu'à sa publication, même si sa carte dans cette liste affiche **Active**. Enregistrer une telle page depuis l'éditeur du tableau de bord avec **Enregistrer toutes les modifications** la publie.

## Deux façons de créer[​](#deux-façons-de-créer "Lien direct vers Deux façons de créer")

### Option 1 — Générer un brouillon par IA[​](#option-1--générer-un-brouillon-par-ia "Lien direct vers Option 1 — Générer un brouillon par IA")

Cliquez **Generate with AI** en haut de la liste (ou allez sur `/dashboard/landing-pages/ai-generate`). Choisissez le produit, donnez un titre à la page, ajoutez optionnellement un angle d'une ligne ("Cadeau fête des mères", "Pour l'été chaud"), et le générateur conçoit une page complète en quelques minutes. La page est dessinée comme une seule image haute (trois images empilées pour la taille longue) avec le texte intégré au visuel, suivie d'un formulaire de commande aux couleurs assorties. Le visuel couvre :

* Titre principal + sous-titre
* Sections douleur → solution
* Liste de bénéfices
* Images de scènes générées du produit en contexte
* Signaux de confiance
* CTA avec formulaire de commande

Ce que l'assistant demande :

* **Un produit qui a déjà au moins une image.** Les produits sans image sont grisés et ne peuvent pas être sélectionnés.
* **Titre de la page** : requis, au moins 3 caractères.
* **L'angle / la description** — un champ de texte libre qui accepte jusqu'à 2 000 caractères.
* **La langue de la page** — arabe, français ou anglais.
* **La taille de la page** — la page standard coûte **20 AI credits**, la page longue (3 panneaux) en coûte **45**. L'option longue est grisée quand votre solde ne suffit pas.

Voyez votre solde sur [`/dashboard/ai-credits`](https://dzbuild.com/dashboard/ai-credits).

La langue choisie ici est stockée **sur la page de destination elle-même** : elle ne suit pas la langue de votre boutique, et c'est elle qui détermine le sens de lecture de la page. Dans le tableau de bord, elle n'est réglable que dans l'assistant IA : les pages créées manuellement sont toujours en arabe/RTL, et l'éditeur n'a aucun réglage de langue. Les pages créées via Copilot ou l'API peuvent utiliser l'une des trois langues, et l'API peut la changer ensuite.

Les images générées sont des sections **Image de la page** ordinaires : les mots font partie de l'image, vous les changez donc en remplaçant l'image, pas en tapant du texte, et vous pouvez ajouter vos propres sections autour. Il n'y a pas de régénération bloc par bloc : pour obtenir un autre brouillon, relancez le générateur, ce qui débite à nouveau des crédits. Une génération qui échoue vous rend les crédits automatiquement.

### Option 2 — Construire manuellement[​](#option-2--construire-manuellement "Lien direct vers Option 2 — Construire manuellement")

Cliquez **Create a page** (`/dashboard/landing-pages/create`). Un assistant en 3 étapes vous demande (1) de choisir le produit, (2) de saisir le titre de la page, le slug d'URL et la description SEO, (3) de créer. Il n'y a pas de templates — la page démarre vide et vous ajoutez les sections dans l'éditeur.

Les anciennes pages générées par IA peuvent contenir des blocs PAS (Problem / Agitation / Before-after / Solution / Features / CTA). Ils restent modifiables, mais ne peuvent pas être ajoutés à la main, et les nouvelles pages IA ne les utilisent plus.

## Types de sections[​](#types-de-sections "Lien direct vers Types de sections")

Quatorze types de sections peuvent être ajoutés manuellement, chacun avec ses propres contrôles de style :

| Section              | Ce qu'elle fait                                                                                                              |
| -------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| **Image**            | Un bloc image unique pleine largeur.                                                                                         |
| **Image carousel**   | Plusieurs images que le visiteur fait défiler.                                                                               |
| **Announcement bar** | Une fine bannière pour une ligne promo.                                                                                      |
| **Special offer**    | Un bloc d'offre mis en avant.                                                                                                |
| **Price display**    | Prix + prix barré en bloc autonome.                                                                                          |
| **Product offers**   | Cartes d'offres par palier de quantité (« 1 boîte », « 2 boîtes », …). Voir plus bas.                                        |
| **Order form**       | Le formulaire de commande complet, intégré.                                                                                  |
| **Order button**     | Un bouton CTA qui fait défiler vers le formulaire de commande ou l'ouvre.                                                    |
| **Free text**        | Texte libre enrichi.                                                                                                         |
| **Contact button**   | Un bouton de contact WhatsApp / téléphone.                                                                                   |
| **Countdown**        | Un compte à rebours pour créer l'urgence.                                                                                    |
| **Fake visitors**    | Un compteur « N personnes consultent cette page ».                                                                           |
| **Testimonials**     | Cartes d'avis clients.                                                                                                       |
| **Custom form**      | Un formulaire de leads avec vos propres champs (c'est le seul endroit où un champ email existe sur une page de destination). |

### Product offers et `follow_offers`[​](#product-offers-et-follow_offers "Lien direct vers product-offers-et-follow_offers")

Chaque ligne d'offre d'une section **Product offers** porte sa propre quantité, son prix, son prix barré, son badge, son image, son indicateur « mise en avant » et son indicateur de livraison gratuite.

Séparément, une section **Order button** (ou un formulaire de commande affiché en bouton) dispose d'une option **Le prix suit les offres du produit (selon la quantité)**, activée par défaut pour les nouvelles sections. Quand elle est activée et que le champ quantité est affiché, la quantité choisie par l'acheteur est comparée aux **offres de quantité configurées sur le produit lui-même** (Products → le produit → offres), et non aux lignes de cette section, et une correspondance exacte re-tarife la commande au prix de cette offre et applique son indicateur de livraison gratuite. La correspondance et le prix final sont toujours recalculés à partir des offres enregistrées sur le produit. Le prix envoyé par le navigateur n'est jamais accepté tel quel. La livraison gratuite choisie dans une section **Product offers** est de même relue depuis l'offre que vous avez enregistrée sur cette section.

## Lier un produit[​](#lier-un-produit "Lien direct vers Lier un produit")

Chaque page créée depuis le tableau de bord est liée à un produit : l'assistant de création ne va pas au bout sans produit, et l'éditeur vous laisse passer à un autre produit mais pas le retirer. Une page sans produit (par exemple créée via Copilot ou l'API) ou dont le produit est inactif affiche sur sa carte l'alerte **Sans produit** ou **Produit inactif** ; cliquez dessus pour associer un produit dans les paramètres de la page. Pourquoi c'est important :

> Quand le formulaire de commande est lié à un produit, la livraison est calculée depuis vos tarifs par wilaya plus toute surcharge produit. **Une page sans liaison produit peut sous-facturer la livraison silencieusement** — surtout avec l'addon [Custom Product Shipping](https://dzbuild.com/fr/fr/docs/addons/custom-product-shipping.md), qui a besoin du produit pour trouver le bon tarif.

Si vous vendez un pack qui ne correspond pas à un seul produit, créez un produit fictif (avec poids, dimensions et règles de livraison réels du pack) et liez la page de destination à lui.

## Modifier les sections[​](#modifier-les-sections "Lien direct vers Modifier les sections")

Dans l'éditeur de page (`/dashboard/landing-pages/:id/edit`) :

* **Glissez les sections** par la poignée pour réordonner — c'est la méthode de réorganisation sur ordinateur. Sur écran étroit (768px ou moins), chaque carte de section affiche aussi des flèches ▲ / ▼ qui la déplacent d'un cran, désactivées sur la première et la dernière section.
* Cliquez **Delete** pour supprimer une section.
* Cliquez l'icône crayon d'une section, ou cliquez la section dans l'aperçu, pour ouvrir ses réglages.
* Une **icône copier** sur chaque carte de section duplique cette section.

L'enregistrement se propage instantanément — pas d'étape de publication séparée.

### Le volet d'aperçu[​](#le-volet-daperçu "Lien direct vers Le volet d'aperçu")

Le volet de droite n'est pas une maquette : c'est la vraie page publique, rendue par le même code que celui qui la sert aux acheteurs, dans une iframe. Ce que vous voyez est ce que les acheteurs verront. Les modifications de style et de texte sont appliquées instantanément à l'aperçu ; les modifications structurelles rechargent l'iframe une fois l'enregistrement automatique confirmé.

N'essayez pas de partager cette URL d'aperçu. Elle exige une connexion, requiert la permission **Modifier les pages** des landing pages dans [Équipe & rôles](https://dzbuild.com/fr/fr/docs/operations/team.md) et est servie avec `noindex` et une politique d'iframe same-origin : elle est donc inutilisable en dehors de votre tableau de bord. Utilisez l'action **Preview** de la carte (la vraie URL publique) quand vous voulez envoyer la page à quelqu'un.

## Le formulaire de commande[​](#le-formulaire-de-commande "Lien direct vers Le formulaire de commande")

Le bloc le plus important. Configurez :

* **Les champs et leurs interrupteurs** : commune, adresse et quantité ont chacun un interrupteur. **Le nom, le téléphone et la wilaya ne peuvent pas être désactivés** : ils sont verrouillés sur « activé » et marqués requis dans l'éditeur.
* **Champs requis** : le serveur n'accepte une commande que si **nom et téléphone** sont remplis et que le téléphone est un numéro mobile algérien (`05`, `06` ou `07`, accepté aussi avec le préfixe `+213` ou `00213`).
* **Champs optionnels** — adresse complète, quantité, et un champ de texte libre défini par le marchand (libellé, placeholder, bascule « requis ») dont la valeur est ajoutée aux notes vendeur de la commande. Il n'y a **pas de champ email** sur le formulaire de commande d'une page de destination — les commandes issues d'une page de destination sont toujours enregistrées avec un email client vide. Si vous avez besoin d'une adresse email, ajoutez plutôt une section **Custom form**.
* **Variantes** — le formulaire affiche les groupes de variantes du produit avec la même richesse que la page produit (miniatures, pastilles de prix, états épuisé et impasse). Les trois types de groupes sont `color` (cartes nuancier de couleur), `text` (simples boutons d'options — c'est ce qu'utilise un groupe nommé « Size ») et `image_text` (cartes avec miniature). Les groupes `selectable` à choix multiple réutilisent le rendu des cartes image-text et sont optionnels plutôt que requis.
* **Packs / offres quantité** — "Achetez 2 + 1 gratuit" avec quantité automatique. Couplez avec l'addon [Offer Variant Popup](https://dzbuild.com/fr/fr/docs/addons/offer-variant-popup.md) pour une sélection nette de variante par pièce.
* **Événements Pixel** : la page de destination déclenche `ViewContent` au chargement, `InitiateCheckout` une fois par formulaire de commande quand le visiteur l'envoie pour la première fois, et `Purchase` à la validation réussie d'une commande (pixel navigateur plus Conversions API côté serveur pour Facebook, TikTok, Snapchat et Pinterest, dédupliqués par identifiant d'événement). Une section **Custom form** déclenche `Lead` à la place (`SubmitForm` sur TikTok, `SIGN_UP` sur Snapchat, `generate_lead` sur GA4) et ne produit ni `InitiateCheckout` ni `Purchase`. Les pages de destination ne déclenchent jamais `AddToCart`.

La soumission reste in-line — pas de redirection, la confirmation s'affiche sur la même page pour ne pas perdre de clients entre les étapes.

## Pixels et analytics[​](#pixels-et-analytics "Lien direct vers Pixels et analytics")

Un pixel peut être ciblé sur des pages de destination précises. Utile quand :

* Une campagne spécifique utilise un Pixel ID différent pour une attribution propre.
* Vous testez A/B deux créatifs et voulez des audiences séparées.

Le ciblage se règle sur le pixel, pas sur la page : ouvrez [`/dashboard/pixels`](https://dzbuild.com/dashboard/pixels), cliquez **Personnaliser** sur la carte du pixel et choisissez les pages de destination. Le pixel ciblé se déclenche sur ces pages en plus de vos pixels globaux, pas à leur place. Le bouton **Personnaliser** s'affiche sur les plans Illimité et Entreprise. Voir [Pixels](https://dzbuild.com/fr/fr/docs/marketing/pixels.md) pour la configuration complète.

## Dupliquer[​](#dupliquer "Lien direct vers Dupliquer")

Dupliquer une page de destination entière n'est pas disponible dans le tableau de bord aujourd'hui. Pour tester A/B un titre, un hero ou un CTA différent, créez une deuxième page et reconstruisez les sections, puis répartissez un seul lien publicitaire entre les deux pages avec l'addon [A/B Testing](https://dzbuild.com/fr/fr/docs/addons/ab-testing.md).

Vous *pouvez* en revanche dupliquer une **section** individuelle dans l'éditeur avec l'icône copier de la carte de section.

## Astuces[​](#astuces "Lien direct vers Astuces")

* **Liez toujours la page à un produit**, même pour les packs. C'est le seul moyen d'avoir un calcul de livraison correct.
* **Affichez un badge "Paiement à la livraison"** bien en évidence. Les acheteurs algériens font confiance à ça et convertissent mieux.
* **Gardez le formulaire court.** Demandez ce dont vous avez besoin pour livrer la commande, rien de plus.
* **Les vraies photos produit battent les images stock** sur le trafic algérien.
* **Sachez ce que couvrent les contrôles anti-bots intégrés.** Chaque formulaire de page de destination passe quelques contrôles légers contre les envois automatisés, et un script écrit pour votre page peut les contourner. Voyez-les comme un ralentisseur, pas comme une protection.
* **Ajoutez un [captcha](https://dzbuild.com/fr/fr/docs/addons/captcha-protection.md)** si les fausses commandes venues des pubs vous coûtent vraiment de l'argent. L'addon place un vrai défi devant le formulaire.
* **Testez d'abord en largeur téléphone.** C'est là qu'arrive le trafic de vos pubs.

## La suite[​](#la-suite "Lien direct vers La suite")

* [Pixels & marketing](https://dzbuild.com/fr/fr/docs/marketing/pixels.md)
* [Récupérer les paniers abandonnés](https://dzbuild.com/fr/fr/docs/selling/abandoned-carts.md)
* [Addon Custom Product Shipping](https://dzbuild.com/fr/fr/docs/addons/custom-product-shipping.md)
* [Addon Captcha Protection](https://dzbuild.com/fr/fr/docs/addons/captcha-protection.md)