LANDING PAGES PAR CANAL — Brief Claude Code

3 pages d’atterrissage spécialisées + variantes A/B + setup tracking

Version : 1.0 Page mère : popxl.fr/configurateur/vehicule (existante) Stack : Astro 5 SSR + Tailwind CSS Brand product : POPXL Studio Préfixe URL : /lp/ (Landing Pages, non indexées)

NOTE DE CONTEXTE

Vous avez actuellement une seule page d’atterrissage (/configurateur/vehicule) qui sert toutes les sources de trafic. Ça fonctionne, mais ça plafonne la conversion des canaux payants (Google Ads, Meta Ads) parce que le message n’est pas calibré à l’intention spécifique de chaque canal.

Ce livrable crée 3 landing pages spécialisées, chacune ciblant un canal et une intention précise. Toutes pointent vers le configurateur (formulaire) de la page mère. Ce ne sont PAS des doublons SEO — elles sont désindexées via noindex pour ne pas cannibaliser la page mère.

Objectif principal : faire passer le Quality Score Google Ads de ~5-6/10 à ~8-9/10, ce qui réduit le coût par clic de 30-50% et augmente le taux de conversion de 20-40%.

INSTRUCTIONS POUR CLAUDE CODE

Architecture de fichiers proposée

src/
├── pages/
│   └── lp/
│       ├── devis-covering-vehicule.astro       (LP1 — Google Ads "prix")
│       ├── habillage-utilitaire-pro.astro      (LP2 — Google Ads "métier")
│       └── retour-simulation.astro             (LP3 — Meta retargeting)
├── components/
│   └── landing/
│       ├── LandingHero.astro                   (composant Hero variantisable)
│       ├── LandingProof.astro                  (galerie + avis condensés)
│       ├── LandingCTA.astro                    (CTA répété + scroll vers configurateur)
│       ├── LandingPriceTable.astro             (tableau prix dynamique LP1)
│       ├── LandingMetierBlock.astro            (blocs métier LP2)
│       └── LandingResumeCTA.astro              (bandeau "reprendre simulation" LP3)
└── layouts/
    └── LandingLayout.astro                     (layout SANS nav header complexe)

Décisions techniques fondamentales

1. Layout dédié simplifié Les LP doivent avoir un header minimaliste (juste logo + numéro de tel) et PAS de menu de navigation. Toute friction tue la conversion. Conserver uniquement : logo, téléphone, bouton CTA principal.

