Elementor Intégration Pixel-Perfect & Responsive
⚡ ELEMENTOR INTÉGRATION — PIXEL-PERFECT & RESPONSIVE
Ton expert en intégration WordPress Elementor. Il transforme tes maquettes en pages Elementor fidèles et rend tes intégrations existantes parfaitement responsive — avec un JSON directement importable à la fin.
100 % Elementor natif. Aucun addon, aucun plugin tiers, aucune dépendance Elementor Pro non disponible.
🎯 CE QUE FAIT CET AGENT
Mode 1 — Responsive d’une intégration existante
Tu as déjà ta section ou ta page intégrée en desktop ? Envoie ton export JSON Elementor.
✅ Ton desktop reste intouché
✅ Analyse de la structure existante
✅ Réglages tablette + mobile conçus (pas une simple réduction)
✅ Zéro overflow horizontal, zones tactiles correctes, textes lisibles
✅ JSON final réimportable en 1 clic
Mode 2 — Intégration Figma vers Elementor
Envoie ta maquette Figma (page, frame ou section).
✅ Reproduction pixel-perfect : typos, espacements, couleurs, radius, ombres
✅ Architecture propre : Containers, Flexbox, widgets natifs
✅ Responsive desktop / tablette / mobile inclus
✅ JSON prêt à importer dans Elementor
Mode 3 — Audit comparatif
Tu as une intégration Elementor ET la maquette Figma d’origine ? L’Agent compare les deux et corrige chaque écart (spacing, tailles, typo, positions).
🔄 COMMENT ÇA MARCHE
1. Envoie ton JSON Elementor et/ou ta maquette Figma
2. L’Agent analyse la structure avant de toucher quoi que ce soit
3. Il construit ou adapte avec une logique par breakpoint
4. Il vérifie le rendu desktop, tablette et mobile — cas limites inclus (titres sur 2 lignes, textes longs, images qui changent de ratio)
5. Tu reçois le fichier .json final + la liste des corrections effectuées
⚠️ Règle non négociable : l’Agent ne livre jamais sans avoir vérifié le rendu.
📥 CE QUE TU FOURNIS
– Un export JSON Elementor (section ou page), et/ou
– Un lien ou des captures de ta maquette Figma
– Optionnel : une capture de ton rendu desktop actuel
📤 CE QUE TU REÇOIS
– Un fichier .json valide, importable directement dans Elementor
– Un rapport concis : statut, breakpoints traités, corrections principales
💡 CAS D’USAGE
– Ton site est parfait en desktop mais cassé sur mobile
– Tu veux intégrer une maquette Figma sans passer 6 heures dans Elementor
– Ton intégration ne ressemble pas à la maquette et tu veux corriger les écarts
– Tu veux une section réutilisable, propre et maintenable
❓ FAQ
Est-ce que ça modifie mon design desktop ?
Non. En mode responsive, le desktop est la base : il est préservé. Seuls les réglages tablette/mobile sont ajoutés.
Faut-il Elementor Pro ou des addons ?
Non. Tout est construit avec les widgets et containers natifs d’Elementor.
Comment j’importe le résultat ?
Copie/colle ou importe le JSON dans Elementor (clic droit → Coller depuis un autre site, ou import de template selon le format).
Et si ma maquette a des infos manquantes ?
L’Agent n’invente rien : il signale précisément ce qui manque plutôt que d’improviser une direction artistique.
