Aller au contenu principal

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

Boutique vs. page de destination

Utilisez la boutique quandUtilisez une page de destination quand
Le client navigueLe client a cliqué sur une pub
Vous vendez 10+ produitsVous poussez 1 produit fort
Trafic organique / récurrentFacebook / TikTok / Google Ads
Le client doit comparerUne 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 :

PlanPages de destination
Gratuit0
Professionnel3
IllimitéIllimité
EntrepriseIllimité

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, toute la boutique passe hors ligne et les pages de destination avec elle. Les pubs qui pointent vers cette 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 est créée et enregistrée en active. Il n'existe pas d'état Draft dans l'interface marchand.

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, ajoutez optionnellement un angle d'une ligne ("Cadeau fête des mères", "Pour l'été chaud"), et le planificateur construit une page complète en quelques minutes :

  • 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.
  • 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. Elle n'est réglable que dans l'assistant IA : les pages créées manuellement sont toujours en arabe/RTL, et il n'existe aucun moyen de changer la langue d'une page après coup depuis l'éditeur.

Vous pouvez modifier n'importe quelle section après la génération et remplacer ses images, mais 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.

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 blocs PAS (Problem / Agitation / Before-after / Solution / Features / CTA) ne sont produits que par le générateur IA. Ils restent modifiables ensuite, mais ne peuvent pas être ajoutés à la main.

Types de sections

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

SectionCe qu'elle fait
ImageUn bloc image unique pleine largeur.
Image carouselPlusieurs images que le visiteur fait défiler.
Announcement barUne fine bannière pour une ligne promo.
Special offerUn bloc d'offre mis en avant.
Price displayPrix + prix barré en bloc autonome.
Product offersCartes d'offres par palier de quantité (« 1 boîte », « 2 boîtes », …). Voir plus bas.
Order formLe formulaire de commande complet, intégré.
Order buttonUn bouton CTA qui fait défiler vers le formulaire de commande ou l'ouvre.
Free textTexte libre enrichi.
Contact buttonUn bouton de contact WhatsApp / téléphone.
CountdownUn compte à rebours pour créer l'urgence.
Fake visitorsUn compteur « N personnes consultent cette page ».
TestimonialsCartes d'avis clients.
Custom formUn 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 follow offers. 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

Choisissez toujours un produit en créant une page de destination, même si vous écrasez le prix et le texte. Pourquoi ?

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 la section pour ouvrir son éditeur à droite.
  • Une icône copier duplique une section — mais elle n'apparaît qu'après avoir ajouté, supprimé ou déplacé une section pendant cette session d'édition. Sur un éditeur fraîchement ouvert, chaque carte n'affiche qu'Edit et Delete.

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 landing_pages.edit 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 — nom, téléphone, commune, adresse et quantité ont chacun un interrupteur. La wilaya ne peut pas être désactivée — elle est verrouillée sur « activée » et marquée requise 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 respecte le format algérien (0|213|+213)(5|6|7)XXXXXXXX. Désactiver le champ Nom ou Téléphone fait échouer chaque soumission de cette section avec « veuillez remplir tous les champs requis » : laissez donc nom, téléphone et wilaya activés.
  • 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 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 aucun Purchase. Les pages de destination ne déclenchent jamais AddToCart ni InitiateCheckout.

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

Chaque page de destination peut surcharger le Pixel boutique. 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.

Définissez le Pixel dans la section Tracking de la page. 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.

Vous pouvez en revanche dupliquer une section individuelle dans l'éditeur avec l'icône copier de la carte de section — voir Modifier les sections pour savoir quand cette icône apparaît.

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 en passe trois : un plafond de 15 commandes par minute pour toute la boutique, un champ caché qu'un vrai acheteur ne remplit jamais, et un contrôle sur la vitesse d'envoi du formulaire. Les deux derniers reposent sur ce que déclare le navigateur du visiteur, donc 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