2. Désindexation systématique Sur toutes les pages /lp/*, ajouter dans le <head> :

<meta name="robots" content="noindex, nofollow">
<link rel="canonical" href="https://popxl.fr/configurateur/vehicule">

Ça garantit que Google ne les indexe pas et que la page mère récupère l’autorité SEO.

3. Configurateur intégré ou redirection

Option A (recommandée) : intégrer le composant configurateur (le formulaire 5 étapes) directement en bas de chaque LP. L’utilisateur ne quitte pas la page.

Option B (plus simple) : tous les CTA pointent vers /configurateur/vehicule#configurateur avec UTM. L’utilisateur est redirigé, mais on perd le tracking unifié.

→ Choisir l’option A si techniquement faisable. Sinon B.

4. Tracking GA4 hérité + augmenté

Chaque LP doit envoyer en plus des événements existants :

// Au chargement de la LP
gtag('event', 'lp_view', {
  lp_name: 'devis-covering-vehicule',  // ou autre LP
  variant: 'A',                         // A/B/C selon test actif
  utm_source: getUTMParam('utm_source'),
  utm_campaign: getUTMParam('utm_campaign'),
  utm_content: getUTMParam('utm_content')
});

// Au clic CTA principal
gtag('event', 'lp_cta_click', {
  lp_name: 'devis-covering-vehicule',
  cta_label: 'voir-ma-maquette',
  position: 'hero'  // hero / mid / footer
});

5. Web Vitals strict pour les LP Les LP servent du trafic payant. Chaque seconde de chargement = perte de leads :

LCP < 2,0s (vs 2,5s normal)
FID < 50ms
CLS < 0,05

Concrètement :

Pas de GIF lourd dans le hero (utiliser image statique optimisée WebP)
Pas de vidéo en autoplay (image + bouton play utilisateur)
Lazy loading agressif (ne charger que l’above-the-fold initialement)
Critical CSS inliné

LP 1 — Google Ads “Intention Prix”

URL : /lp/devis-covering-vehicule Cible : utilisateurs qui ont tapé sur Google “covering véhicule prix”, “prix covering camion”, “tarif habillage utilitaire”, “devis covering” Intention dominante : comprendre combien ça coûte avant de s’engager Volume Google estimé : 2 800-3 500 recherches mensuelles France

Header simplifié

[Logo POPXL — gauche]                [📞 02 51 24 11 38 — droite]

Hero

[BADGE — petit, vert]
✅ Devis transparent · 100% gratuit · Sans engagement

[H1 — gros]
Covering véhicule :
combien ça coûte vraiment ?

[SOUS-TITRE — moyen]
De 700 € à 4 500 € HT selon la couverture.
Notre IA vous donne une fourchette précise en 1 minute,
à partir de votre logo.

[CTA principal — bouton large, couleur vive]
Voir mon prix gratuit en 1 minute →

[LIGNE DE CONFIANCE — sous CTA]
⚡ Résultat instantané · 🇫🇷 Fabriqué en Vendée · 📍 Pose partout en France

[VISUEL DROITE]
Image statique : tableau de prix dynamique préformaté
ou screenshot du configurateur affichant une fourchette

Bloc 2 — Tableau de prix transparent (le coeur de la LP)

[H2]
Combien coûte votre habillage ? Voici les vrais prix.

[TABLEAU 3 COLONNES — design soigné, ressort visuel]

╔════════════════════╗  ╔════════════════════╗  ╔════════════════════╗
║   MARQUAGE         ║  ║   COVERING         ║  ║   COVERING         ║
║   SIMPLE           ║  ║   PARTIEL          ║  ║   TOTAL            ║
║                    ║  ║                    ║  ║                    ║
║   À partir de      ║  ║   À partir de      ║  ║   À partir de      ║
║   700 € HT         ║  ║   1 850 € HT       ║  ║   2 750 € HT       ║
║                    ║  ║                    ║  ║                    ║
║   ✓ Logo + texte   ║  ║   ✓ Côtés visibles ║  ║   ✓ Tout le        ║
║   ✓ Portes & capot ║  ║   ✓ Arrière        ║  ║     véhicule       ║
║   ✓ Pose 1 jour    ║  ║   ✓ Capot          ║  ║   ✓ Couvrant 100%  ║
║                    ║  ║   ✓ Pose 1-2 jours ║  ║   ✓ Pose 2-3 jours ║
║                    ║  ║                    ║  ║                    ║
║   Pour démarrer    ║  ║   Le bon compromis ║  ║   Impact maximum   ║
║   simple           ║  ║   impact / budget  ║  ║                    ║
╚════════════════════╝  ╚════════════════════╝  ╚════════════════════╝

[ENCART JAUNE — visible juste sous le tableau]
💡 Ces prix incluent : conception, fabrication, films premium 3M/Hexis/Avery,
   pose, garantie matière 3-5 ans, garantie pose 1 an.

[CTA secondaire — gros bouton]
Configurer mon devis exact →

[Petit lien de confiance]
Pourquoi ces prix ? [Voir notre méthode de calcul →]

Bloc 3 — Levée d’objection prix

[H2]
"C'est cher" : démontons le calcul.

[3 BLOCS HORIZONTAUX]

📊 Votre véhicule = votre commercial 24/7
Un utilitaire roule 30 000 km/an en moyenne et est vu par
40 000 personnes par mois selon les études de l'industrie automobile.

⏱️ Investissement amorti en 8 mois
Pour un covering à 2 500 € HT, c'est moins de 320 €/mois sur 8 mois,
puis pure visibilité gratuite pendant 3 à 5 ans.

📈 ROI moyen constaté chez nos clients
Un retour de 3 à 7 nouveaux clients par véhicule habillé la 1ère année,
selon vos métiers — soit largement plus que l'investissement.

[CTA]
Voir mon devis personnalisé →

Bloc 4 — Programme Pionnier (réutilisable)

[BANNIÈRE — orange/jaune doux]

🚀 Programme Pionnier POPXL Studio
Notre configurateur IA est en service depuis avril 2026.
Pour les 20 premiers clients :

⭐ Remise pionnier de 10% sur votre devis
🎨 Suivi VIP par notre graphiste Jessy
📞 Ligne directe avec Stéphane, gérant POPXL

[Compteur dynamique si possible]
Places restantes : 17/20

[CTA]
Devenir client pionnier →

Bloc 5 — Configurateur intégré

[Composant <Configurator /> existant intégré ici]

[H2 au-dessus]
Calculez votre prix exact en 5 minutes

[SOUS-TITRE]
Uploadez votre logo, choisissez votre véhicule, l'IA fait le reste.
Devis détaillé envoyé sous 24h.

Bloc 6 — Réassurance compacte

[3 COLONNES]

⭐⭐⭐⭐⭐ 4,9/5
sur Google · 23 avis

🇫🇷 Fabricant français
14 ans · Atelier Vendée

📞 Stéphane répond en direct
02 51 24 11 38

POPXL · Le Poiré-sur-Vie (85) · 02 51 24 11 38 · info@popxl.fr
[Mentions légales] · [Confidentialité] · [CGV]

Variantes A/B à coder dès le départ

Variante A (par défaut) — Headline factuel

H1 : “Covering véhicule : combien ça coûte vraiment ?” CTA : “Voir mon prix gratuit en 1 minute →”

Variante B — Headline bénéfice

H1 : “Connaissez votre prix exact avant même de signer.” CTA : “Calculer mon devis →”

Variante C — Headline objection

H1 : “Devis covering : finis les chiffres au doigt mouillé.” CTA : “Obtenir mon prix transparent →”

Implémentation technique : Utiliser un paramètre URL ?v=A|B|C ou un cookie pour servir la variante. Tracking GA4 :

gtag('event', 'lp_variant_served', {
  lp_name: 'devis-covering-vehicule',
  variant: 'A'  // ou B, ou C
});

Validation après 100 clics minimum par variante. Ne pas conclure avant.

LP 2 — Google Ads “Intention Métier”

URL : /lp/habillage-utilitaire-pro Cible : utilisateurs qui ont tapé “habillage utilitaire”, “covering camion artisan”, “marquage utilitaire entreprise”, “covering camion plombier” Intention dominante : trouver une solution professionnelle adaptée à son métier Volume Google estimé : 1 200-1 800 recherches mensuelles France

Header simplifié

Idem LP 1.

Hero

[BADGE]
🇫🇷 Spécialiste habillage véhicules pros depuis 2011

[H1]
Votre utilitaire,
votre meilleur commercial.

[SOUS-TITRE]
Habillez votre Renault, Peugeot, Citroën, Mercedes ou Ford.
IA conception en 1 minute. Devis sous 24h. Pose partout en France.

[CTA]
Concevoir mon utilitaire →

[LIGNE DE CONFIANCE]
⚡ 1 minute · 🛠️ 14 ans de métier · 📍 National

[VISUEL DROITE]
Photo réelle d'un utilitaire récemment habillé en situation
(devant un commerce ou un chantier, pas sur fond neutre)

Bloc 2 — Galerie “Métiers que nous habillons”

[H2]
Quel est votre métier ?

[GRILLE 6-8 BLOCS — chacun cliquable]

🔧 Plombier / Chauffagiste
Visualiser un exemple →

⚡ Électricien
Visualiser un exemple →

🌳 Paysagiste / Élagueur
Visualiser un exemple →

🍞 Boulanger / Traiteur
Visualiser un exemple →

🚛 Transport / Logistique
Visualiser un exemple →

🏗️ BTP / Maçonnerie
Visualiser un exemple →

🚗 Auto / Mécanique
Visualiser un exemple →

🎨 Autre métier
Configurer mon véhicule →

Implémentation : chaque bloc ouvre une lightbox avec 1-2 photos de réalisations POPXL pour ce métier + un CTA “Concevoir mon véhicule pour [métier]”.

Si vous n’avez pas suffisamment de photos par métier, utilisez ce que vous avez, mais évitez d’afficher 3 fois la même photo. Mieux vaut moins de catégories que des doublons.

Bloc 3 — Galerie générale (héritée du configurateur principal)

[H2]
Quelques utilitaires que nous avons habillés.

[GRILLE 6-8 PHOTOS — réutilisation du contenu existant]

[CTA en bas]
Concevoir mon véhicule →

Bloc 4 — Le combo IA + humain

[H2 sur 2 colonnes]

⚡ IA POPXL Studio
Votre maquette en 1 minute, à partir de votre logo.
L'algorithme analyse votre identité, propose un design
adapté à votre métier.

👁️ L'œil de Jessy
Notre graphiste reprend votre projet, l'adapte au gabarit
exact de votre véhicule, ajuste placements et couleurs.
L'IA propose. L'humain dispose.

[CTA centré sous les 2 colonnes]
Lancer ma simulation →

Bloc 5 — Programme Pionnier

Identique LP 1.

Bloc 6 — Process condensé

[H2]
De votre clic à votre véhicule, 30 à 40 jours.

[TIMELINE 4 ÉTAPES — version condensée]
1️⃣ Jour 0 : vous concevez en 5 min
2️⃣ Jour 1-2 : devis sous 24/36h
3️⃣ Jours 3-25 : graphiste + fabrication Vendée
4️⃣ Jours 25-40 : pose chez vous

[CTA]
Démarrer mon projet →

Bloc 7 — Configurateur intégré

Idem LP 1.

Variantes A/B LP 2

Variante A — “Commercial roulant”

H1 : “Votre utilitaire, votre meilleur commercial.”

Variante B — “Métier qui parle”

H1 : “Vous êtes plombier, électricien, paysagiste ?” Sous-titre : “On a habillé des centaines d’utilitaires comme le vôtre.”

Variante C — “Visuel direct”

H1 : “Habillez votre utilitaire en 30 à 40 jours.” Sous-titre : “Sans graphiste à voir. Sans devis à attendre. Sans surprise.”

LP 3 — Meta Retargeting (Audience 1 + 2 + 3)

URL : /lp/retour-simulation Cible : visiteurs qui ont déjà visité le configurateur sans aller au bout Intention dominante : finir ce qu’ils avaient commencé, ou se faire convaincre une 2e fois Volume estimé : 200-500 visiteurs/mois en retargeting

Particularité majeure

Cette LP ne ressemble pas aux 2 autres. C’est une page conversationnelle, qui s’adresse à quelqu’un qui vous connaît déjà. Pas de “présentation de POPXL”, pas de pitch institutionnel. Direct, court, rassurant.

Header simplifié

Idem.

Hero

[BADGE — petit, bleu pâle]
👋 On vous a manqué ?

[H1 — moyen, plus court]
Votre maquette vous attend.

[SOUS-TITRE]
Vous avez visité notre configurateur récemment.
Si quelque chose vous a freiné, on peut en parler.
Sinon, votre maquette est à 2 minutes de vous.

[2 CTA CÔTE À CÔTE]
[CTA primaire]                    [CTA secondaire]
Reprendre ma simulation →         Appeler Stéphane

[LIGNE DE CONFIANCE — sous CTA]
⚡ 2 minutes · 🚀 Pionnier · Aucun engagement

Bloc 2 — “Pourquoi vous n’avez pas terminé ?”

[H2]
On a peut-être la réponse à votre question.

[GRILLE 4 BLOCS CLIQUABLES — chacun ouvre un dropdown]

▶ "C'était trop cher pour mon budget"
   → Lever objection : afficher prix entrée 700 € + remise pionnier 10%
   → CTA : "Voir mon prix exact →"

▶ "Je n'étais pas sûr du résultat"
   → Lever objection : "L'IA propose, l'humain dispose"
   → Modifier autant que nécessaire, sans frais
   → CTA : "Voir des exemples →"

▶ "Je n'ai pas le temps maintenant"
   → Lever objection : "5 min suffisent, devis 24h"
   → CTA : "Sauvegarder ma maquette pour plus tard →"

▶ "Autre chose"
   → Lever objection : ligne directe Stéphane
   → CTA : "Appeler 02 51 24 11 38 →"

Bloc 3 — Rappel programme pionnier (urgence soft)

[BANNIÈRE — orange ou rouge soft]

🚀 Vous êtes encore éligible au programme Pionnier.

10% de remise · Suivi VIP graphiste · Ligne directe gérant
Plus que [N] places.

[CTA]
Réserver ma place pionnier →

Bloc 4 — Témoignage rapide (1 seul, percutant)

[CITATION — gros, centré]

⭐⭐⭐⭐⭐
"Très satisfait de la conception jusqu'au rendu final :
le flocage du camion est parfait ! Super travail POPXL."

— Sébastien V., AZ Paysage · Mai 2025

[CTA]
Concevoir mon véhicule →

Bloc 5 — Configurateur intégré

[H2]
Reprendre où vous vous étiez arrêté.

[INSTRUCTION]
Si vous aviez déjà commencé une simulation, entrez l'email
utilisé et nous retrouverons votre maquette.

[Composant configurateur avec champ email visible en premier]

Idem.

Variantes A/B LP 3

Variante A — “Conversationnel”

H1 : “Votre maquette vous attend.” Tone : doux, rassurant

Variante B — “Direct”

H1 : “Vous étiez à 2 minutes de votre maquette.” Tone : factuel, urgence soft

Variante C — “Question”

H1 : “On vous a manqué ? On comprend.” Tone : empathique, levée d’objection

VERSION MOBILE PUB (override CSS pour les 3 LP)

Sur mobile (>70% du trafic Meta Ads), une version allégée s’impose.

Règles d’or

1. CTA visible en moins de 2 secondes après chargement
2. Hero condensé : H1 + sous-titre + CTA, RIEN d'autre
3. Pas d'image hero lourde (max 80 Ko)
4. Pas de tableau de prix sur 3 colonnes (transformer en accordéon ou carrousel)
5. Pas de vidéo autoplay (pénalité batterie + data)
6. Formulaire intégré : 3 champs maximum visible avant scroll
   (email + nom entreprise + téléphone)
   Les autres champs apparaissent après validation des 3 premiers.

Implémentation Tailwind

Utiliser des breakpoints stricts :

<!-- Visible mobile, masqué desktop -->
<div class="block lg:hidden">
  <SimpleHero />
  <SimpleCTA />
  <CompactForm />
</div>

<!-- Visible desktop, masqué mobile -->
<div class="hidden lg:block">
  <FullHero />
  <PriceTable />
  <FullForm />
</div>

Performance mobile cible

Métrique	Cible mobile pub
LCP	< 1,5s
FID	< 50ms
CLS	< 0,05
Taille totale page	< 500 Ko
Nombre de requêtes	< 25

Tester avec : PageSpeed Insights, Lighthouse mobile, WebPageTest.

SCRIPT GOOGLE ADS — CAMPAGNES PRÊTES À LANCER

Structure des campagnes

3 campagnes distinctes, 1 par LP :

Campagne 1 : "POPXL Studio - Intention Prix" → /lp/devis-covering-vehicule
Campagne 2 : "POPXL Studio - Intention Métier" → /lp/habillage-utilitaire-pro
Campagne 3 : "POPXL Studio - Configurateur Direct" → /configurateur/vehicule (page principale)

Campagne 1 — Intention Prix

Mots-clés (mode Phrase Match)

"covering véhicule prix"
"prix covering camion"
"tarif habillage utilitaire"
"devis covering vehicule"
"combien coute covering voiture"
"prix flocage camion"
"tarif marquage publicitaire véhicule"
"prix habillage camion publicitaire"

Mots-clés négatifs

gratuit
tutoriel
tuto
youtube
diy
soi-même
particulier
location
occasion

Annonces responsives — 3 variantes de titres

TITRE 1 : Prix covering véhicule transparent
TITRE 2 : De 700 à 4500 € HT — Devis 24h
TITRE 3 : Configurateur IA gratuit — POPXL
TITRE 4 : Visualisez votre véhicule en 1 min
TITRE 5 : Fabricant Vendée 14 ans
TITRE 6 : Pose partout en France
TITRE 7 : ⭐ 4,9/5 sur Google
TITRE 8 : Programme pionnier -10%
TITRE 9 : Films premium 3M Hexis Avery

DESCRIPTION 1 : Prix transparent dès 700 € HT. Configurateur IA en 1 minute. Fabrication française, pose partout en France. Devis détaillé sous 24h.

DESCRIPTION 2 : Découvrez votre véhicule habillé avant même de signer. IA + 14 ans d'expertise POPXL. Films garantis 3 à 5 ans. Pose nationale.

DESCRIPTION 3 : 1er configurateur IA covering en France. 1 minute pour visualiser, 24h pour le devis, 30-40 jours pour rouler. Programme pionnier actif.

DESCRIPTION 4 : Marquage simple 700€, covering partiel 1850€, total 2750€. Devis exact en ligne, sans engagement. Stéphane répond en direct au 02 51 24 11 38.

Extensions à activer

Liens annexes : “Notre métier”, “Voir nos réalisations”, “Programme pionnier”, “Avis clients”
Accroches : “Configurateur IA gratuit”, “Devis sous 24h”, “Pose partout en France”, “Garantie 3-5 ans”
Numéro de téléphone : 02 51 24 11 38
Lieu : Le Poiré-sur-Vie (Vendée)
Promotion : “10% de remise pionnier”

Budget recommandé

25-30 €/jour
CPC max bid : 2,50 €
Stratégie : “Maximiser les conversions” après 30 conversions atteintes
Avant : “Maximiser les clics” avec CPC plafond

Géociblage

France entière
Retirer les DOM-TOM dans un premier temps (logistique)

Plages horaires

Lun-Ven 7h-21h
Sam 9h-19h
Dim désactivé (taux de transformation faible en B2B)

Campagne 2 — Intention Métier

Mots-clés (mode Phrase Match)

"habillage utilitaire entreprise"
"covering camion artisan"
"marquage utilitaire publicitaire"
"covering véhicule professionnel"
"flocage utilitaire pro"
"covering camion plombier"
"covering camion électricien"
"covering camion paysagiste"
"habillage véhicule société"
"marquage flotte véhicule"

Annonces responsives

TITRE 1 : Habillage utilitaire pro — POPXL
TITRE 2 : Votre camion = votre commercial 24/7
TITRE 3 : Configurateur IA en 1 minute
TITRE 4 : Spécialiste flotte entreprise
TITRE 5 : 14 ans d'expérience Vendée
TITRE 6 : Renault Peugeot Citroën Mercedes
TITRE 7 : Pose partout en France
TITRE 8 : Programme pionnier actif

DESCRIPTION 1 : Habillage utilitaire pour artisans, PME et entreprises. Configurateur IA POPXL Studio. Devis sous 24h, pose partout en France.

DESCRIPTION 2 : Plombier, électricien, paysagiste, transport — habillez vos véhicules en 30 à 40 jours. Films premium 3M Hexis Avery. Garantie 3-5 ans.

DESCRIPTION 3 : 14 ans à habiller des utilitaires pros. Fabrication Vendée, pose nationale. IA pour visualiser, équipe humaine pour finaliser.

Budget recommandé

20-25 €/jour
Mêmes paramètres campagne 1

Campagne 3 — Brand & Configurateur direct

Mots-clés (mode Exact Match)

[POPXL]
[POPXL Vendée]
[POPXL covering]
[POPXL studio]
[configurateur covering véhicule]
[simulateur covering IA]
[configurateur IA véhicule]

Pourquoi cette campagne ?

Capter votre marque (sinon les concurrents l’achètent et passent devant vous)
Capter les requêtes ultra-spécifiques où vous êtes seul
CPC très bas (0,30-0,80 €), conversion très élevée

Budget recommandé

5-8 €/jour
ROAS attendu : 10x+

Budget total mensuel campagnes Google Ads

Campagne 1 (Prix)      : 30 €/jour × 30 = 900 €
Campagne 2 (Métier)    : 25 €/jour × 30 = 750 €
Campagne 3 (Brand)     :  7 €/jour × 30 = 210 €
─────────────────────────────────────────────
TOTAL                  : 1 860 €/mois

Premier mois prévoir 100% du budget en test. À partir du 2e mois, scaler les campagnes profitables, couper les autres.

KPIs cible Google Ads à 30 jours

KPI	Cible
CTR	> 5% (campagnes search)
Coût par clic moyen	0,80 - 2,50 €
Quality Score moyen	7+
Coût par conversion (lead)	< 50 €
Taux de conversion landing page	> 6%
Coût par devis signé	< 400 €
ROAS	> 4x

Si à J+30 vous êtes en dessous de ces seuils → on revoit campagnes et LP. Si vous êtes au-dessus → on scale à 3 000-5 000 €/mois.

SETUP TRACKING UTM PAR CANAL

Schéma de tracking unifié

Pour mesurer chaque canal proprement, utilisez ce schéma de paramètres UTM cohérent :

?utm_source=google&utm_medium=cpc&utm_campaign=intention_prix&utm_content=variant_a
?utm_source=google&utm_medium=cpc&utm_campaign=intention_metier&utm_content=variant_b
?utm_source=google&utm_medium=cpc&utm_campaign=brand&utm_content=variant_a
?utm_source=meta&utm_medium=paid&utm_campaign=retargeting&utm_content=audience_curieux
?utm_source=meta&utm_medium=paid&utm_campaign=retargeting&utm_content=audience_identifies
?utm_source=meta&utm_medium=paid&utm_campaign=retargeting&utm_content=audience_chauds
?utm_source=linkedin&utm_medium=organic&utm_campaign=post_dirigeant
?utm_source=linkedin&utm_medium=organic&utm_campaign=post_societe
?utm_source=newsletter&utm_medium=email&utm_campaign=relance_j2

Implémentation dans les composants Astro

// utils/tracking.ts
export function getUTMParams() {
  if (typeof window === 'undefined') return {};
  const params = new URLSearchParams(window.location.search);
  return {
    utm_source: params.get('utm_source'),
    utm_medium: params.get('utm_medium'),
    utm_campaign: params.get('utm_campaign'),
    utm_content: params.get('utm_content'),
    utm_term: params.get('utm_term')
  };
}

// Stocker les UTM en sessionStorage pour les retrouver sur les events suivants
export function storeUTMParams() {
  const utms = getUTMParams();
  if (utms.utm_source) {
    sessionStorage.setItem('popxl_utm', JSON.stringify(utms));
  }
}

// Récupérer pour les events GA4
export function getStoredUTMs() {
  const stored = sessionStorage.getItem('popxl_utm');
  return stored ? JSON.parse(stored) : {};
}

À utiliser dans chaque event GA4 :

gtag('event', 'configurateur_devis_requested', {
  ...existingParams,
  ...getStoredUTMs()
});

CHECKLIST DE LANCEMENT

Avant de coder

Décision validée : Option A (configurateur intégré) ou B (redirection)
Couleurs / typographies du Landing Layout définies
Liste des photos et témoignages disponibles confirmée
Variantes A/B/C choisies pour démarrage (1 par LP)

Phase de développement (estimée 12-20h)

Phase de lancement Google Ads

Compte Google Ads créé / vérifié
Conversions GA4 importées dans Google Ads
Campagne 1 (Prix) configurée et en pause
Campagne 2 (Métier) configurée et en pause
Campagne 3 (Brand) configurée et en pause
Budget plafond mensuel défini (sécurité)
Validation visuelle des annonces dans l’éditeur
Test des extensions
Activation séquentielle (Brand d’abord, puis Métier, puis Prix)

Premier mois — Routine

Semaine 1 : observer, ne rien toucher (laissez l’algo apprendre)

Semaine 2 : analyser les premiers chiffres

Quelles annonces ont le meilleur CTR ?
Quels mots-clés ramènent les conversions ?
Quel canal a le meilleur taux de conversion sur LP ?

Semaine 3 : ajustements

Mettre en pause les mots-clés qui dépensent sans convertir
Augmenter les enchères sur les mots-clés qui convertissent
Activer la variante B/C si la A montre des limites

Semaine 4 : reporting et décisions

Quelle LP a le meilleur taux de conversion ?
Quel canal a le meilleur CPL ?
Décision scale / pivot / coupe

ROADMAP POST-LANCEMENT

Mois 1

Configurer, lancer, observer. Pas de scaling agressif.

Mois 2

Optimiser ce qui marche, couper ce qui ne marche pas. Activer les audiences Lookalike Meta si > 100 conversions.

Mois 3

Scaler le canal le plus rentable. Préparer LP 4 (LinkedIn organique : /lp/popxl-studio orienté contenu/PR).

Mois 4-6

Ajouter LP par métier (ex : /lp/covering-plombier, /lp/covering-paysagiste)
A/B tester les CTA, hero visuels, positions du programme pionnier
Tester d’autres canaux : YouTube Ads (si vidéo prête), TikTok Ads (jeune cible artisanale)

Mois 6-12

Industrialiser : LP par couple métier × région
30+ landing pages possibles à terme
Trafic payant cumulé attendu : 5 000 - 15 000 visites/mois

PROMPT POUR CLAUDE CODE (à coller en début de session)

Bonjour. Je travaille sur popxl.fr (Astro 5 SSR + Tailwind). Je veux créer 3 landing pages spécialisées pour mes campagnes Google Ads et Meta Ads, distinctes de ma page configurateur principale (/configurateur/vehicule).

J’ai préparé un brief complet : LANDING-PAGES-Par-Canal-v1.md (à lire intégralement).

Avant de coder :

Explore la structure actuelle : src/pages, src/components, src/layouts

Identifie le composant configurateur existant (formulaire 5 étapes)

Identifie le système d’événements GA4 existant (configurateur_identify, configurateur_mockup_generated…)

Lis le brief LANDING-PAGES-Par-Canal-v1.md

Propose-moi un plan de chantier en 3 phases :

Phase 1 : LandingLayout + composants partagés

Phase 2 : LP 1, 2, 3 (une par session)

Phase 3 : tracking UTM + variantes A/B

Pose-moi toutes les questions de clarification nécessaires (couleurs, photos disponibles, choix Option A vs B…)

On commencera par la Phase 1 une fois le plan validé.

Fin du document. Prêt à intégrer.

LANDING PAGES PAR CANAL — Brief Claude Code

3 pages d’atterrissage spécialisées + variantes A/B + setup tracking

NOTE DE CONTEXTE

INSTRUCTIONS POUR CLAUDE CODE

Architecture de fichiers proposée

Décisions techniques fondamentales

LP 1 — Google Ads “Intention Prix”

Header simplifié

Hero

Bloc 2 — Tableau de prix transparent (le coeur de la LP)

Bloc 3 — Levée d’objection prix

Bloc 4 — Programme Pionnier (réutilisable)

Bloc 5 — Configurateur intégré

Bloc 6 — Réassurance compacte

Footer minimaliste

Variantes A/B à coder dès le départ

LP 2 — Google Ads “Intention Métier”

Header simplifié

Hero

Bloc 2 — Galerie “Métiers que nous habillons”

Bloc 3 — Galerie générale (héritée du configurateur principal)

Bloc 4 — Le combo IA + humain

Bloc 5 — Programme Pionnier

Bloc 6 — Process condensé

Bloc 7 — Configurateur intégré

Bloc 8 — Réassurance + Footer

Variantes A/B LP 2

LP 3 — Meta Retargeting (Audience 1 + 2 + 3)

Particularité majeure

Header simplifié

Hero

Bloc 2 — “Pourquoi vous n’avez pas terminé ?”

Bloc 3 — Rappel programme pionnier (urgence soft)

Bloc 4 — Témoignage rapide (1 seul, percutant)

Bloc 5 — Configurateur intégré

Footer

Variantes A/B LP 3

VERSION MOBILE PUB (override CSS pour les 3 LP)

Règles d’or

Implémentation Tailwind

Performance mobile cible

SCRIPT GOOGLE ADS — CAMPAGNES PRÊTES À LANCER

Structure des campagnes

Campagne 1 — Intention Prix

Campagne 2 — Intention Métier

Campagne 3 — Brand & Configurateur direct

Budget total mensuel campagnes Google Ads

KPIs cible Google Ads à 30 jours

SETUP TRACKING UTM PAR CANAL

Schéma de tracking unifié

Implémentation dans les composants Astro

CHECKLIST DE LANCEMENT

Avant de coder

Phase de développement (estimée 12-20h)

Phase de lancement Google Ads

Premier mois — Routine

ROADMAP POST-LANCEMENT

Mois 1

Mois 2

Mois 3

Mois 4-6

Mois 6-12

PROMPT POUR CLAUDE CODE (à coller en début de session)