{"id":999300,"date":"2026-06-07T21:09:03","date_gmt":"2026-06-07T21:09:03","guid":{"rendered":"https:\/\/comhit.agency\/?p=999300"},"modified":"2026-06-07T22:15:39","modified_gmt":"2026-06-07T22:15:39","slug":"landing-page-ephemere-salon","status":"publish","type":"post","link":"https:\/\/comhit.agency\/en\/landing-page-ephemere-salon\/","title":{"rendered":"Temporary landing page for trade shows: collect your contacts"},"content":{"rendered":"\n<style>\n:root {\n  --bg: #040404;\n  --white: #FFFFFF;\n  --gray-light: #C0C0C0;\n  --gray: #8A8A8A;\n  --gray-dark: #444444;\n  --accent: #F5580E;\n  --accent-hover: #FF6312;\n  --blue: #5f9bc7;\n  --green: #25c952;\n  --red: #db3535;\n  --border: #2A2A2A;\n  --card-bg: #0D0D0D;\n  --font-display: 'Funnel Display', sans-serif;\n  --font: 'Manrope', sans-serif;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\n.article-wrap {\n  max-width: 1000px; margin: 0 auto;\n  padding: 60px 40px 100px;\n  font-family: var(--font); color: var(--white); background: var(--bg);\n}\n\n\/* \u2500\u2500 Base typography \u2500\u2500 *\/\n.article-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.13em; color: var(--accent); margin-bottom: 16px; display: block; font-family: var(--font); }\n.article-title { font-size: clamp(28px, 4vw, 44px) !important; font-weight: 800 !important; color: #FFFFFF !important; color: var(--white) !important; line-height: 1.15; margin-bottom: 24px; font-family: var(--font-display); }\n.article-intro { font-size: 17px; color: var(--gray-light); line-height: 1.8; border-left: 3px solid var(--accent); padding-left: 20px; margin-bottom: 48px; font-family: var(--font); }\n.article-wrap h2 { font-size: 22px; font-weight: 800; color: var(--white); margin: 56px 0 20px; display: flex; align-items: center; gap: 10px; font-family: var(--font-display); }\n.article-wrap h2 .icon { font-size: 20px; }\n.article-wrap h3 { font-size: 15px; font-weight: 700; color: var(--accent); margin: 24px 0 8px; font-family: var(--font-display); }\n.article-wrap p { font-size: 16px; color: var(--gray-light); line-height: 1.75; margin-bottom: 16px; font-family: var(--font); }\n.article-divider { border: none; border-top: 1px solid var(--border); margin: 48px 0; }\n\n\/* \u2500\u2500 Lucide inline SVG \u2500\u2500 *\/\n.lc { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.75; fill: none; flex-shrink: 0; display: block; }\n.lc-sm { width: 15px; height: 15px; stroke: currentColor; stroke-width: 2.2; fill: none; flex-shrink: 0; display: inline-block; vertical-align: middle; margin-top: -1px; }\n.lc-lg { width: 28px; height: 28px; stroke: currentColor; stroke-width: 1.5; fill: none; flex-shrink: 0; display: block; }\n.lc-orange { color: var(--accent); }\n.lc-blue   { color: var(--blue); }\n.lc-white  { color: var(--white); }\n.lc-gray   { color: var(--gray); }\n.lc-green  { color: var(--green); }\n.lc-red    { color: var(--red); }\n\n\/* \u2500\u2500 Key numbers \u2500\u2500 *\/\n.key-numbers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 8px 0 48px; }\n.kn-card { border: 1px solid var(--border); border-radius: 16px; padding: 28px 20px; text-align: center; background: var(--card-bg); }\n.kn-value { font-size: 32px; font-weight: 800; color: var(--white); margin-bottom: 6px; font-family: var(--font-display); line-height: 1; }\n.kn-value span { color: var(--accent); }\n.kn-label { font-size: 12px; color: var(--gray-light); font-weight: 500; line-height: 1.45; font-family: var(--font); }\n\n\/* \u2500\u2500 Callout \u2500\u2500 *\/\n.callout { border-radius: 12px; padding: 20px 24px; margin: 24px 0; display: flex; gap: 14px; align-items: flex-start; }\n.callout-orange { background: rgba(245,88,14,0.08); border-left: 3px solid var(--accent); }\n.callout-blue   { background: rgba(95,155,199,0.07); border-left: 3px solid var(--blue); }\n.callout-icon { flex-shrink: 0; margin-top: 3px; display: flex; align-items: center; }\n.callout-text { font-size: 15px; color: var(--gray-light); line-height: 1.65; font-family: var(--font); }\n.callout-text strong { color: var(--white); }\n\n\/* \u2500\u2500 Feat cards 2-col \u2500\u2500 *\/\n.feat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }\n.feat-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 20px 20px; background: var(--card-bg); position: relative; }\n.feat-card-icon { position: absolute; top: 18px; right: 18px; display: flex; align-items: center; justify-content: center; }\n.feat-card-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--accent); margin-bottom: 10px; display: block; font-family: var(--font); }\n.feat-card-title { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 8px; padding-right: 36px; font-family: var(--font-display); }\n.feat-card-desc { font-size: 14px; color: var(--gray-light); line-height: 1.65; font-family: var(--font); }\n\n\/* \u2500\u2500 Step list \u2500\u2500 *\/\n.step-list { display: flex; flex-direction: column; gap: 0; margin: 0 0 0 0; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; }\n.step-item { display: flex; align-items: flex-start; gap: 20px; padding: 22px 24px; border-bottom: 1px solid var(--border); }\n.step-item:last-child { border-bottom: none; }\n.step-num { flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: rgba(245,88,14,0.12); border: 1px solid rgba(245,88,14,0.25); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; color: var(--accent); font-family: var(--font-display); margin-top: 2px; }\n.step-body { flex: 1; }\n.step-title { font-size: 15px; font-weight: 700; color: var(--white); margin-bottom: 4px; font-family: var(--font-display); }\n.step-desc { font-size: 14px; color: var(--gray-light); line-height: 1.65; font-family: var(--font); }\n.step-tag { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; font-size: 11px; font-weight: 700; color: var(--accent); background: rgba(245,88,14,0.08); border: 1px solid rgba(245,88,14,0.2); border-radius: 4px; padding: 3px 8px; font-family: var(--font); text-transform: uppercase; letter-spacing: 0.08em; }\n.step-tag.blue { color: var(--blue); background: rgba(95,155,199,0.08); border-color: rgba(95,155,199,0.25); }\n\n\/* \u2500\u2500 Anatomy table \u2500\u2500 *\/\n.table-wrap { overflow-x: auto; margin: 20px 0 32px; border-radius: 16px; border: 1px solid var(--border); }\n.article-wrap table { width: 100%; border-collapse: collapse; font-size: 14px; }\n.article-wrap thead th { background: #0f0f0f; padding: 13px 18px; text-align: left; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent); border-bottom: 1px solid var(--border); font-family: var(--font); }\n.article-wrap tbody td { padding: 14px 18px; border-bottom: 1px solid #181818; color: var(--gray-light); vertical-align: top; font-family: var(--font); }\n.article-wrap tbody tr:last-child td { border-bottom: none; }\n.article-wrap tbody tr:hover td { background: #111; }\n.td-name { font-weight: 700; color: var(--blue); }\n.td-accent { color: var(--accent); font-weight: 600; }\n.td-bad { color: var(--gray); font-size: 13px; }\n\n\/* \u2500\u2500 Accordion FAQ \u2500\u2500 *\/\n.accordion { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; margin: 24px 0; }\n.acc-item { border-bottom: 1px solid var(--border); }\n.acc-item:last-child { border-bottom: none; }\n.acc-trigger { width: 100%; background: none; border: none; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; text-align: left; transition: background 0.15s; }\n.acc-trigger:hover { background: rgba(255,255,255,0.02); }\n.acc-trigger-text { font-size: 15px; font-weight: 700; color: var(--white); font-family: var(--font-display); line-height: 1.3; }\n.acc-arrow { flex-shrink: 0; width: 24px; height: 24px; border-radius: 6px; background: rgba(245,88,14,0.1); border: 1px solid rgba(245,88,14,0.2); display: flex; align-items: center; justify-content: center; transition: background 0.2s; }\n.acc-arrow svg { width: 10px; height: 10px; stroke: var(--accent); stroke-width: 2.5; fill: none; transition: transform 0.25s; }\n.acc-item.open .acc-arrow { background: var(--accent); }\n.acc-item.open .acc-arrow svg { stroke: #fff; transform: rotate(180deg); }\n.acc-body { display: none; padding: 0 24px 20px; font-size: 15px; color: var(--gray-light); line-height: 1.75; font-family: var(--font); }\n.acc-body strong { color: var(--white); }\n.acc-item.open .acc-body { display: block; }\n\n\/* \u2500\u2500 Infographic \u2014 Funnel temporel \u2500\u2500 *\/\n.ig-funnel { margin: 32px 0; border: 1px solid var(--border); border-radius: 20px; background: var(--card-bg); padding: 36px 28px 32px; overflow: hidden; position: relative; }\n.ig-funnel::after { content: ''; position: absolute; bottom: -80px; left: -80px; width: 300px; height: 300px; border-radius: 50%; background: radial-gradient(circle, rgba(245,88,14,0.05) 0%, transparent 70%); pointer-events: none; }\n.ig-funnel-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.13em; color: var(--accent); margin-bottom: 6px; display: block; font-family: var(--font); }\n.ig-funnel-title { font-size: 16px; font-weight: 800; color: var(--white); margin-bottom: 28px; font-family: var(--font-display); }\n.ig-funnel-stages { display: flex; flex-direction: column; gap: 6px; }\n.ig-stage { display: flex; align-items: center; gap: 16px; cursor: pointer; border-radius: 10px; padding: 12px 16px; border: 1px solid transparent; transition: border-color 0.2s, background 0.2s; }\n.ig-stage:hover, .ig-stage.ig-active { border-color: rgba(245,88,14,0.25); background: rgba(245,88,14,0.05); }\n.ig-stage-bar-wrap { flex-shrink: 0; display: flex; align-items: center; gap: 10px; width: 200px; }\n.ig-stage-label { font-size: 12px; font-weight: 700; color: var(--white); font-family: var(--font-display); width: 52px; flex-shrink: 0; }\n.ig-stage-track { flex: 1; height: 8px; background: var(--border); border-radius: 4px; overflow: hidden; }\n.ig-stage-fill { height: 100%; border-radius: 4px; background: var(--accent); transition: width 0.6s ease; width: 0; }\n.ig-stage-fill.blue { background: var(--blue); }\n.ig-stage-pct { font-size: 12px; font-weight: 700; color: var(--accent); font-family: var(--font-display); width: 36px; text-align: right; flex-shrink: 0; }\n.ig-stage-desc { font-size: 13px; color: var(--gray-light); line-height: 1.5; font-family: var(--font); flex: 1; }\n.ig-stage.ig-active .ig-stage-desc { color: var(--white); }\n.ig-funnel-note { margin-top: 20px; font-size: 13px; color: var(--gray); font-family: var(--font); font-style: italic; }\n\n\/* \u2500\u2500 Checklist cards \u2500\u2500 *\/\n.check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0; }\n.check-card { border: 1px solid var(--border); border-radius: 16px; padding: 24px 20px; background: var(--card-bg); }\n.check-card-label { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; font-family: var(--font-display); }\n.check-card-label.green { color: var(--green); }\n.check-card-label.red   { color: var(--red); }\n.check-items { display: flex; flex-direction: column; gap: 9px; list-style: none; --theme-list-indent: 0; padding-inline-start: 0; margin-block-end: 0; }\n.check-items li { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: var(--gray-light); line-height: 1.55; font-family: var(--font); }\n\n\/* \u2500\u2500 Split comparison \u2500\u2500 *\/\n.split-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 24px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--border); }\n.split-col { padding: 28px 24px; background: var(--card-bg); }\n.split-col.before { background: rgba(219,53,53,0.04); border-right: 1px solid var(--border); }\n.split-col.after  { background: rgba(37,201,82,0.04); }\n.split-col-label { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 16px; display: flex; align-items: center; gap: 7px; font-family: var(--font-display); }\n.split-col.before .split-col-label { color: var(--red); }\n.split-col.after  .split-col-label { color: var(--green); }\n.split-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 10px; font-size: 14px; color: var(--gray-light); line-height: 1.55; font-family: var(--font); }\n.split-item:last-child { margin-bottom: 0; }\n.split-col.before .split-item { color: var(--gray); }\n\n\/* \u2500\u2500 Decorative portrait images \u2014 1\/3 column \u2500\u2500 *\/\n.with-img { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; align-items: start; margin: 24px 0; }\n.with-img.img-left { grid-template-columns: 1fr 2fr; }\n.with-img.img-left .deco-img-wrap { order: -1; }\n.deco-img-wrap { border-radius: 12px; overflow: hidden; border: 1px solid var(--border); background: #080808; box-shadow: 0 8px 32px rgba(0,0,0,0.4); }\n.deco-img { width: 100%; height: auto; display: block; pointer-events: none; }\n\n.cta-box { border: 1px solid var(--gray-dark); border-radius: 20px; padding: 40px; text-align: center; margin-top: 64px; background: var(--card-bg); position: relative; overflow: hidden; }\n.cta-box::before { content: ''; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); width: 500px; height: 280px; background: radial-gradient(ellipse, rgba(245,88,14,0.09) 0%, transparent 70%); pointer-events: none; }\n.cta-eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.13em; color: var(--accent); margin-bottom: 12px; display: block; font-family: var(--font); }\n.cta-title { font-size: 24px !important; font-weight: 800 !important; color: #FFFFFF !important; color: var(--white) !important; margin-bottom: 12px; font-family: var(--font-display); line-height: 1.2; }\n.cta-sub { font-size: 15px; color: var(--gray-light) !important; margin-bottom: 28px; font-family: var(--font); line-height: 1.65; }\n.cta-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--accent); color: #fff; font-family: var(--font); font-size: 15px; font-weight: 700; padding: 14px 28px; border-radius: 8px; text-decoration: none; transition: background 0.2s; }\n.cta-btn:hover { background: var(--accent-hover); color: #fff; }\n.cta-btn svg { flex-shrink: 0; }\n\n\/* \u2500\u2500 Mobile 768px \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .article-wrap { padding: 32px 16px 80px; }\n\n  \/* Grids \u2192 single col *\/\n  .key-numbers { grid-template-columns: 1fr; }\n  .feat-grid    { grid-template-columns: 1fr; }\n  .check-grid   { grid-template-columns: 1fr; }\n\n  \/* Split compare stacks vertically *\/\n  .split-compare { grid-template-columns: 1fr; }\n  .split-col.before { border-right: none; border-bottom: 1px solid var(--border); }\n  .split-col.after  { border-top: none; }\n\n  \/* With-img decorative: image hidden on mobile to save space *\/\n  .with-img, .with-img.img-left { grid-template-columns: 1fr; gap: 0; }\n  .with-img .deco-img-wrap,\n  .with-img.img-left .deco-img-wrap { display: none; }\n\n  \/* Funnel: stack bar and desc vertically per stage *\/\n  .ig-funnel { padding: 24px 16px 20px; }\n  .ig-stage { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; }\n  .ig-stage-bar-wrap { width: 100%; }\n  .ig-stage-desc { font-size: 12px; }\n\n  \/* Accordion: tighten padding *\/\n  .acc-trigger { padding: 16px; }\n  .acc-body { padding: 0 16px 16px; font-size: 14px; }\n\n  \/* Split col padding *\/\n  .split-col { padding: 20px 16px; }\n\n  \/* Table: card-style on mobile *\/\n  .table-wrap { border: none; border-radius: 0; overflow: visible; }\n  .article-wrap table, .article-wrap tbody { display: block; }\n  .article-wrap thead { display: none; }\n  .article-wrap tbody { display: flex; flex-direction: column; gap: 10px; }\n  .article-wrap tbody tr { display: block; border: none; padding: 16px 0; border-bottom: 1px solid var(--border); }\n  .article-wrap tbody tr:last-child { border-bottom: none; }\n  .article-wrap tbody td { display: block; padding: 0; border: none; font-size: 14px; line-height: 1.5; }\n  .article-wrap tbody td::before { content: attr(data-label); display: block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent); margin-top: 12px; margin-bottom: 3px; font-family: var(--font); }\n  .article-wrap tbody td:first-child::before { margin-top: 0; }\n  .article-table td, .article-table th { border: none !important; border-width: 0 !important; }\n\n  \/* CTA *\/\n  .cta-box { padding: 28px 20px; }\n  .cta-btn { display: inline-flex; justify-content: center; width: 100%; }\n\n  \/* Step list tighten *\/\n  .step-item { padding: 18px 16px; gap: 14px; }\n  .step-num { width: 30px; height: 30px; font-size: 13px; border-radius: 8px; }\n\n  \/* feat-card icon repositions safely *\/\n  .feat-card { padding: 20px 16px 16px; }\n  .feat-card-title { padding-right: 32px; }\n}\n\n\/* \u2500\u2500 Mobile 500px \u2500\u2500 *\/\n@media (max-width: 500px) {\n  .article-title { font-size: 24px !important; }\n  .article-wrap h2 { font-size: 18px; }\n  .ig-funnel-title { font-size: 14px; }\n  .acc-trigger-text { font-size: 14px; }\n  .kn-value { font-size: 28px; }\n  .cta-title { font-size: 20px !important; }\n}\n\n@media (max-width: 768px) {\n    .article-wrap table, .article-wrap tbody {\n        border:0!important;\n    }\n}\n\n\n<\/style>\n\n<article class=\"article-wrap\">\n\n  <span class=\"article-eyebrow\">Dispositifs Terrain &middot; Capture de Leads<\/span>\n\n  <h1 class=\"article-title\">Landing page \u00e9ph\u00e9m\u00e8re pour salon&nbsp;: comment r\u00e9cup\u00e9rer les contacts apr\u00e8s l&rsquo;\u00e9v\u00e9nement<\/h1>\n\n  <p class=\"article-intro\">Un salon professionnel se termine. Les badges sont scann\u00e9s, les brochures distribu\u00e9es, les conversations not\u00e9es dans un carnet. Deux semaines plus tard, 70&nbsp;% des contacts collect\u00e9s n&rsquo;ont donn\u00e9 lieu \u00e0 aucune relance structur\u00e9e. La landing page \u00e9ph\u00e9m\u00e8re est le seul dispositif qui transforme un \u00e9v\u00e9nement physique en pipeline tra\u00e7able. Voici comment la construire et la d\u00e9ployer avant le&nbsp;J-0.<\/p>\n\n  <!-- KEY NUMBERS -->\n  <div class=\"key-numbers\">\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>70<\/span>%<\/div>\n      <div class=\"kn-label\">Des contacts salon non relanc\u00e9s dans les 15 jours post-\u00e9v\u00e9nement<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\">48<span>h<\/span><\/div>\n      <div class=\"kn-label\">Fen\u00eatre d&rsquo;engagement optimal apr\u00e8s la rencontre physique<\/div>\n    <\/div>\n    <div class=\"kn-card\">\n      <div class=\"kn-value\"><span>3<\/span>\u00d7<\/div>\n      <div class=\"kn-label\">Taux de conversion sup\u00e9rieur vs un lien vers la homepage<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- SECTION 1 -->\n  <h2><span class=\"icon\">\ud83c\udfaf<\/span> Ce qu&rsquo;est r\u00e9ellement une landing page \u00e9ph\u00e9m\u00e8re<\/h2>\n\n  <p>Une landing page \u00e9ph\u00e9m\u00e8re n&rsquo;est pas une page de votre site. Ce n&rsquo;est pas votre homepage redirig\u00e9e. C&rsquo;est une page d\u00e9di\u00e9e, construite pour un salon pr\u00e9cis, active pendant une fen\u00eatre d\u00e9finie, de J-7 avant l&rsquo;\u00e9v\u00e9nement jusqu&rsquo;\u00e0 J+30 apr\u00e8s, et con\u00e7ue pour une seule&nbsp;mission&nbsp;: capturer et qualifier un contact.<\/p>\n\n  <div class=\"feat-grid\">\n    <div class=\"feat-card\">\n      <span class=\"feat-card-icon\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F5580E\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12S4 16 4 10a8 8 0 1 1 16 0Z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n      <\/span>\n      <span class=\"feat-card-label\">Contextuelle<\/span>\n      <div class=\"feat-card-title\">Rattach\u00e9e \u00e0 l&rsquo;\u00e9v\u00e9nement<\/div>\n      <div class=\"feat-card-desc\">Elle porte le nom du salon, ses dates, son secteur. Le visiteur qui scanne le QR code depuis votre stand ou votre brochure atterrit dans un univers qu&rsquo;il reconna\u00eet imm\u00e9diatement.<\/div>\n    <\/div>\n    <div class=\"feat-card\">\n      <span class=\"feat-card-icon\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F5580E\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n      <\/span>\n      <span class=\"feat-card-label\">Temporaire<\/span>\n      <div class=\"feat-card-title\">Active sur une fen\u00eatre courte<\/div>\n      <div class=\"feat-card-desc\">L&rsquo;\u00e9ph\u00e9m\u00e8re n&rsquo;est pas un d\u00e9faut. C&rsquo;est une m\u00e9canique de conversion. Une ressource disponible \u00ab\u00a0pendant 30 jours apr\u00e8s le salon\u00a0\u00bb cr\u00e9e une urgence douce qui acc\u00e9l\u00e8re le passage \u00e0&nbsp;l&rsquo;action.<\/div>\n    <\/div>\n    <div class=\"feat-card\">\n      <span class=\"feat-card-icon\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F5580E\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 12 20 22 4 22 4 12\"\/><rect x=\"2\" y=\"7\" width=\"20\" height=\"5\"\/><path d=\"M12 22V7M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"\/><\/svg>\n      <\/span>\n      <span class=\"feat-card-label\">Orient\u00e9e \u00e9change<\/span>\n      <div class=\"feat-card-title\">Une ressource contre un contact<\/div>\n      <div class=\"feat-card-desc\">Elle propose quelque chose de valeur, \u00e9tude de cas, audit, guide PDF, en \u00e9change d&rsquo;un email qualifi\u00e9. Pas un formulaire de contact g\u00e9n\u00e9rique. Un \u00e9change&nbsp;explicite.<\/div>\n    <\/div>\n    <div class=\"feat-card\">\n      <span class=\"feat-card-icon\">\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F5580E\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/><\/svg>\n      <\/span>\n      <span class=\"feat-card-label\">Tra\u00e7able<\/span>\n      <div class=\"feat-card-title\">Mesurable de bout en bout<\/div>\n      <div class=\"feat-card-desc\">Contrairement \u00e0 une conversation en all\u00e9e, la landing page produit des donn\u00e9es&nbsp;: nombre de scans, taux de conversion formulaire, source des contacts. Le ROI du salon devient&nbsp;calculable.<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-orange\">\n    <span class=\"callout-icon\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F5580E\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n    <\/span>\n    <div class=\"callout-text\"><strong>Distinction cl\u00e9&nbsp;:<\/strong> une landing page \u00e9ph\u00e9m\u00e8re n&rsquo;est pas une page \u00ab\u00a0\u00e0 d\u00e9sactiver plus tard\u00a0\u00bb. Elle est con\u00e7ue avec une date d&rsquo;expiration dans sa logique de contenu et dans ses visuels. Cela change la mani\u00e8re dont le visiteur la per\u00e7oit et&nbsp;agit.<\/div>\n  <\/div>\n\n  <!-- SECTION 2 \u2014 Infographic funnel -->\n  <h2><span class=\"icon\">\u23f3<\/span> La fen\u00eatre d&rsquo;activation&nbsp;: ce qui se joue dans les 30 jours<\/h2>\n\n  <p>La valeur d&rsquo;un contact de salon d\u00e9cro\u00eet vite. La m\u00e9moire de la conversation s&rsquo;efface, les interlocuteurs se dispersent, les priorit\u00e9s changent. Cliquez sur chaque phase pour comprendre ce qui se joue r\u00e9ellement dans les 30 jours qui suivent&nbsp;l&rsquo;\u00e9v\u00e9nement.<\/p>\n\n  <div class=\"ig-funnel\">\n    <span class=\"ig-funnel-eyebrow\">Donn\u00e9es terrain &middot; Salons B2B<\/span>\n    <div class=\"ig-funnel-title\">Taux d&rsquo;engagement moyen par fen\u00eatre post-salon, cliquez sur une phase pour le d\u00e9tail<\/div>\n    <div class=\"ig-funnel-stages\" id=\"funnelStages\">\n\n      <div class=\"ig-stage ig-active\" onclick=\"funnelActivate(0)\">\n        <div class=\"ig-stage-bar-wrap\">\n          <span class=\"ig-stage-label\">J+0\u20132<\/span>\n          <div class=\"ig-stage-track\"><div class=\"ig-stage-fill\" data-w=\"92\" style=\"width:92%\"><\/div><\/div>\n          <span class=\"ig-stage-pct\">92%<\/span>\n        <\/div>\n        <div class=\"ig-stage-desc\">Pic d&rsquo;engagement. Le contact se souvient de la conversation, l&rsquo;intention est maximale. C&rsquo;est la fen\u00eatre o\u00f9 un QR code vers une landing page d\u00e9di\u00e9e peut capter un email qualifi\u00e9 en quelques&nbsp;secondes.<\/div>\n      <\/div>\n\n      <div class=\"ig-stage\" onclick=\"funnelActivate(1)\">\n        <div class=\"ig-stage-bar-wrap\">\n          <span class=\"ig-stage-label\">J+3\u20137<\/span>\n          <div class=\"ig-stage-track\"><div class=\"ig-stage-fill\" data-w=\"61\" style=\"width:61%\"><\/div><\/div>\n          <span class=\"ig-stage-pct\">61%<\/span>\n        <\/div>\n        <div class=\"ig-stage-desc\">Engagement encore solide si le contact a conserv\u00e9 votre brochure ou re\u00e7u un email de suivi. Sans dispositif actif, il commence \u00e0 traiter votre marque comme un exposant parmi&nbsp;d&rsquo;autres.<\/div>\n      <\/div>\n\n      <div class=\"ig-stage\" onclick=\"funnelActivate(2)\">\n        <div class=\"ig-stage-bar-wrap\">\n          <span class=\"ig-stage-label\">J+8\u201315<\/span>\n          <div class=\"ig-stage-track\"><div class=\"ig-stage-fill blue\" data-w=\"34\" style=\"width:34%\"><\/div><\/div>\n          <span class=\"ig-stage-pct\">34%<\/span>\n        <\/div>\n        <div class=\"ig-stage-desc\">Chute marqu\u00e9e. Le contexte \u00e9motionnel du salon s&rsquo;est effac\u00e9. Seule une relance personnalis\u00e9e avec un \u00e9l\u00e9ment concret peut maintenir&nbsp;l&rsquo;int\u00e9r\u00eat.<\/div>\n      <\/div>\n\n      <div class=\"ig-stage\" onclick=\"funnelActivate(3)\">\n        <div class=\"ig-stage-bar-wrap\">\n          <span class=\"ig-stage-label\">J+16\u201330<\/span>\n          <div class=\"ig-stage-track\"><div class=\"ig-stage-fill blue\" data-w=\"18\" style=\"width:18%\"><\/div><\/div>\n          <span class=\"ig-stage-pct\">18%<\/span>\n        <\/div>\n        <div class=\"ig-stage-desc\">Fen\u00eatre de r\u00e9cup\u00e9ration. Quelques contacts r\u00e9pondent encore si l&rsquo;offre est suffisamment sp\u00e9cifique. La landing page peut rester active avec un compte \u00e0 rebours pour maintenir une pression douce sur les&nbsp;ind\u00e9cis.<\/div>\n      <\/div>\n\n      <div class=\"ig-stage\" onclick=\"funnelActivate(4)\">\n        <div class=\"ig-stage-bar-wrap\">\n          <span class=\"ig-stage-label\">J+30+<\/span>\n          <div class=\"ig-stage-track\"><div class=\"ig-stage-fill blue\" data-w=\"7\" style=\"width:7%\"><\/div><\/div>\n          <span class=\"ig-stage-pct\">7%<\/span>\n        <\/div>\n        <div class=\"ig-stage-desc\">La landing page peut \u00eatre d\u00e9sactiv\u00e9e ou redirig\u00e9e vers votre page services. Le contact qui arrive ici n&rsquo;a plus de contexte salon. Il doit \u00eatre trait\u00e9 comme un prospect froid dans votre s\u00e9quence&nbsp;standard.<\/div>\n      <\/div>\n\n    <\/div>\n    <div class=\"ig-funnel-note\">* Indicateurs bas\u00e9s sur les comportements observ\u00e9s sur des dispositifs B2B \u00e9v\u00e9nementiels. Les taux varient selon le secteur et la qualit\u00e9 de l&rsquo;\u00e9change initial.<\/div>\n  <\/div>\n\n  <!-- SECTION 3 \u2014 5 blocs -->\n  <h2><span class=\"icon\">\ud83c\udfd7\ufe0f<\/span> Les 5 blocs d&rsquo;une landing page \u00e9ph\u00e9m\u00e8re qui&nbsp;convertit<\/h2>\n\n  <p>Une landing page \u00e9ph\u00e9m\u00e8re efficace ne d\u00e9passe pas une seule page scrollable. Cinq blocs, dans cet ordre exact. Pas de navigation, pas de liens sortants, pas de menu&nbsp;global.<\/p>\n\n  <div class=\"with-img\">\n    <div class=\"step-list\">\n      <div class=\"step-item\">\n        <div class=\"step-num\">01<\/div>\n        <div class=\"step-body\">\n          <div class=\"step-title\">Le contexte salon en en-t\u00eate<\/div>\n          <div class=\"step-desc\">Nom du salon, dates, votre num\u00e9ro de stand. Le visiteur qui arrive depuis votre QR code doit confirmer en 2 secondes qu&rsquo;il est au bon endroit. Ajoutez le logo du salon si les droits le permettent, \u00e7a ancre imm\u00e9diatement la&nbsp;confiance.<\/div>\n          <span class=\"step-tag\">Identification imm\u00e9diate<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"step-item\">\n        <div class=\"step-num\">02<\/div>\n        <div class=\"step-body\">\n          <div class=\"step-title\">La promesse de la ressource<\/div>\n          <div class=\"step-desc\">Ce que le visiteur obtient en \u00e9change de son email. Formul\u00e9 en b\u00e9n\u00e9fice op\u00e9rationnel, pas en format&nbsp;: \u00ab\u00a0Recevez l&rsquo;audit complet de votre dispositif \u00e9v\u00e9nementiel\u00a0\u00bb plut\u00f4t que \u00ab\u00a0T\u00e9l\u00e9chargez notre PDF\u00a0\u00bb. Le titre de la ressource doit appara\u00eetre sous la ligne&nbsp;de&nbsp;flottaison.<\/div>\n          <span class=\"step-tag blue\">\u00c9change de valeur<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"step-item\">\n        <div class=\"step-num\">03<\/div>\n        <div class=\"step-body\">\n          <div class=\"step-title\">Le formulaire minimal<\/div>\n          <div class=\"step-desc\">Pr\u00e9nom, email professionnel, entreprise. Trois champs maximum. Au-del\u00e0, le taux de compl\u00e9tion chute de 40&nbsp;%. Le num\u00e9ro de t\u00e9l\u00e9phone est \u00e0 r\u00e9server aux landing pages ciblant des achats \u00e0 cycle long avec qualification&nbsp;commerciale.<\/div>\n          <span class=\"step-tag\">Friction r\u00e9duite<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"step-item\">\n        <div class=\"step-num\">04<\/div>\n        <div class=\"step-body\">\n          <div class=\"step-title\">La preuve sociale cibl\u00e9e<\/div>\n          <div class=\"step-desc\">Un ou deux logos de clients du m\u00eame secteur que votre cible salon. Pas vingt logos. Une courte phrase d&rsquo;un client qui formule le probl\u00e8me que vous r\u00e9solvez. La preuve doit \u00eatre align\u00e9e avec le secteur repr\u00e9sent\u00e9 \u00e0 ce&nbsp;salon.<\/div>\n          <span class=\"step-tag blue\">Cr\u00e9dibilit\u00e9 sectorielle<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"step-item\">\n        <div class=\"step-num\">05<\/div>\n        <div class=\"step-body\">\n          <div class=\"step-title\">Le compte \u00e0 rebours ou la date limite<\/div>\n          <div class=\"step-desc\">La ressource est disponible jusqu&rsquo;au [date]. Simple, visible, non agressif. Cet \u00e9l\u00e9ment seul augmente le taux de conversion de 15 \u00e0 25&nbsp;% sur les landing pages \u00e9ph\u00e9m\u00e8res B2B. Il transforme l&rsquo;intention diffuse en&nbsp;action.<\/div>\n          <span class=\"step-tag\">Urgence douce<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"deco-img-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/06\/b5cbc399729d7ad1-www-droneland-au.webp\" alt=\"\" class=\"deco-img\" loading=\"lazy\" aria-hidden=\"true\">\n    <\/div>\n  <\/div>\n\n  <!-- SECTION 4 \u2014 QR code -->\n  <hr class=\"article-divider\">\n  <h2><span class=\"icon\">\ud83d\udcf1<\/span> QR code&nbsp;: o\u00f9 il pointe fait toute la&nbsp;diff\u00e9rence<\/h2>\n\n  <div class=\"with-img img-left\">\n    <div class=\"deco-img-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/06\/7466491f5c27fe8d-screenshot-source.webp\" alt=\"\" class=\"deco-img\" loading=\"lazy\" aria-hidden=\"true\">\n    <\/div>\n    <div>\n      <p>Le QR code est le seul point de contact entre votre stand physique et votre dispositif digital. Ce qu&rsquo;il y a derri\u00e8re d\u00e9termine si la conversation se prolonge ou s&rsquo;arr\u00eate net. La diff\u00e9rence entre un QR code standard et un QR code optimis\u00e9 n&rsquo;est pas technique, elle est&nbsp;strat\u00e9gique.<\/p>\n\n  <div class=\"split-compare\">\n    <div class=\"split-col before\">\n      <div class=\"split-col-label\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n        QR code standard\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n        Pointe vers la homepage du site\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n        Le visiteur doit naviguer pour trouver ce qu&rsquo;il cherche\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n        Aucun contexte salon sur la page d&rsquo;atterrissage\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n        Aucune capture de contact possible\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n        Taux de rebond sup\u00e9rieur \u00e0 80&nbsp;%\n      <\/div>\n    <\/div>\n    <div class=\"split-col after\">\n      <div class=\"split-col-label\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        QR code landing page \u00e9ph\u00e9m\u00e8re\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Pointe vers une URL d\u00e9di\u00e9e au salon\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Contexte imm\u00e9diatement reconnaissable\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Une seule action possible, remplir le formulaire\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Contact captur\u00e9 et envoy\u00e9 dans le CRM\n      <\/div>\n      <div class=\"split-item\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Taux de conversion entre 30 et 55&nbsp;%\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"callout callout-blue\">\n    <span class=\"callout-icon\">\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5f9bc7\" stroke-width=\"1.75\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n    <\/span>\n    <div class=\"callout-text\"><strong>D\u00e9tail technique&nbsp;:<\/strong> utilisez un QR code dynamique (Bitly, QR Code Generator Pro) plut\u00f4t que statique. Un QR code dynamique permet de modifier l&rsquo;URL de destination apr\u00e8s impression, utile si la landing page n&rsquo;est pas finalis\u00e9e au moment de l&rsquo;envoi en&nbsp;impression.<\/div>\n  <\/div>\n    <\/div><!-- end with-img content col -->\n  <\/div><!-- end with-img -->\n\n  <!-- SECTION 5 \u2014 Table -->\n  <h2><span class=\"icon\">\u2699\ufe0f<\/span> Checklist technique avant le&nbsp;J-0<\/h2>\n\n  <p>Une landing page \u00e9ph\u00e9m\u00e8re rate le plus souvent pour des raisons techniques, pas pour des raisons de contenu. Ce tableau r\u00e9capitule les points de contr\u00f4le \u00e0 valider avant d&rsquo;imprimer votre signal\u00e9tique&nbsp;salon.<\/p>\n\n  <div class=\"with-img\">\n    <div class=\"table-wrap\">\n      <table class=\"article-table\">\n        <thead>\n          <tr>\n            <th>Point de contr\u00f4le<\/th>\n            <th>Crit\u00e8re<\/th>\n            <th>Risque si absent<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td data-label=\"Point de contr\u00f4le\" class=\"td-name\">URL d\u00e9di\u00e9e<\/td>\n            <td data-label=\"Crit\u00e8re\" class=\"td-accent\">Sous-domaine ou slug sp\u00e9cifique au salon<\/td>\n            <td data-label=\"Risque si absent\" class=\"td-bad\">Impossible de tracer la source des contacts salon vs autres canaux<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Point de contr\u00f4le\" class=\"td-name\">Mobile first<\/td>\n            <td data-label=\"Crit\u00e8re\" class=\"td-accent\">Page test\u00e9e sur iOS et Android avant J-0<\/td>\n            <td data-label=\"Risque si absent\" class=\"td-bad\">80&nbsp;% des scans QR se font sur mobile, une page non responsive d\u00e9truit le taux de conversion<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Point de contr\u00f4le\" class=\"td-name\">Vitesse de chargement<\/td>\n            <td data-label=\"Crit\u00e8re\" class=\"td-accent\">Inf\u00e9rieure \u00e0 2 secondes sur 4G<\/td>\n            <td data-label=\"Risque si absent\" class=\"td-bad\">Le visiteur en all\u00e9e n&rsquo;attend pas, chaque seconde de chargement r\u00e9duit le taux de compl\u00e9tion de 20&nbsp;%<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Point de contr\u00f4le\" class=\"td-name\">Connexion CRM<\/td>\n            <td data-label=\"Crit\u00e8re\" class=\"td-accent\">Formulaire connect\u00e9 \u00e0 HubSpot, Pipedrive ou \u00e9quivalent<\/td>\n            <td data-label=\"Risque si absent\" class=\"td-bad\">Les contacts arrivent dans une bo\u00eete mail, risque de perte et d&rsquo;absence de s\u00e9quence de&nbsp;relance<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Point de contr\u00f4le\" class=\"td-name\">Email de confirmation<\/td>\n            <td data-label=\"Crit\u00e8re\" class=\"td-accent\">Envoi automatique avec lien vers la ressource<\/td>\n            <td data-label=\"Risque si absent\" class=\"td-bad\">Le contact attend son document, une relance manuelle J+1 arrive trop tard dans 60&nbsp;% des cas<\/td>\n          <\/tr>\n          <tr>\n            <td data-label=\"Point de contr\u00f4le\" class=\"td-name\">UTM tracking<\/td>\n            <td data-label=\"Crit\u00e8re\" class=\"td-accent\">Param\u00e8tres UTM source=salon&amp;medium=qrcode<\/td>\n            <td data-label=\"Risque si absent\" class=\"td-bad\">Impossible de mesurer le ROI du salon dans Google Analytics ou votre outil d&rsquo;attribution<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n    <div class=\"deco-img-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/06\/aa9681578ba2d464-screenshot-upload.webp\" alt=\"\" class=\"deco-img\" loading=\"lazy\" aria-hidden=\"true\">\n    <\/div>\n  <\/div>\n\n  <!-- SECTION 6 \u2014 Checklist -->\n  <h2><span class=\"icon\">\ud83d\udccb<\/span> Ce que la page doit avoir et ne pas&nbsp;avoir<\/h2>\n\n  <div class=\"check-grid\">\n    <div class=\"check-card\">\n      <div class=\"check-card-label green\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n        Indispensable\n      <\/div>\n      <ul class=\"check-items\">\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Nom du salon et dates visibles en haut de page<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Un seul objectif de conversion, formulaire ou CTA<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Titre de la ressource formul\u00e9 en b\u00e9n\u00e9fice<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>3 champs maximum dans le formulaire<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Date de disponibilit\u00e9 de la ressource visible<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Alignement visuel avec le stand et la brochure<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25c952\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Confirmation automatique par email<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"check-card\">\n      <div class=\"check-card-label red\">\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n        \u00c0 supprimer\n      <\/div>\n      <ul class=\"check-items\">\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Menu de navigation global du site<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Liens sortants vers d&rsquo;autres pages<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Pr\u00e9sentation de l&rsquo;\u00e9quipe ou de l&rsquo;historique<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Formulaire de contact g\u00e9n\u00e9rique<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Slider ou carrousel d&rsquo;images<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Pop-up ou interstitiel au chargement<\/li>\n        <li><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db3535\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex-shrink:0;margin-top:2px\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Vid\u00e9o autoplay avec son activ\u00e9<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <!-- SECTION 7 \u2014 FAQ -->\n  <h2><span class=\"icon\">\ud83d\udcac<\/span> Questions fr\u00e9quentes<\/h2>\n\n  <div class=\"with-img img-left\">\n    <div class=\"deco-img-wrap\">\n      <img decoding=\"async\" src=\"https:\/\/altaydagistan.com\/wp-content\/uploads\/2026\/06\/9b0e24206c0a1066-screenshot.webp\" alt=\"\" class=\"deco-img\" loading=\"lazy\" aria-hidden=\"true\">\n    <\/div>\n    <div class=\"accordion\" id=\"faqAccordion\">\n    <div class=\"acc-item\">\n      <button class=\"acc-trigger\" onclick=\"accToggle(this)\">\n        <span class=\"acc-trigger-text\">Combien de temps faut-il pour cr\u00e9er une landing page \u00e9ph\u00e9m\u00e8re&nbsp;?<\/span>\n        <span class=\"acc-arrow\"><svg viewBox=\"0 0 10 6\"><polyline points=\"1,1 5,5 9,1\"\/><\/svg><\/span>\n      <\/button>\n      <div class=\"acc-body\">Une landing page \u00e9ph\u00e9m\u00e8re bien con\u00e7ue se produit en 3 \u00e0 5 jours ouvr\u00e9s, \u00e0 condition que la ressource \u00e0 offrir (\u00e9tude de cas, guide, audit) soit d\u00e9j\u00e0 disponible. <strong>Le d\u00e9lai critique est J-14 avant le salon<\/strong>&nbsp;: il faut du temps pour imprimer les QR codes sur les kak\u00e9monos et brochures, et pour tester la page sur mobile avant que le mat\u00e9riel soit exp\u00e9di\u00e9 sur site.<\/div>\n    <\/div>\n    <div class=\"acc-item\">\n      <button class=\"acc-trigger\" onclick=\"accToggle(this)\">\n        <span class=\"acc-trigger-text\">Faut-il une page diff\u00e9rente pour chaque salon&nbsp;?<\/span>\n        <span class=\"acc-arrow\"><svg viewBox=\"0 0 10 6\"><polyline points=\"1,1 5,5 9,1\"\/><\/svg><\/span>\n      <\/button>\n      <div class=\"acc-body\">Oui, et c&rsquo;est pr\u00e9cis\u00e9ment ce qui fait la performance du dispositif. Une landing page g\u00e9n\u00e9rique \u00ab\u00a0Salons 2025\u00a0\u00bb ne produit pas les m\u00eames r\u00e9sultats qu&rsquo;une page qui mentionne explicitement \u00ab\u00a0Viva Technology 2025, stand B42\u00a0\u00bb. <strong>Le contexte sp\u00e9cifique cr\u00e9e la confiance.<\/strong> En pratique, une base de template permet de dupliquer et adapter une nouvelle page en quelques heures pour chaque \u00e9v\u00e9nement.<\/div>\n    <\/div>\n    <div class=\"acc-item\">\n      <button class=\"acc-trigger\" onclick=\"accToggle(this)\">\n        <span class=\"acc-trigger-text\">Que proposer en \u00e9change de l&#8217;email&nbsp;?<\/span>\n        <span class=\"acc-arrow\"><svg viewBox=\"0 0 10 6\"><polyline points=\"1,1 5,5 9,1\"\/><\/svg><\/span>\n      <\/button>\n      <div class=\"acc-body\">La ressource doit correspondre exactement au secteur cible du salon. <strong>Les formats qui convertissent le mieux en B2B&nbsp;:<\/strong> une \u00e9tude de cas sectorielle (PDF, 4 \u00e0 8 pages), un audit express de 10 minutes par votre \u00e9quipe, un guide technique sur un probl\u00e8me pr\u00e9cis que votre cible rencontre. \u00c9vitez les whitepapers g\u00e9n\u00e9riques, ils signalent une absence de personnalisation et r\u00e9duisent la perception de valeur de l&rsquo;\u00e9change.<\/div>\n    <\/div>\n    <div class=\"acc-item\">\n      <button class=\"acc-trigger\" onclick=\"accToggle(this)\">\n        <span class=\"acc-trigger-text\">Faut-il d\u00e9sactiver la page apr\u00e8s le salon&nbsp;?<\/span>\n        <span class=\"acc-arrow\"><svg viewBox=\"0 0 10 6\"><polyline points=\"1,1 5,5 9,1\"\/><\/svg><\/span>\n      <\/button>\n      <div class=\"acc-body\">Pas imm\u00e9diatement. La page reste active 30 jours apr\u00e8s le salon pour capter les contacts tardifs, ceux qui ont conserv\u00e9 votre brochure mais n&rsquo;ont pas encore scann\u00e9 le QR code. <strong>\u00c0 J+30<\/strong>, deux options&nbsp;: d\u00e9sactiver et afficher un message \u00ab\u00a0offre expir\u00e9e\u00a0\u00bb (renforce la valeur de l&rsquo;\u00e9ph\u00e9m\u00e8re pour les prochains salons), ou rediriger vers votre page services standard.<\/div>\n    <\/div>\n    <div class=\"acc-item\">\n      <button class=\"acc-trigger\" onclick=\"accToggle(this)\">\n        <span class=\"acc-trigger-text\">Quelle plateforme utiliser pour cr\u00e9er la page&nbsp;?<\/span>\n        <span class=\"acc-arrow\"><svg viewBox=\"0 0 10 6\"><polyline points=\"1,1 5,5 9,1\"\/><\/svg><\/span>\n      <\/button>\n      <div class=\"acc-body\">Pour une int\u00e9gration rapide et propre&nbsp;: <strong>WordPress avec un builder (Elementor, Bricks)<\/strong> si vous avez d\u00e9j\u00e0 un site. Pour une solution ind\u00e9pendante&nbsp;: Unbounce, Webflow ou une page HTML statique h\u00e9berg\u00e9e sur un sous-domaine. L&rsquo;essentiel est que la page soit sur votre domaine (ou sous-domaine) pour la cr\u00e9dibilit\u00e9 et le tracking, pas sur un domaine tiers.<\/div>\n    <\/div>\n  <\/div><!-- end accordion -->\n  <\/div><!-- end with-img -->\n\n  <!-- CTA -->\n  <div class=\"cta-box\">\n    <span class=\"cta-eyebrow\">Prochain salon en vue<\/span>\n    <div class=\"cta-title\">Stand, brochure, landing page.<br>Le dispositif complet en un seul interlocuteur.<\/div>\n    <div class=\"cta-sub\">On con\u00e7oit l&rsquo;habillage de votre stand, les supports imprim\u00e9s et la landing page \u00e9ph\u00e9m\u00e8re dans un territoire graphique align\u00e9. Du gabarit d&rsquo;impression au formulaire connect\u00e9 \u00e0 votre&nbsp;CRM.<\/div>\n    <a href=\"https:\/\/comhit.agency\/contact\/\" class=\"cta-btn\">\n      Parlons de votre salon\n      <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n    <\/a>\n  <\/div>\n\n<\/article>\n\n<script>\n\/\/ \u2500\u2500 Infographic funnel \u2014 highlight only, bars always visible \u2500\u2500\nfunction funnelActivate(index) {\n  var stages = document.querySelectorAll('.ig-stage');\n  for (var i = 0; i < stages.length; i++) {\n    stages[i].classList.remove('ig-active');\n  }\n  stages[index].classList.add('ig-active');\n}\n\n\/\/ \u2500\u2500 Accordion \u2500\u2500\nfunction accToggle(trigger) {\n  var item = trigger.parentNode;\n  var isOpen = item.classList.contains('open');\n  var allItems = document.querySelectorAll('.acc-item');\n  for (var i = 0; i < allItems.length; i++) { allItems[i].classList.remove('open'); }\n  if (!isOpen) { item.classList.add('open'); }\n}\n\n\/\/ \u2500\u2500 Init \u2500\u2500\ndocument.addEventListener('DOMContentLoaded', function() {\n  \/\/ bars are set via inline style, nothing to init\n});\n<\/script>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Dispositifs Terrain &middot; Capture de Leads Landing page \u00e9ph\u00e9m\u00e8re pour salon&nbsp;: comment r\u00e9cup\u00e9rer les contacts apr\u00e8s l&rsquo;\u00e9v\u00e9nement Un salon professionnel se termine. Les badges sont scann\u00e9s, les brochures distribu\u00e9es, les conversations not\u00e9es dans un carnet. Deux semaines plus tard, 70&nbsp;% des contacts collect\u00e9s n&rsquo;ont donn\u00e9 lieu \u00e0 aucune relance structur\u00e9e. La landing page \u00e9ph\u00e9m\u00e8re est [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":999312,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[136],"tags":[],"class_list":["post-999300","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typographie"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"acf":[],"_links":{"self":[{"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/posts\/999300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/comments?post=999300"}],"version-history":[{"count":8,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/posts\/999300\/revisions"}],"predecessor-version":[{"id":999311,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/posts\/999300\/revisions\/999311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/media\/999312"}],"wp:attachment":[{"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/media?parent=999300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/categories?post=999300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comhit.agency\/en\/wp-json\/wp\/v2\/tags?post=999300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}