← Refonte 2026 · Document dev
Document de spécification dev consolidé pour le développeur Webflow. Source unique de vérité : stack, CMS Collections, templates avec leur correspondance maquette HTML, intégrations Zoho/Brevo/GA4, scoring lead, SEO, redirections 301. À lire avant de toucher au designer Webflow.
Les briques techniques verrouillées au brief. Tout dev Webflow doit s'inscrire dans cette stack — pas de plugin parallèle, pas de service alternatif sans validation Olivier Gene.
~sur devis
Sortie Wix programmée. CMS Collections pour industrialiser les 50 LP depuis 1 template. Pas de plugin custom — composants Webflow natifs.
~tarif sur demande · 10k recherches
Recommandé brief (validé client). Indexation des CMS Collections. Fuzzy match, autocomplete, filtres facettés. Alternative gratuite : Finsweet CMS Filter (limité).
existant
Tous les formulaires Webflow connectés via webhook ou Zapier. Scoring lead A/B/C automatique selon la LP source + champs collectés.
existant
Séquences de nurturing pour leads C (6 emails / 6 semaines). Email transactionnel post-form. Connexion Webflow forms → Brevo via Zapier.
gratuit
Events : form submit, WhatsApp click, ROI request, démo réservée. Tableau de bord Looker Studio mensuel. Hotjar optionnel pour heatmaps.
existant
Sous-domaine séparé, INTERNE aux commerciaux. Site public propose CTA « Étude de rentabilité personnalisée » qui capture le lead → commercial génère le PDF via roi.tcm puis envoie sous 48 h.
existant
Bouton flottant sur toutes les pages avec lien wa.me + message d'accueil pré-rempli adapté à l'URL. Tracking event GA4 + tag Zoho « lead WhatsApp ».
~tarif sur demande
Axeptio ou Cookiebot. TCM éligible au contrôle CNIL → obligation stricte. Politique de confidentialité à rédiger/actualiser. DPO : contact@techcare-medical.fr.
Chaque ligne correspond à une maquette HTML hi-fi déjà produite. Le développeur Webflow doit reproduire la structure de blocs, les responsives, et brancher les champs CMS indiqués.
| # | Template | Rôle & CMS | Maquette de référence | Statut |
|---|---|---|---|---|
| T1 | Home1 page unique · static + slots CMS pour focus du mois | Triple porte d'entrée Profils/Produits/Solutions · sélecteur persona · mosaïque 5 chiffres · serment d'Hippocrate · témoignages slot CMS | 01 Home.html → | Maquette OK |
| T2 | Hub Univers Produit10 instances via CMS Collection « Univers » | Hero univers + 3 récits cliniques + tableau références + CCAM + engagement + financement + FAQ + cluster LP | Hub Holter · Hub Ergomètres · Hub PCA | 3 / 10 maquettés |
| T3 | Fiche produit~30 instances via CMS Collection « Produits » | Hero gallery + 4 onglets dynamiques (présentation/specs/indications/services) + « Pour qui ? » + financement + comparateur + FAQ + sticky buy bar | AFT 1000+ → | Maquette OK |
| T4 | Hub Profil6 instances via CMS Collection « Profils » | Hero verbatim + parcours type + 3 frictions/réponses + pack matériel curé + cas client avant/après + financement global + cluster LP | P1 Libéral → | 1 / 6 maquettés |
| T5 | Landing Page (MASTER)50 instances via CMS Collection « LP » | 10 blocs CMS : Hook · Problème · Solution · Preuves · Objections · CTA · Reco · ROI · Réassurance · Form. Le plus stratégique. | Stress Echo · FA paroxystique | 2 / 50 maquettés |
| T6 | Page Service6 instances via CMS Collection « Services » | Hero + 3 promesses + parcours en étapes + tableau couverture + cas client + FAQ + CTA contrat. Ex. SAV, formation, financement, audit, logiciels, consommables. | SAV France → | 1 / 6 maquettés |
| T7 | Article Cardio Insights~30 instances via CMS Collection « Articles » | Hero article + sommaire ancré (sticky) + corps long-form + callouts produits + lead magnet PDF + stats inline + articles similaires | Holter 22 j → | Maquette OK |
| T8 | Témoignage cardiologue8 instances minimum via CMS Collection « Témoignages » | Photo HD + vidéo 60-90s + verbatim long + équipement utilisé (cards produits cliquables) + avant/après chiffré + CTA « même setup » | à maquetter | À faire |
| T9 | Contact / Devis1 page unique générique | Hero contact + carte interactive France + formulaire générique + CTA WhatsApp prominent + adresses Lyon/Paris + horaires | à maquetter | À faire |
7 Collections Webflow. Champs minimaux pour démarrer — extensibles. Convention de nommage : kebab-case en interne, slugs URL alignés.
plain textkebab-casenumber 1-10plain textrich textmulti-refmulti-refmulti-ref → LPimagenumberoption E/S/P/Rplain texttextsref → universoption E/S/P/Rtextsmulti-imagerich JSONmulti-linemulti-refmulti-ref → profilsplain textoption FR/DE/CH/KR/CNP1-P6plain textrich textmulti-line (3 items)multi-line (3 items)multi-ref → produitsplain textmulti-ref → LPSEOoption A/B/C/D/E/Fref → profilsref → universoption A/B/Crich text par blocmulti-ref → produitsimageref → CCAMSEOoption Cliniques/Pratique/Économique/Réglementaireref → équipedatenumberimagerich text avec ancresrich text long-formfilemulti-ref → produitstextsref → profilsimageYouTube unlisted ou Vimeorich text 300-500 motsmulti-ref → produits3 items label/valueswitchChaque LP est une ligne dans la collection « landing_pages ». Le template Webflow lit les 10 blocs et les rend. Les 50 LP sont des variations de ce squelette — pas 50 maquettes individuelles à créer.
| # | Bloc | Règle | Champ CMS principal |
|---|---|---|---|
| 01 | Hook | H1 < 12 mots · focus bénéfice · accompagné de 2 chips chiffrés | bloc01_hook + bloc01_chips |
| 02 | Problème | Empathie clinique · 3-4 phrases · pas de jargon vendeur | bloc02_problem |
| 03 | Solution TCM | Produit phare + visuel HD + badge niveau de gamme + 5 points clés | bloc03_solution + produits_reco[0] |
| 04 | Preuves | 3 chiffres en card + bloc CCAM avec tarif Sécu | bloc04_proof_cards + code_ccam_principal |
| 05 | Objections / FAQ | 3-5 items dépliables · gérer le budget sans donner de prix | bloc05_faq |
| 06 | CTA principal | Devis ou démo · encart sombre central | bloc06_cta_label + bloc06_cta_target |
| 07 | Produits recos | 2-3 cards · toujours avec niveau de gamme, jamais avec prix | produits_reco (multi-ref) |
| 08 | ROI / Étude | CTA « Recevoir mon étude personnalisée » → capture lead chaud A · panel simulation indicative | bloc08_simulation_lines |
| 09 | Réassurance | 4 trust pills standards · static dans le template | — |
| 10 | Formulaire | Nom · Email · Tel · Spécialité · Besoin · RGPD non pré-coché | bloc10_form_intro |
Connexions entre Webflow et l'écosystème commercial TCM. Toutes les intégrations passent par Zapier (sauf si Webflow Webhooks suffit).
Tout submit de formulaire crée un lead Zoho avec scoring + tag source LP. Champs Zoho : prénom, nom, email, téléphone, spécialité, statut, besoin, score, LP source.
via webhook ou Zapier
Sync bidirectionnelle. Les leads C (cold) entrent dans la séquence nurturing Brevo (6 emails/6 semaines). Les leads B/A sont attribués à un commercial cardio dédié.
via Zapier · sync horaire
Events à tracker : form_submit, whatsapp_click, roi_request, demo_request, pdf_download, cta_click_main. Une convention de naming uniforme entre les LP.
via gtag + Webflow custom code
Le formulaire « Recevoir mon étude de rentabilité » envoie l'ensemble des champs vers Zoho avec tag roi_requested. Le commercial utilise roi.tcm en interne, génère le PDF, l'envoie sous 48 h avec signature.
via webhook → Zoho
Bouton flottant wa.me/33689967247 avec message pré-rempli paramétré par URL. Compteur visible : « Réponse < 2h ouvrées ». Event GA4 + tag Zoho « lead WhatsApp ».
via wa.me + URL params
Conforme CNIL strict. TCM éligible au contrôle CNIL → obligation. Bandeau accepter/refuser/paramétrer. Pas de pré-chargement GA4 avant consentement.
script Axeptio · ~tarif sur demande
Règles de scoring appliquées automatiquement dans Zoho selon la LP source et les champs collectés. Définit l'action commerciale qui suit.
Critères : demande de démo + cabinet identifié + budget > 10 k€ ou LP scoring A par défaut (Stress echo, Audit RGPD/PCA, ROI request).
Action : Rappel sous 24 h par commercial cardio dédié + simulateur ROI interne déclenché. Pipeline créé dans Zoho.
Critères : demande de devis + formulaire rempli + intention claire (LP scoring B : Holter, Doctolib, MAPA, Épreuve d'effort).
Action : Email Brevo personnalisé sous 24 h + relance commerciale sous 72 h. Devis personnalisé envoyé sous 48 h.
Critères : téléchargement lead magnet uniquement + form court (article Cardio Insights, brochure PDF).
Action : Séquence Brevo automatique (6 emails / 6 semaines). Pas de relance commerciale immédiate. Mise en escalade si comportement chaud détecté.
Trame SEO obligatoire pour chaque LP. Indexation cible : 50 LP / 50 dans Search Console à 12 mois. Redirections 301 industrialisées depuis l'ancien Wix.
/profil/cardiologue-liberal-etabli/produits/holter-ecg/produits/holter-aft1000-plus/solutions/echographie-stress-cle-en-main/services/sav-france-cardiologie-72h/cardio-insights/holter-22-jours-fa-post-avc/temoignages/dr-bertrand-pca/contact/cardiologie/cardiology Wix → nouvelle Home/contact → nouvelle page Contact (T9)Ordre de production conseillé. 4 phases sur 9 mois jusqu'à la V1 décembre 2026.
00 Design System.html.