Passer au contenu principal

Pages de destination

Pages de conversion mono-produit pour les pubs — constructeur manuel, brouillons IA, sections, et calcul exact de livraison quand un produit est lié.

Écrit par Support

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

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 ?

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 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.

Où trouver les pages de destination

Ouvrez Dashboard → Landing pages sur /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

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.

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

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

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

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

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, 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

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 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 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 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 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

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, 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 pour la configuration complète.

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.

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

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 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

Avez-vous trouvé la réponse à votre question ?